@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#04060a;--bg-2:#080c12;--ink:#edf2f0;--muted:#a1abae;--faint:#7c878b;--line:#ffffff17;--line-2:#ffffff29;--card:#ffffff07;--accent:#2ee6a6;--accent-ink:#03140d;--accent-soft:#2ee6a61f;--del:#ff8a80;--radius:14px;--s:208px;--ease:cubic-bezier(.16, 1, .3, 1);--sans:"Geist Variable", system-ui, sans-serif;--mono:"Geist Mono Variable", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}body{background:radial-gradient(120% 80% at 50% 0%, #0b1118 0%, var(--bg) 60%) fixed, var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}img{max-width:100%;display:block}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0;list-style:none}.sky{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main,.nav{z-index:1;position:relative}.nav{z-index:20;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;height:64px;padding:0 clamp(16px,3vw,40px);transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav-solid{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--line);background:#04060ab8}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{width:auto;height:22px;transition:rotate .8s var(--ease)}.brand:hover .brand-logo{rotate:360deg}.brand-swap{letter-spacing:-.02em;height:28px;font-size:20px;font-weight:700;line-height:28px;display:block;position:relative;overflow:hidden}.brand-swap span{transition:transform .35s var(--ease);white-space:nowrap;display:block}.brand-swap span+span{color:var(--accent)}.brand:hover .brand-swap span,.brand:focus-visible .brand-swap span{transform:translateY(-100%)}.nav-list{gap:32px;display:flex}.nav-list a{color:var(--muted);padding:6px 0;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;display:block;position:relative}.nav-list a:hover,.nav-list a[aria-current]{color:var(--ink)}.nav-list a:after{content:"";background:var(--accent);height:2px;transition:transform .35s var(--ease);border-radius:2px;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-list a[aria-current]:after{transform:scaleX(1)}.nav-toggle{display:none}.hero{text-align:center;place-items:center;min-height:100svh;padding:96px 16px 112px;display:grid;position:relative}.hero-inner{flex-direction:column;align-items:center;max-width:1000px;display:flex}.planet{width:calc(var(--s) * 2.04);height:var(--s);place-items:center;margin-bottom:36px;display:grid;position:relative}.planet:before{content:"";width:calc(var(--s) * 1.7);aspect-ratio:1;z-index:0;background:radial-gradient(closest-side,#2ee6a621,#0000 70%);border-radius:50%;position:absolute}.portrait{z-index:2;width:var(--s);height:var(--s);object-fit:cover;border-radius:50%;position:relative;box-shadow:0 0 0 1px #ffffff14,-10px -6px 40px -14px #2ee6a673,0 30px 60px -20px #000}.ring{width:calc(var(--s) * 1.94);height:calc(var(--s) * 1.94);margin:calc(var(--s) * -.97) 0 0 calc(var(--s) * -.97);pointer-events:none;position:absolute;top:50%;left:50%;overflow:visible}.ring path{fill:none;stroke-width:.7px;stroke-linecap:round;stroke-dasharray:1}.ring-back{z-index:1}.ring-back path{stroke:#ffffff38}.ring-front{z-index:3}.ring-front path{stroke:#ffffff80}.moon{background:var(--accent);border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 10px 2px #2ee6a68c}.hero-name{letter-spacing:-.035em;color:var(--accent);font-size:clamp(40px,5.2vw,76px);font-weight:700;line-height:1.02}.hero-role span{white-space:nowrap}.hero-role{color:var(--ink);letter-spacing:-.01em;margin-top:18px;font-size:clamp(19px,2vw,24px);font-weight:500}.hero-lede{max-width:54ch;color:var(--muted);margin-top:14px;font-size:17px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.hero-proof{color:var(--faint);margin-top:28px;font-size:14px}.hero-proof span{color:var(--muted)}.btn{min-height:46px;transition:transform .25s var(--ease), background .2s, border-color .2s, box-shadow .25s;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #2ee6a699}.btn-ghost{border:1px solid var(--line-2);background:#ffffff08}.btn-ghost:hover{border-color:#ffffff52;transform:translateY(-2px)}.scroll-cue{border:1.5px solid var(--line-2);border-radius:12px;width:24px;height:40px;position:absolute;bottom:28px;left:50%;translate:-50%}.scroll-cue span{background:var(--ink);width:3px;height:7px;animation:wheel 2.4s var(--ease) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:8px;left:50%}@keyframes wheel{0%{opacity:0;transform:translateY(-2px)}30%{opacity:1}70%{opacity:0;transform:translateY(12px)}to{opacity:0}}.portrait{animation:rise 1s var(--ease) both}.ring path{animation:draw 1.6s .35s var(--ease) both}.moon{animation:.6s 1.4s both fade}.hero-name{animation:rise .9s .25s var(--ease) both}.hero-role,.hero-lede{animation:rise .9s .4s var(--ease) both}.hero-actions,.hero-proof{animation:rise .9s .55s var(--ease) both}.scroll-cue{animation:.8s 1.4s both fade}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes fade{0%{opacity:0}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.sec{width:min(1160px,100% - 32px);margin:0 auto;padding:128px 0 32px}.sec-head{margin-bottom:56px}.sec-head h2{letter-spacing:-.035em;font-size:clamp(34px,4.4vw,52px);line-height:1.05}.sec-head p{max-width:72ch;color:var(--muted);margin-top:14px;font-size:18px}.sub{letter-spacing:-.015em;font-size:20px}[data-reveal]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(18px)}[data-reveal].in{opacity:1;transform:none}.links{flex-wrap:wrap;gap:8px 22px;margin-top:22px;display:flex}.links a,.inline-link{color:var(--accent);align-items:center;gap:4px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.links a:hover,.inline-link:hover{text-underline-offset:4px;text-decoration:underline}.code,.diff{font:400 13px/1.7 var(--mono);color:#d6e2de;border:1px solid var(--line);border-radius:var(--radius);tab-size:4;font-variant-ligatures:none;background:#070a0f;margin:0;padding:16px 18px;overflow-x:auto}.code-block{min-width:0;margin:0}.case>*,.shelf-feature>*,.punchline>*{min-width:0}.code-block figcaption{color:var(--faint);margin-bottom:8px;font-size:13px}.tk-k{color:#c792ea}.tk-s{color:#b5e8a0}.tk-f{color:#82aaff}.tk-y{color:#ffcb6b}.tk-t{color:#f07178}.tk-v,.tk-n{color:#f78c6c}.tk-p{color:#89ddff}.tk-c{color:#697098;font-style:italic}.case{border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);background:linear-gradient(#ffffff09,#ffffff02);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:48px;margin-bottom:28px;padding:clamp(20px,3vw,40px);display:grid}.case-flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.case-flip .case-visual{order:2}.case-when{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.case-when a{color:var(--ink);text-underline-offset:3px}.case-when a:hover{color:var(--accent)}.live{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.status{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}.case h3{letter-spacing:-.035em;margin-top:14px;font-size:clamp(30px,3vw,40px)}.case-what{margin-top:12px;font-size:18px;line-height:1.5}.case-mine{color:var(--muted);margin-top:10px}.areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin-top:24px;display:grid}.areas h4{letter-spacing:0;color:var(--accent);font-size:15px;font-weight:600}.areas p{color:var(--muted);margin-top:4px;font-size:14.5px;line-height:1.5}.hood{color:var(--faint);margin-top:20px;font-size:13.5px;line-height:1.6}.hood span{color:var(--muted);margin-right:6px;font-weight:500}.covers{gap:8px;margin-top:20px;display:grid}.covers li{align-items:center;gap:10px;font-size:15.5px;display:flex}.covers svg{color:var(--accent);flex:none}.punchline{gap:12px;margin-top:24px;display:grid}.punchline .code{padding:12px 14px;font-size:12.5px}.browser{border-radius:var(--radius);border:1px solid var(--line-2);background:#0c1016;overflow:hidden;box-shadow:0 40px 80px -40px #000,0 0 0 6px #ffffff05}.browser-bar{border-bottom:1px solid var(--line);align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.browser-bar span{background:#ffffff29;border-radius:50%;width:9px;height:9px}.browser-bar p{font:12px var(--mono);color:var(--faint);background:#ffffff0d;border-radius:6px;margin:0 auto;padding:2px 14px}.browser img,.demo-video{width:100%;height:auto;display:block}.browser img{aspect-ratio:16/10;object-fit:cover;object-position:top}.demo-video{aspect-ratio:964/480;background:#f4f5f7}.platforms-head{max-width:640px;margin:96px 0 28px}.platforms-head p{color:var(--muted);margin-top:8px}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.project{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--card);transition:border-color .3s, transform .4s var(--ease);overflow:hidden}.project:hover{border-color:var(--line-2);transform:translateY(-3px)}.project-img{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#0d1117;overflow:hidden}.project-img img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .8s var(--ease)}.project:hover .project-img img{transform:scale(1.03)}.project-body{align-content:start;gap:14px;padding:22px 24px 26px;display:grid}.project-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.project-top h4{font-size:22px}.project-top span{color:var(--faint);font-size:14px;font-family:var(--mono)}.project-what{font-size:16px;line-height:1.55}.built-label{color:var(--faint);margin-bottom:8px;font-size:13px;display:block}.built ul{flex-wrap:wrap;gap:6px;display:flex}.built li{border:1px solid var(--line);color:var(--ink);background:#ffffff0d;border-radius:8px;padding:4px 10px;font-size:13.5px}.project .hood{margin-top:0}.shelves{border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);background:#ffffff04;overflow:hidden}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;padding:8px;display:flex;overflow-x:auto}.tabs button{cursor:pointer;min-height:42px;color:var(--muted);font:500 15px var(--sans);background:0 0;border:0;border-radius:10px;flex:none;align-items:center;gap:8px;padding:0 16px;transition:background .2s,color .2s;display:inline-flex}.tabs button:hover{color:var(--ink);background:#ffffff0a}.tabs button[aria-selected=true]{color:var(--ink);background:#ffffff12}.count{min-width:22px;color:var(--muted);background:#ffffff12;border-radius:999px;padding:1px 7px;font-size:12px}.tabs button[aria-selected=true] .count{background:var(--accent-soft);color:var(--accent)}.panel{animation:panel .5s var(--ease);padding:clamp(20px,3vw,36px)}@keyframes panel{0%{opacity:0;transform:translateY(6px)}}.shelf-why{color:var(--faint);margin-bottom:24px;font-size:15px}.shelf-feature{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:40px;display:grid}.itch{letter-spacing:-.015em;color:var(--ink);margin-bottom:18px;font-size:clamp(20px,2vw,25px);font-weight:500;line-height:1.35}.shelf-feature h3{font-size:22px}.shelf-feature h3 a{color:var(--accent);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.shelf-feature h3 a:hover{text-underline-offset:4px;text-decoration:underline}.shelf-feature-text>p:not(.itch){color:var(--muted);margin-top:10px}.stats{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.stat{border:1px solid var(--line);color:var(--muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:inline-flex}.stat svg{color:var(--accent)}.stat strong{color:var(--ink);font-weight:600}.stats-sm{gap:6px;margin-top:6px}.stats-sm .stat{gap:5px;padding:3px 9px;font-size:12.5px}.shelf-feature .code{font-size:12px}.shelf-img{border-radius:var(--radius);border:1px solid var(--line-2);background:#0c1016;overflow:hidden}.shelf-img img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}.shelf-img.is-portrait{background:radial-gradient(80% 90% at 50% 20%,#2ee6a61f,#0000 70%),#0c1016;place-items:center;padding:28px;display:grid}.shelf-img.is-portrait img{aspect-ratio:auto;border-radius:12px;width:auto;max-width:100%;max-height:360px;box-shadow:0 30px 60px -20px #000}.transcript{white-space:pre-wrap;word-break:break-word;gap:10px;padding:22px;display:grid}.transcript span{display:block}.t-prompt{color:var(--accent);display:inline!important}.t-out{color:var(--muted)}.tiles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:36px;display:grid}.tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);height:100%;transition:border-color .3s, transform .4s var(--ease);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.tile:hover{border-color:#2ee6a666;transform:translateY(-3px)}.tile-cover{border-bottom:1px solid var(--line);background:radial-gradient(120% 140% at 100% 0,#2ee6a624,#0000 60%),#0b0f15;justify-content:space-between;align-items:flex-end;gap:10px;min-height:96px;padding:30px 16px 14px;display:flex;position:relative;overflow:hidden}.tile-name-big{font:600 19px/1.15 var(--mono);letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere}.tile-cover svg{color:var(--faint);transition:color .2s, transform .3s var(--ease);flex:none}.tile:hover .tile-cover svg{color:var(--accent);transform:translate(2px,-2px)}.tile-cover:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:14px;left:16px;box-shadow:0 0 10px #2ee6a6b3}.tile-body{align-content:start;gap:6px;padding:14px 16px 16px;display:grid}.tile-name{align-items:center;gap:4px;font-size:15px;font-weight:600;display:flex}.tile-name svg{color:var(--faint)}.tile-line{color:var(--muted);font-size:14px;line-height:1.5}.upstream-strip{border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);background:#ffffff04;gap:18px;margin-top:40px;padding:clamp(20px,3vw,32px);display:grid}.up-count{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.up-count strong{letter-spacing:-.04em;color:var(--accent);font-size:clamp(40px,4.4vw,56px);font-weight:700;line-height:1}.up-count span{max-width:30ch;font-size:18px}.orgs{flex-wrap:wrap;gap:8px;display:flex}.orgs li{border:1px solid var(--line-2);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:14px}.story{border-top:1px solid var(--line);padding-top:14px}.story summary{cursor:pointer;color:var(--ink);align-items:center;gap:8px;font-weight:500;list-style:none;display:inline-flex}.story summary::-webkit-details-marker{display:none}.story summary:hover{color:var(--accent)}.story summary svg{transition:transform .3s var(--ease)}.story[open] summary svg{transform:rotate(180deg)}.story-body{gap:16px;max-width:820px;margin-top:18px;display:grid}.story-body p{color:var(--muted);font-size:15.5px}.story-body strong{color:var(--ink);font-weight:600}.diff{white-space:pre;padding-inline:0;font-size:12.5px;display:grid}.diff span{width:max-content;min-width:100%;padding-inline:16px;display:block}.diff .add{color:var(--accent);background:#2ee6a612}.diff .del{color:var(--del);background:#ff8a8012}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.facts li{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:16px}.facts h3{letter-spacing:-.005em;font-size:15px}.facts h3 a{color:var(--accent);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.facts h3 a:hover{text-underline-offset:3px;text-decoration:underline}.facts p{margin-top:6px;line-height:1.5;font-size:14px!important}.about-text a:not(.links a,.facts a){color:var(--ink);text-underline-offset:3px}.about{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:72px;display:grid}.about-text{gap:16px;display:grid;position:sticky;top:104px}.about-text p{color:var(--muted);font-size:17px}.about-photo{object-fit:cover;width:96px;height:96px;box-shadow:0 0 0 1px var(--line-2), 0 0 0 6px #2ee6a614;border-radius:50%;margin-bottom:8px}.timeline{gap:44px;padding-left:32px;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--accent), var(--line) 30%, var(--line));width:1px;position:absolute;top:8px;bottom:8px;left:5px}.timeline li{gap:6px;display:grid;position:relative}.timeline li:before{content:"";background:var(--bg);border:2px solid var(--faint);border-radius:50%;width:11px;height:11px;position:absolute;top:7px;left:-32px}.timeline li:first-child:before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 12px #2ee6a699}.tl-when{font-family:var(--mono);color:var(--faint);font-size:13px}.timeline li:first-child .tl-when{color:var(--accent)}.timeline h3{font-size:22px}.tl-role{font-weight:500;color:var(--ink)!important}.timeline p{color:var(--muted);font-size:15.5px}.career{gap:48px;display:grid}.lanes{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:#ffffff05;margin:0;padding:22px 22px 18px}.lanes-rows{gap:10px;display:grid;position:relative}.lane,.lane-axis{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;display:grid}.lane-label{color:var(--muted);white-space:nowrap;font-size:14px;transition:color .2s}.lane.is-active .lane-label{color:var(--ink)}.lane-track{background:repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 100%);border-radius:6px;height:22px;position:relative}.bar{transition:box-shadow .25s, filter .25s, transform .25s var(--ease);transform-origin:0;border-radius:999px;position:absolute;top:4px;bottom:4px}.bar:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.bar-job{background:var(--accent)}.lane:nth-child(2) .bar-job{background:#2ee6a68c}.bar-side{background:#2ee6a614;border:1.5px solid #2ee6a6b3}.bar-study{background:repeating-linear-gradient(135deg,#ffffff47 0 2px,#0000 2px 6px);border:1px solid #ffffff4d}.bar-now{border-top-right-radius:2px;border-bottom-right-radius:2px}.lane.is-active .bar{box-shadow:0 0 0 3px #2ee6a62e,0 0 18px #2ee6a659}.lane-now{pointer-events:none;border-left:1px dashed #2ee6a6b3;width:0;position:absolute;top:-6px;bottom:-6px;right:0}.lane-now span{font:11px var(--mono);color:var(--accent);position:absolute;top:-18px;right:-2px}.lane-ticks{height:18px;position:relative}.lane-ticks span{font:11px var(--mono);color:var(--faint);position:absolute;top:4px;translate:-50%}.lane-ticks span:first-child{translate:0}.lane-legend{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin-top:12px;padding-top:12px;font-size:13px;display:flex}.lane-legend span{align-items:center;gap:8px;display:inline-flex}.key{border-radius:999px;width:18px;height:8px;display:inline-block}.key-job{background:var(--accent)}.key-side{background:#2ee6a614;border:1.5px solid #2ee6a6b3}.key-study{background:repeating-linear-gradient(135deg,#ffffff59 0 2px,#0000 2px 5px);border:1px solid #ffffff4d}.timeline li{transition:opacity .25s}.timeline li[data-active] h3{color:var(--accent)}.writing{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;display:grid}.post-feature{align-content:start;gap:12px;text-decoration:none;display:grid}.post-feature img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);width:100%;transition:transform .6s var(--ease)}.post-feature:hover img{transform:translateY(-3px)}.post-feature .post-title{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.25}.post-meta{color:var(--faint);font-size:14px}.post-feature .stats,.posts .stats{margin-top:2px}.posts li a{border-bottom:1px solid var(--line);gap:6px;padding:20px 0;text-decoration:none;display:grid}.posts li:first-child a{padding-top:0}.posts .post-title{font-size:18px;font-weight:500;transition:color .2s}.post-feature:hover .post-title,.posts a:hover .post-title{color:var(--accent)}.contact{text-align:center;padding:160px 16px 0;position:relative}.contact-inner{flex-direction:column;align-items:center;gap:18px;max-width:620px;margin:0 auto;display:flex}.contact-logo{width:auto;height:40px;margin-bottom:8px}.contact h2{letter-spacing:-.04em;font-size:clamp(38px,5.4vw,68px);line-height:1.02}.contact p{color:var(--muted);margin-bottom:10px;font-size:18px}.contact .btn{overflow-wrap:anywhere;max-width:100%}.socials{flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:10px;display:flex}.socials a{color:var(--muted);font-size:15px;text-decoration:none}.socials a:hover{color:var(--ink)}.foot{border-top:1px solid var(--line);width:min(1160px,100%);color:var(--faint);justify-content:space-between;margin:140px auto 0;padding:28px 0 36px;font-size:14px;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--ink)}@media (width<=1023px){.case,.shelf-feature,.about,.writing,.case-flip{grid-template-columns:minmax(0,1fr)}.case-flip .case-visual{order:0}.case{gap:32px}.about{gap:56px}.about-text{position:static}}@media (width<=760px){:root{--s:156px}.nav{height:58px}.brand-swap{font-size:18px}.nav-toggle{width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;margin-right:-8px;display:grid}.nav-list{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transition:opacity .25s, transform .3s var(--ease), visibility .3s;background:#04060af0;flex-direction:column;gap:0;padding:8px 16px 20px;position:fixed;top:58px;left:0;right:0;transform:translateY(-8px)}.nav-list.open{opacity:1;visibility:visible;transform:none}.nav-list a{border-bottom:1px solid var(--line);padding:14px 0;font-size:18px}.nav-list a:after{display:none}.nav-list a[aria-current]{color:var(--accent)}.hero{padding:88px 16px 96px}.planet{margin-bottom:28px}.hero-lede{font-size:16px}.hero-actions{width:100%}.hero-actions .btn{flex:140px}.scroll-cue{display:none}.sec{padding-top:96px}.lanes{padding:18px 14px 14px}.lane,.lane-axis{grid-template-columns:84px minmax(0,1fr);gap:8px}.lane-label{font-size:13px}.lane-ticks span:nth-child(2n){display:none}.sec-head{margin-bottom:36px}.sec-head p{font-size:17px}.projects,.areas,.facts,.tiles{grid-template-columns:minmax(0,1fr)}.tile-cover{min-height:0;padding:30px 14px 12px}.tile-name-big{font-size:17px}.case{padding:16px 16px 24px}.platforms-head{margin-top:72px}.tabs button{padding:0 12px;font-size:14px}.contact{padding-top:120px}.foot{margin-top:96px;padding-inline:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}.ring path{stroke-dashoffset:0}}
