:root{--ink: #001219;--teal-deep: #005f73;--teal: #0a9396;--aqua: #94d2bd;--wheat: #e9d8a6;--gold: #ee9b00;--caramel: #ca6702;--rust: #bb3e03;--iron: #ae2012;--brownred: #9b2226;--page-bg: var(--ink);--page-fg: var(--wheat);--card-bg: var(--wheat);--card-fg: var(--ink);--accent: var(--rust);--accent-hover: var(--iron);--muted: var(--teal);--muted-soft: rgba(10, 147, 150, .18);--rule: rgba(233, 216, 166, .13);--rule-strong: rgba(233, 216, 166, .3);--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--maxw: 1180px;--gutter: clamp(20px, 4vw, 56px);--pad-section: clamp(52px, 6vw, 76px);--pad-card: clamp(22px, 3vw, 32px);--gap: clamp(16px, 2vw, 24px);--ease: cubic-bezier(.22, 1, .36, 1)}[data-theme=light]{--page-bg: var(--wheat);--page-fg: var(--ink);--card-bg: var(--ink);--card-fg: var(--wheat);--accent-hover: var(--brownred);--muted: var(--teal-deep);--muted-soft: rgba(0, 95, 115, .1);--rule: rgba(0, 18, 25, .14);--rule-strong: rgba(0, 18, 25, .32)}*{box-sizing:border-box}html{background:var(--page-bg);color:var(--page-fg);scroll-behavior:smooth}body{margin:0;background:var(--page-bg);color:var(--page-fg);font-family:var(--font);font-feature-settings:"ss01","cv11","calt";line-height:1.5;letter-spacing:0;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background-color .3s var(--ease),color .3s var(--ease)}.ambient-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;width:100%;height:100%;opacity:.9}main,.footer{position:relative;z-index:1}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:var(--wheat)}*{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--accent) 70%,transparent) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--accent) 55%,transparent);border:2px solid transparent;border-radius:999px;background-clip:padding-box}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}section{padding:var(--pad-section) 0;scroll-margin-top:82px;position:relative}.section-label,.hero-eyebrow,.clients-label,.work-meta,.badge,.post-meta,.post-cta,.tl-year,.footer{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.section-label{display:inline-flex;align-items:center;gap:10px;color:var(--muted);margin-bottom:30px}.section-label:before{content:"";width:10px;height:1px;background:var(--muted)}.section-title{font-size:clamp(34px,3.8vw,50px);font-weight:600;line-height:1.06;margin:0 0 54px;max-width:22ch;text-wrap:balance}.section-title em{color:var(--accent);font-style:normal}.header{position:fixed;inset:0 0 auto;z-index:80;padding:16px var(--gutter);display:flex;justify-content:center;pointer-events:none;transition:padding .24s var(--ease)}.header.is-scrolled{padding-top:12px;padding-bottom:12px}.header-inner{width:100%;max-width:var(--maxw);display:flex;align-items:center;gap:18px;padding:10px 14px 10px 20px;border-radius:999px;background:color-mix(in oklab,var(--page-bg) 76%,transparent);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border:1px solid var(--rule);pointer-events:auto;position:relative;overflow:hidden}.header.is-scrolled .header-inner{border-color:var(--rule-strong);box-shadow:0 12px 40px -20px #0009}.header-mark{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;white-space:nowrap}.mark-dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 25%,transparent)}.nav{display:flex;align-items:center;gap:6px;margin-left:auto}.nav a,.theme-toggle{border-radius:999px;color:color-mix(in oklab,var(--page-fg) 72%,transparent);transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.nav a{padding:8px 12px;font-size:13px;font-weight:500}.nav a:hover,.nav a.active{color:var(--page-fg)}.nav a.active{background:var(--muted-soft)}.theme-toggle{width:36px;height:36px;border:1px solid var(--rule);background:transparent;cursor:pointer}.theme-toggle:hover{background:var(--muted-soft);border-color:var(--rule-strong)}.header-cta,.header-cal,.btn,.btn-cal,.contact-main,.contact-secondary a{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;font-weight:600;white-space:nowrap;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.header-cta,.header-cal{padding:10px 14px;font-size:13px}.header-cta,.btn-primary,.contact-main{background:var(--accent);color:var(--wheat);border:1px solid var(--accent)}.header-cta:hover,.btn-primary:hover,.contact-main:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.header-cal,.btn-cal{background:transparent;border:1px solid color-mix(in oklab,var(--accent) 55%,transparent);color:var(--accent);cursor:pointer}.header-cal:hover,.btn-cal:hover{background:var(--accent);color:var(--wheat);border-color:var(--accent);transform:translateY(-1px)}svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.progress{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent)}.hero{padding-top:clamp(118px,12vw,154px);padding-bottom:clamp(36px,4.5vw,56px);overflow:hidden}#services{padding-top:clamp(36px,4.5vw,56px)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 480px at 78% 28%,color-mix(in oklab,var(--rust) 10%,transparent),transparent 60%),radial-gradient(700px 400px at 8% 80%,color-mix(in oklab,var(--teal) 8%,transparent),transparent 65%);pointer-events:none}.hero>*{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:clamp(28px,5vw,80px);align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--muted);margin-bottom:28px}.hero-eyebrow span{width:8px;height:8px;border-radius:999px;background:var(--aqua);box-shadow:0 0 12px #94d2bd80}.hero-headline{font-size:clamp(46px,6.4vw,84px);font-weight:600;line-height:1;margin:0 0 28px;max-width:14ch;text-wrap:balance}.hero-headline span,.contact-headline span{color:var(--accent)}.hero-positioning{font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:color-mix(in oklab,var(--page-fg) 80%,transparent);max-width:38ch;margin:0 0 34px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:14px 22px;font-size:14px;border:1px solid transparent}.btn-ghost{border-color:var(--rule-strong);color:var(--page-fg)}.btn-ghost:hover{border-color:var(--page-fg);background:var(--muted-soft)}.btn-call{border-color:color-mix(in oklab,var(--accent) 60%,transparent);color:var(--accent);background:color-mix(in oklab,var(--accent) 4%,transparent)}.btn-call:hover{border-color:var(--accent);background:var(--accent);color:var(--wheat);transform:translateY(-1px)}.hero-portrait{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:8px;background:var(--card-bg);border:1px solid var(--rule);box-shadow:0 30px 80px -40px #000000b3}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:78% 28%;display:block}.clients{margin-top:clamp(72px,9vw,120px);padding:28px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,56px);flex-wrap:wrap}.clients-label{color:var(--muted)}.clients-list{display:flex;gap:clamp(20px,4vw,48px);flex-wrap:wrap;align-items:center}.client{font-size:clamp(14px,1.3vw,17px);font-weight:500;color:color-mix(in oklab,var(--page-fg) 58%,transparent)}.services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap)}.service,.work{background:var(--card-bg);color:var(--card-fg);border-radius:8px;padding:var(--pad-card);position:relative;overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s var(--ease)}.service{min-height:238px;display:flex;flex-direction:column;gap:14px}.service:hover,.work:hover{transform:translateY(-2px);box-shadow:0 24px 64px -38px #0000008f}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.service-num{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--accent);font-weight:600}.service-title{font-size:clamp(22px,1.9vw,28px);font-weight:600;line-height:1.12;margin:0}.service-desc{font-size:15px;line-height:1.55;color:color-mix(in oklab,var(--card-fg) 78%,transparent);margin:0;flex:1}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.chip{font-family:var(--mono);font-size:11px;font-weight:500;padding:5px 10px;border-radius:6px;background:color-mix(in oklab,var(--card-fg) 8%,transparent);color:var(--card-fg);white-space:nowrap}.work-list{display:flex;flex-direction:column;gap:clamp(28px,4vw,56px)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,24px)}.work.featured{padding:clamp(28px,3.4vw,48px);background:linear-gradient(180deg,var(--card-bg),color-mix(in oklab,var(--card-bg) 92%,var(--accent)))}.featured-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,3vw,40px);align-items:start}.work.compact{padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column}.work-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;flex-wrap:wrap}.work-meta{display:flex;align-items:center;gap:10px;color:var(--accent);font-weight:600}.work-meta:before{content:"";width:24px;height:1px;background:var(--accent)}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:10px;font-weight:600;padding:5px 9px;border-radius:6px;background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent);border:1px solid color-mix(in oklab,var(--accent) 22%,transparent);white-space:nowrap}.badge.muted{background:color-mix(in oklab,var(--card-fg) 8%,transparent);color:color-mix(in oklab,var(--card-fg) 75%,transparent);border-color:color-mix(in oklab,var(--card-fg) 18%,transparent)}.work-title{font-size:clamp(28px,3.6vw,44px);font-weight:600;line-height:1.06;margin:0 0 14px}.work.compact .work-title{font-size:clamp(20px,1.9vw,26px)}.work-hero{font-size:clamp(17px,1.5vw,19px);font-weight:500;line-height:1.42;margin:0 0 18px;color:color-mix(in oklab,var(--card-fg) 82%,transparent);max-width:50ch}.work.compact .work-hero{font-size:14px;margin-bottom:14px}.work-desc{font-size:15px;line-height:1.6;margin:0 0 24px;color:color-mix(in oklab,var(--card-fg) 72%,transparent);max-width:62ch}.work-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.featured-links{align-items:flex-start;flex-direction:column}.featured-links .link-chip{width:fit-content}.work-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px}.work-card-footer .chips{flex:1 1 auto;min-width:0}.work.compact .work-links{flex:0 0 auto;justify-content:flex-end;margin-top:0}.link-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;font-weight:500;padding:8px 12px;border-radius:8px;background:color-mix(in oklab,var(--card-fg) 6%,transparent);border:1px solid color-mix(in oklab,var(--card-fg) 14%,transparent)}.link-chip:hover{background:var(--accent);border-color:var(--accent);color:var(--wheat)}.mcp-demo{background:#03222a;border-radius:8px;padding:18px;font-family:var(--mono);font-size:12.5px;color:#d8e8e6;border:1px solid rgba(10,147,150,.22);height:clamp(360px,34vw,460px);min-height:0;display:flex;flex-direction:column;align-self:start;overflow:hidden}.mcp-demo-head{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid rgba(10,147,150,.16);margin-bottom:14px}.mcp-demo-head .dots{display:flex;gap:5px}.mcp-demo-head .dots span{width:9px;height:9px;border-radius:999px;background:#0a939647}.mcp-demo-head .dots span:first-child{background:var(--rust)}.mcp-demo-head .dots span:nth-child(2){background:var(--gold)}.mcp-demo-head .dots span:nth-child(3){background:var(--aqua)}.mcp-demo-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--aqua)}.mcp-demo-status span{width:7px;height:7px;border-radius:999px;background:var(--aqua)}.mcp-demo-head .title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#94d2bdbf;margin-left:auto}.mcp-stream{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:transparent transparent}.mcp-demo:hover .mcp-stream{scrollbar-color:rgba(187,62,3,.55) transparent}.mcp-stream::-webkit-scrollbar{width:8px}.mcp-stream::-webkit-scrollbar-track{background:transparent}.mcp-stream::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.mcp-demo:hover .mcp-stream::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#bb3e039e,#ae20129e)}.mcp-line{display:flex;gap:10px;align-items:flex-start;animation:line-in .32s var(--ease) forwards}@keyframes line-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mcp-line .role{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0;margin-top:2px}.mcp-line .role.agent{background:#bb3e0338;color:#ffb079}.mcp-line .role.tool{background:#0a939638;color:var(--aqua)}.mcp-line .role.result{background:#ee9b002e;color:var(--gold)}.mcp-line .body{line-height:1.5;word-break:break-word;flex:1}.writing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.post{background:color-mix(in oklab,var(--page-bg) 90%,var(--page-fg) 5%);border:1px solid color-mix(in oklab,var(--page-fg) 16%,transparent);border-radius:8px;padding:30px 32px;display:flex;flex-direction:column;gap:14px;min-height:260px;position:relative;overflow:hidden;box-shadow:inset 0 1px color-mix(in oklab,var(--page-fg) 9%,transparent);transition:border-color .24s var(--ease),transform .24s var(--ease),background .24s var(--ease),box-shadow .24s var(--ease)}.post:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--accent),transparent 52%);opacity:0;transition:opacity .24s var(--ease)}.post:hover{border-color:var(--accent);transform:translateY(-2px);background:color-mix(in oklab,var(--page-bg) 86%,var(--page-fg) 7%);box-shadow:inset 0 1px color-mix(in oklab,var(--page-fg) 12%,transparent),0 24px 60px -44px #000000a6}.post:hover:before{opacity:1}.post-meta{display:flex;align-items:center;gap:12px;color:var(--muted)}.post-dot{width:3px;height:3px;border-radius:999px;background:var(--muted)}.post-title{font-size:clamp(21px,1.7vw,26px);font-weight:600;line-height:1.16;margin:0;color:var(--page-fg);max-width:22ch}.post-snippet{font-size:15px;line-height:1.58;color:color-mix(in oklab,var(--page-fg) 72%,transparent);margin:0;max-width:54ch}.post-cta{color:var(--accent);font-weight:600;margin-top:auto}.writing-footer{margin-top:36px;display:flex;justify-content:flex-end}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,5vw,72px);align-items:start}.about-bio p{font-size:17px;line-height:1.65;margin:0 0 18px;color:color-mix(in oklab,var(--page-fg) 88%,transparent)}.about-bio p:first-child{font-size:19px;color:var(--page-fg)}.about-personal{margin-top:28px;padding:18px 22px;border-left:2px solid var(--accent);font-size:14px;font-style:italic;color:color-mix(in oklab,var(--page-fg) 72%,transparent);background:color-mix(in oklab,var(--accent) 4%,transparent);border-radius:0 8px 8px 0}.timeline{display:flex;flex-direction:column;border-left:1px solid var(--rule-strong);padding-left:24px;margin-left:10px}.tl-item{position:relative;padding:14px 0;display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:baseline;border-bottom:1px solid var(--rule)}.tl-item:last-child{border-bottom:none}.tl-item:before{content:"";position:absolute;left:-31px;top:22px;width:9px;height:9px;border-radius:999px;background:var(--page-bg);border:2px solid var(--muted)}.tl-item.current:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 20%,transparent)}.tl-year{color:var(--muted);font-weight:600}.tl-role{font-size:15px;font-weight:500;line-height:1.4}.tl-role .org{display:block;color:color-mix(in oklab,var(--page-fg) 60%,transparent);font-size:13px;font-weight:400;margin-top:2px}.contact{text-align:center;padding:clamp(88px,10vw,126px) 0 var(--pad-section)}.contact-headline{font-size:clamp(40px,5vw,68px);font-weight:600;line-height:1;margin:0 auto 24px;max-width:16ch;text-wrap:balance}.contact-sub{font-size:17px;line-height:1.5;color:color-mix(in oklab,var(--page-fg) 72%,transparent);margin:0 auto 40px;max-width:44ch}.contact-main{padding:18px 28px;font-size:18px}.contact-cal{margin-top:20px}.btn-cal{padding:14px 22px;font-size:14px}.contact-secondary{display:flex;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}.contact-secondary a{padding:12px 18px;border:1px solid var(--rule-strong);font-size:13px;font-weight:500}.contact-secondary a:hover{border-color:var(--page-fg);background:var(--muted-soft)}.footer{border-top:1px solid var(--rule);padding:36px 0;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.to-top{position:fixed;right:24px;bottom:24px;z-index:70;width:44px;height:44px;border-radius:999px;border:1px solid var(--rule-strong);background:color-mix(in oklab,var(--page-bg) 80%,transparent);backdrop-filter:blur(12px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--page-fg);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .24s var(--ease),transform .24s var(--ease),background .2s var(--ease)}.to-top.show{opacity:1;pointer-events:auto;transform:none}.to-top:hover{background:var(--accent);border-color:var(--accent);color:var(--wheat)}.cal-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--ink) 72%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:24px;opacity:0;pointer-events:none;transition:opacity .24s var(--ease)}.cal-modal.open{opacity:1;pointer-events:auto}.cal-modal-shell{width:min(960px,100%);height:min(720px,92vh);background:var(--wheat);color:var(--ink);border-radius:12px;overflow:hidden;border:1px solid var(--rule-strong);box-shadow:0 40px 80px -20px #0009;display:flex;flex-direction:column}.cal-modal-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(0,18,25,.1)}.cal-modal-head .title{font-weight:600;font-size:14px}.cal-modal-head .sub{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep)}.cal-modal-close{margin-left:auto;width:32px;height:32px;border-radius:999px;border:1px solid rgba(0,18,25,.15);background:transparent;cursor:pointer}.cal-modal-close:hover{background:var(--accent);border-color:var(--accent);color:var(--wheat)}.cal-iframe-wrap{flex:1;position:relative}.cal-iframe-wrap iframe{width:100%;height:100%;border:0;display:block}.cal-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--wheat);color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.cal-loading.hidden{display:none}.spinner{width:32px;height:32px;border:2px solid rgba(0,18,25,.12);border-top-color:var(--accent);border-radius:999px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .72s var(--ease),transform .72s var(--ease)}.reveal.in{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:80ms}.reveal[data-delay="2"]{transition-delay:.16s}@media(max-width:960px){.nav a{display:none}.header-inner{gap:10px}.hero-grid,.featured-grid,.about-grid,.services-grid{grid-template-columns:1fr}.span-4,.span-3,.span-2{grid-column:auto}}@media(max-width:760px){.header-cal span,.header-cta{font-size:0;gap:0}.header-cal,.header-cta{width:38px;height:38px;padding:0}.work-grid,.writing-grid{grid-template-columns:1fr}.work-card-footer{align-items:flex-start;flex-direction:column}.work.compact .work-links{align-self:flex-end}.tl-item{grid-template-columns:1fr;gap:4px}.contact-main{font-size:15px;padding:15px 18px;max-width:100%;overflow-wrap:anywhere;white-space:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
