:root{color-scheme:light;--canvas:#fafafa;--elevated:#fff;--hairline:#ebebeb;--hairline-strong:#d8d8d8;--soft:#f2f2f2;--ink:#171717;--body:#4d4d4d;--mute:#8f8f8f;--faint:#a1a1a1;--link:#0070f3;--link-deep:#0761d1;--link-soft:#d3e5ff;--ok:#22a05c;--g1:#007cf0;--g2:#00dfd8;--g3:#7928ca;--g4:#ff0080;--g5:#ff4d4d;--g6:#f9cb28;--shadow-1:0 1px 1px #0000000a;--shadow-2:0 2px 2px #0000000a, 0 12px 24px -12px #00000024;--font-sans:"Geist", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--r-sm:6px;--r-md:12px;--r-lg:16px;--r-pill:999px;--container:1120px;--gutter:clamp(20px, 5vw, 40px);--section-y:clamp(72px, 11vw, 128px);--nav-h:64px;--btn-primary-bg:#171717;--btn-primary-fg:#fff;--dark-canvas:#0a0a0b;--mesh-opacity:.55}:root[data-theme=dark]{color-scheme:dark;--canvas:#0a0a0b;--elevated:#141417;--hairline:#25252a;--hairline-strong:#3a3a41;--soft:#161619;--ink:#f4f4f5;--body:#b8b8be;--mute:#8a8a92;--faint:#62626a;--link:#5aa2ff;--link-deep:#3d8bf7;--link-soft:#16294a;--ok:#3ddc84;--shadow-1:0 1px 1px #00000080;--shadow-2:0 2px 2px #0006, 0 16px 32px -16px #0000008c;--btn-primary-bg:#f4f4f5;--btn-primary-fg:#0a0a0b;--mesh-opacity:.34}*,:before,:after{box-sizing:border-box}html,html:focus-within{scroll-behavior:smooth}body{background:var(--canvas);color:var(--body);font-family:var(--font-sans);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6;transition:background .3s,color .3s}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--ink);color:var(--canvas)}:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:4px}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y)}.section--tight{padding-block:clamp(48px,6vw,80px)}.section-head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,4vw,64px);margin-bottom:clamp(40px,6vw,64px);display:grid}.section-head .head-copy h2{letter-spacing:-.03em;margin-top:12px;font-size:clamp(1.75rem,3.2vw,2.25rem);line-height:1.08}.section-head .head-copy p{max-width:52ch;color:var(--mute);margin-top:16px;font-size:16px}.section-head--single .head-copy{grid-column:1/-1}.eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);white-space:nowrap;align-items:center;gap:10px;font-size:12px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:conic-gradient(from 200deg, var(--g1), var(--g2), var(--g3), var(--g4), var(--g1));border-radius:999px;flex:none;width:7px;height:7px}.mono{font-family:var(--font-mono);font-style:normal}.tag{font-family:var(--font-mono);letter-spacing:.02em;color:var(--mute);white-space:nowrap;font-size:12px}.text-link{color:var(--link);font-weight:500}.text-link:hover{color:var(--link-deep);text-underline-offset:3px;text-decoration:underline}.btn{border-radius:var(--r-pill);height:44px;font:500 15px / 1 var(--font-sans);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;transition:opacity .18s,transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:inline-flex}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn-primary:hover{box-shadow:var(--shadow-2);opacity:.92;transform:translateY(-1px)}.btn-secondary{background:var(--elevated);color:var(--ink);border-color:var(--hairline)}.btn-secondary:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-2);transform:translateY(-1px)}.btn .arrow{transition:transform .18s}.btn:hover .arrow{transform:translate(3px)}.btn-sm{border-radius:var(--r-sm);height:36px;padding:0 14px;font-size:14px}.icon-btn{border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--elevated);width:40px;height:40px;color:var(--ink);cursor:pointer;place-items:center;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-grid}.icon-btn:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-2);transform:translateY(-1px)}.icon-btn svg{width:18px;height:18px}.site-nav{z-index:50;height:var(--nav-h);background:color-mix(in srgb, var(--canvas) 78%, transparent);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;border-bottom:1px solid #0000;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .25s,border-color .25s;position:fixed;top:0;left:0;right:0;transform:translateY(-101%)}.site-nav.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.site-nav.is-scrolled{border-bottom-color:var(--hairline)}.nav-inner{height:var(--nav-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:16px;font-weight:600;display:inline-flex}.brand-favicon{border-radius:7px;flex:none;width:26px;height:26px;transition:transform .18s}.brand:hover .brand-favicon{transform:scale(1.06)}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{border-radius:var(--r-pill);color:var(--body);padding:8px 12px;font-size:14px;transition:color .15s,background-color .15s}.nav-links a:hover{color:var(--ink);background:var(--soft)}.nav-actions{align-items:center;gap:10px;display:flex}.nav-burger{display:none}.nav-panel{border-top:1px solid var(--hairline);background:var(--canvas);padding:12px 0 16px;display:none}.nav-panel a{padding:12px var(--gutter);color:var(--body);border-radius:var(--r-sm);font-size:15px;display:block}.nav-panel a:hover{color:var(--ink);background:var(--soft)}.nav-panel[open]{animation:.25s nav-in;display:block}.theme-moon{display:none}:root[data-theme=dark] .theme-moon{display:block}:root[data-theme=dark] .theme-sun{display:none}@keyframes nav-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.hero{flex-direction:column;min-height:100svh;display:flex;position:relative}.hero-inner{text-align:center;flex-direction:column;flex:1;justify-content:safe center;align-items:center;width:100%;padding:clamp(20px,4vh,40px) 0 clamp(40px,7vh,72px);display:flex}.avatar{object-fit:cover;border:1px solid var(--hairline);width:clamp(180px,34vw,300px);height:clamp(180px,34vw,300px);box-shadow:var(--shadow-2);background:var(--soft);border-radius:50%}.hero h1{letter-spacing:-.035em;margin-top:clamp(24px,3.6vw,34px);font-size:clamp(2.3rem,5.6vw,3.5rem);line-height:1.06}.hero-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:16px;font-size:13.5px;font-weight:500}.hero-tagline{max-width:46ch;color:var(--body);margin-top:16px;font-size:17px;line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:30px;display:flex}.hero-scroll{z-index:2;border:1px solid var(--hairline);background:var(--elevated);width:48px;height:48px;color:var(--ink);box-shadow:var(--shadow-1);border-radius:50%;align-self:center;place-items:center;margin-bottom:-22px;transition:border-color .2s,box-shadow .2s;animation:2.8s ease-in-out infinite hero-bob;display:inline-grid;position:relative}.hero-scroll:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-2)}.hero-scroll svg{width:20px;height:20px}@media (height<=840px){.avatar{width:240px;height:240px}.hero h1{font-size:clamp(1.9rem,5.4vw,2.5rem)}.hero-tagline{font-size:15px}.hero-scroll{width:44px;height:44px;margin-bottom:-20px}}@keyframes hero-bob{0%,to{transform:translateY(0)}55%{transform:translateY(6px)}}.stat-strip{z-index:1;border:1px solid var(--hairline);border-radius:var(--r-lg);background:color-mix(in srgb, var(--elevated) 70%, transparent);-webkit-backdrop-filter:blur(6px);grid-template-columns:repeat(4,1fr);margin-top:clamp(48px,7vw,72px);display:grid;position:relative;overflow:hidden}.stat{border-left:1px solid var(--hairline);padding:22px 24px}.stat:first-child{border-left:0}.stat .num{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--ink);font-size:26px;font-weight:600;line-height:1}.stat .num em{color:var(--mute);font-size:15px;font-style:normal}.stat .label{color:var(--mute);margin-top:8px;font-size:13px}.tools-strip{border-block:1px solid var(--hairline);padding-block:22px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.tools-inner{gap:clamp(10px,2vw,20px);display:flex}.marquee{flex:none;align-items:center;gap:clamp(10px,2vw,20px);padding-right:clamp(10px,2vw,20px);animation:34s linear infinite marquee;display:flex}.tools-inner:hover .marquee{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.tool-item{font-family:var(--font-mono);color:var(--mute);white-space:nowrap;align-items:center;gap:clamp(10px,2vw,20px);font-size:14px;display:inline-flex}.tool-item:after{content:"/";color:var(--faint);font-weight:500}.card{background:var(--elevated);border:1px solid var(--hairline);border-radius:var(--r-md);padding:24px;transition:border-color .2s,box-shadow .25s,transform .25s}.card--hover:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-2);transform:translateY(-3px)}.card--lift{box-shadow:var(--shadow-1)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project{flex-direction:column;display:flex;position:relative;overflow:hidden}.project--featured{grid-column:1/-1}.project:before{content:"";background:var(--link);opacity:0;height:2px;transition:opacity .25s;position:absolute;inset:0 0 auto}.project:hover:before{opacity:1}.project-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-index{font-family:var(--font-mono);color:var(--faint);font-size:13px}.project-cat{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--soft);padding:4px 10px;font-size:11px;font-weight:500}.project-title{letter-spacing:-.02em;margin-top:18px;font-size:20px;line-height:1.2}.project-title a:hover{color:var(--link)}.project .mono{color:var(--mute);margin-top:8px;font-size:12.5px;line-height:1.5}.project-desc{color:var(--body);margin-top:14px;font-size:15px;line-height:1.6}.project-bullets{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.project-bullets li{color:var(--body);padding-left:16px;font-size:14.5px;line-height:1.55;position:relative}.project-bullets li:before{content:"→";font-family:var(--font-mono);color:var(--faint);font-size:12px;position:absolute;top:2px;left:0}.project-metric{font-family:var(--font-mono);color:var(--mute);border-top:1px dashed var(--hairline-strong);align-items:baseline;gap:8px;width:100%;margin-top:18px;padding-top:14px;font-size:12.5px;display:inline-flex}.project-metric b{color:var(--ink);letter-spacing:-.02em;font-size:15px;font-weight:600}.project-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.project-link{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.project-link svg{width:16px;height:16px;transition:transform .18s}.project:hover .project-link svg,.project-link:hover svg{transform:translate(2px,-2px)}.project-link:hover{color:var(--link)}.timeline{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(28px,5vw,56px);display:grid}.tl-col{padding-left:20px;position:relative}.tl-col:before{content:"";border-left:2px dotted var(--hairline-strong);position:absolute;top:4px;bottom:4px;left:3px}.tl-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:22px;font-size:12px;font-weight:600;position:relative}.tl-label:before,.tl-item:before{content:"";background:var(--ink);width:8px;height:8px;box-shadow:0 0 0 2px var(--canvas);border-radius:999px;position:absolute;top:4px;left:-20px}.tl-item{padding-bottom:26px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-title{letter-spacing:-.01em;color:var(--ink);font-size:16px;font-weight:600}.tl-role{color:var(--link);margin-top:3px;font-size:14px;font-weight:500}.tl-date{font-family:var(--font-mono);color:var(--mute);margin-top:6px;font-size:12px;display:inline-block}.tl-bullets{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.tl-bullets li{color:var(--body);padding-left:16px;font-size:14.5px;line-height:1.55;position:relative}.tl-bullets li:before{content:"—";color:var(--faint);font-family:var(--font-mono);position:absolute;left:0}.stack-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.stack-card h3{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:14px;font-weight:500;font-family:var(--font-mono);margin-bottom:18px}.stack-card .chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--elevated);color:var(--body);font-family:var(--font-mono);white-space:nowrap;align-items:center;padding:6px 11px;font-size:13px;transition:border-color .15s,color .15s;display:inline-flex}.chip:hover{border-color:var(--hairline-strong);color:var(--ink)}.two-col{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid}.cta-band{background:var(--canvas);color:var(--body);border-top:1px solid var(--hairline);padding-block:clamp(32px,4.5vw,48px)}.cta-inner{text-align:center;border:2px dotted var(--hairline-strong);border-radius:var(--r-lg);max-width:760px;margin-inline:auto;padding:clamp(22px,3.5vw,36px) clamp(18px,4vw,32px);position:relative}.cta-inner .eyebrow{color:var(--faint)}.cta-inner .eyebrow:before{background:var(--mute)}.cta-inner h2{color:var(--ink);letter-spacing:-.03em;margin-top:12px;font-size:clamp(1.5rem,2.8vw,1.9rem);line-height:1.08}.cta-inner h2 .grad{color:var(--link)}.cta-inner>p{color:var(--mute);margin-top:12px;font-size:15px;line-height:1.6}.cta-form{text-align:left;gap:12px;margin-top:22px;display:grid}.cta-form .row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cta-form label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);gap:8px;font-size:12px;font-weight:500;display:grid}.cta-form input:not(.honey),.cta-form textarea{font:500 15px / 1.5 var(--font-sans);color:var(--ink);background:var(--elevated);border:1px solid var(--hairline);border-radius:var(--r-sm);width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.cta-form input::placeholder,.cta-form textarea::placeholder{color:var(--faint)}.cta-form input:focus,.cta-form textarea:focus{border-color:var(--link);box-shadow:0 0 0 3px var(--link-soft);outline:none}.cta-form textarea{resize:vertical;min-height:84px}.cta-form .honey{opacity:0;pointer-events:none;position:absolute;left:-9999px}.form-foot{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.form-status{color:var(--mute);min-height:20px;font-size:14px}.form-status[data-state=ok]{color:var(--ok)}.form-status[data-state=error]{color:#d64545}.cta-socials{flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:26px;display:flex}.cta-socials a{font-family:var(--font-mono);color:var(--mute);align-items:center;gap:7px;font-size:13px;transition:color .15s;display:inline-flex}.cta-socials a:hover{color:var(--ink)}.js .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s);transform:translateY(18px)}.js .reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transition:none;transform:none}.marquee,.hero-scroll{animation:none!important}}@media (width<=1024px){.stack-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.nav-links,.nav-actions>.btn-sm{display:none}.nav-burger{display:inline-grid}.section-head,.two-col{grid-template-columns:1fr;gap:28px}.stat-strip{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--hairline)}.project-grid{grid-template-columns:1fr}}@media (width<=560px){.hero h1{font-size:clamp(2.3rem,11vw,3rem)}.stack-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr;gap:20px}.cta-form .row{grid-template-columns:1fr}}.head-note p{color:var(--mute);border-left:2px solid var(--hairline-strong);max-width:40ch;padding-left:16px;font-size:14.5px;line-height:1.6}section[id],article[id]{scroll-margin-top:calc(var(--nav-h) + 12px)}.interest-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.interest-list li{color:var(--body);padding-left:18px;font-size:14.5px;line-height:1.5;position:relative}.interest-list li:before{content:"→";font-family:var(--font-mono);color:var(--link);font-size:12px;position:absolute;top:2px;left:0}