:root{--paper:#eceee8;--paper-2:#e2e5dd;--ink:#14161b;--muted:#5a5f6c;--line:#c6cac0;--accent:#2436d6;--accent-ink:#f3f4ff;--live:#16804a;--down:#b4412c;--f-display:"Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;--f-body:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--gutter:clamp(16px, 4vw, 48px);--max:1320px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0e1015;--paper-2:#161922;--ink:#e6e8e1;--muted:#8d93a3;--line:#272b36;--accent:#8d9bff;--accent-ink:#0b0d1a;--live:#4ade80;--down:#f08a73;color-scheme:dark}}:root[data-theme=dark]{--paper:#0e1015;--paper-2:#161922;--ink:#e6e8e1;--muted:#8d93a3;--line:#272b36;--accent:#8d9bff;--accent-ink:#0b0d1a;--live:#4ade80;--down:#f08a73;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6;transition:background-color .3s,color .3s}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;font-weight:700;line-height:.95}p{margin:0}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.wrap{max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.mono{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.muted{color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{z-index:99;background:var(--ink);color:var(--paper);padding:8px 12px;top:16px;left:16px}.site-head{top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in oklab, var(--paper) 86%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky}.site-head .wrap{align-items:center;gap:24px;height:60px;display:flex}.mark{font-family:var(--f-display);letter-spacing:-.02em;font-size:1.25rem;font-weight:800;font-stretch:75%;text-decoration:none}.mark span{color:var(--accent)}.nav{gap:22px;margin-left:auto;display:flex}.nav a{color:var(--muted);font-size:.95rem;text-decoration:none;transition:color .15s}.nav a:hover{color:var(--ink)}.tools{align-items:center;gap:10px;display:flex}.langs{border:1px solid var(--line);border-radius:999px;padding:2px;display:flex}.langs a{font-family:var(--f-mono);letter-spacing:.06em;color:var(--muted);border-radius:999px;padding:4px 9px;font-size:.7rem;text-decoration:none}.langs a[aria-current=true]{background:var(--ink);color:var(--paper)}.theme-btn{border:1px solid var(--line);width:32px;height:32px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.theme-btn svg{width:16px;height:16px}@media (width<=760px){.nav{display:none}.tools{margin-left:auto}}.hero{border-bottom:1px solid var(--line);padding-block:clamp(40px,8vw,96px) clamp(48px,7vw,88px)}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:end;gap:clamp(32px,5vw,72px);display:grid}.hero-meta{color:var(--muted);flex-wrap:wrap;gap:8px 24px;margin-bottom:28px;display:flex}.hero-name{letter-spacing:-.035em;font-size:clamp(3.6rem,12.5vw,11.5rem);font-weight:800;font-stretch:75%;line-height:.84}.hero-name .line{padding-bottom:.04em;display:block;overflow:hidden}.hero-name .line>span{animation:.9s cubic-bezier(.2,.8,.2,1) both rise;display:inline-block}.hero-name .line:nth-child(2)>span{color:var(--accent);animation-delay:80ms}@keyframes rise{0%{transform:translateY(105%)}to{transform:none}}.hero-role{font-family:var(--f-display);letter-spacing:-.01em;margin-top:28px;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:500}.hero-lead{max-width:40ch;color:var(--muted);margin-top:12px;font-size:1.125rem}.dot{background:var(--line);border-radius:50%;width:8px;height:8px}.pill.live .dot{animation:2.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--live) 60%, transparent)}70%,to{box-shadow:0 0 0 7px #0000}}.code-card{color:#d8dbe4;background:#0b0d12;border:1px solid #272b36;border-radius:10px;margin:0;transition:transform .4s cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:rotate(1.2deg);box-shadow:0 30px 60px -30px #0000008c}.code-card:hover{transform:rotate(0)translateY(-4px)}.code-head{color:#8d93a3;text-transform:none;background:#161922;align-items:center;gap:14px;padding:10px 14px;font-size:.68rem;display:flex}.lights{gap:6px;display:flex}.lights i{background:#f08a73;border-radius:50%;width:10px;height:10px}.lights i:nth-child(2){background:#f5c451}.lights i:nth-child(3){background:#4ade80}.code-card pre{font-family:var(--f-mono);margin:0;padding:18px 20px 20px;font-size:.82rem;line-height:1.75;overflow-x:auto}.code-card .c{color:#6b7280;font-style:italic}.code-card .k{color:#c792ea}.code-card .v{color:#8d9bff}.code-card .s{color:#a5e3a0}.code-card .b{color:#f5c451}.code-caret{vertical-align:-.2em;background:#8d9bff;width:.55em;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.code-card{max-width:480px;transform:none}}.section{border-bottom:1px solid var(--line);padding-block:clamp(64px,9vw,120px)}.sec-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:16px 48px;margin-bottom:clamp(32px,5vw,56px);display:grid}.sec-title{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4.75rem);font-weight:800;font-stretch:75%}.sec-lead{color:var(--muted);justify-self:end;max-width:46ch}@media (width<=760px){.sec-head{grid-template-columns:1fr}.sec-lead{justify-self:start}}.cases{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.case-row{border-bottom:1px solid var(--ink)}.case-row a{isolation:isolate;grid-template-columns:150px minmax(0,1.1fr) minmax(0,1fr) 48px;align-items:center;gap:24px 40px;padding:clamp(24px,3.5vw,40px) 0;text-decoration:none;display:grid;position:relative}.case-row a:before{content:"";inset:0 calc(var(--gutter) * -1);background:var(--accent);z-index:-1;transform-origin:bottom;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;transform:scaleY(0)}.case-row a:hover:before,.case-row a:focus-visible:before{transform:scaleY(1)}.case-row a:hover,.case-row a:focus-visible{color:var(--accent-ink)}.case-row a:hover .muted,.case-row a:focus-visible .muted{color:inherit;opacity:.8}.case-name{letter-spacing:-.025em;font-size:clamp(2rem,4.6vw,3.75rem);font-weight:700;font-stretch:80%}.case-when{gap:4px;display:grid}.case-pitch{max-width:48ch;font-size:1rem}.arrow{border:1px solid;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .3s;display:grid}.case-row a:hover .arrow{transform:rotate(-45deg)}@media (width<=900px){.case-row a{grid-template-columns:1fr auto}.case-when{grid-column:1/-1;grid-auto-flow:column;justify-content:start;gap:16px}.case-pitch{grid-area:3/1/auto/-1}}.filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.chip{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:.72rem}.chip:hover{color:var(--ink);border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip sup{opacity:.7;margin-left:3px;font-size:.6rem}.index{border-collapse:collapse;width:100%}.index th{text-align:left;color:var(--muted);border-bottom:1px solid var(--ink);padding:0 16px 10px 0;font-weight:400}.index td{border-bottom:1px solid var(--line);vertical-align:top;padding:18px 16px 18px 0}.index tr[hidden]{display:none}.index tbody tr{transition:background .15s}.index tbody tr:hover{background:var(--paper-2)}.i-year{font-family:var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;width:72px;font-size:.8rem}.i-name{font-family:var(--f-display);letter-spacing:-.01em;font-size:1.35rem;font-weight:700;font-stretch:85%;line-height:1.1}.i-blurb{color:var(--muted);max-width:56ch;margin-top:4px;font-size:.95rem}.i-kind{width:110px}.i-stack{font-family:var(--f-mono);color:var(--muted);width:28%;font-size:.72rem;line-height:1.7}.i-links{white-space:nowrap;text-align:right;padding-right:0!important}.pill{font-family:var(--f-mono);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;margin-left:6px;padding:5px 10px;font-size:.68rem;text-decoration:none;display:inline-flex}.pill:hover{border-color:var(--ink)}.pill.live .dot{background:var(--live)}.tag{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.68rem}@media (width<=860px){.index thead{display:none}.index,.index tbody,.index tr,.index td{width:auto;display:block}.index tr{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:4px 16px;padding:18px 0;display:grid}.index td{border:0;padding:0}.i-year{grid-row:1}.i-kind{text-align:right;grid-area:1/2}.i-main,.i-stack,.i-links{grid-column:1/-1;width:auto}.i-links{text-align:left;margin-top:6px}.i-links .pill:first-child{margin-left:0}}.path{border-top:1px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.path li{padding:24px 24px 8px 0;position:relative}.path li:before{content:"";background:var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:0}.path li:last-child:before{background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 25%, transparent)}.path .when{font-family:var(--f-display);letter-spacing:-.02em;font-size:2rem;font-weight:700;font-stretch:75%}.path h3{font-family:var(--f-body);margin-top:14px;font-size:1.05rem;font-weight:600;line-height:1.3}.path .where{margin-top:6px}.path p{color:var(--muted);margin-top:10px;font-size:.95rem}@media (width<=900px){.path{border-top:0;border-left:1px solid var(--ink);grid-template-columns:1fr;padding-left:24px}.path li{padding:0 0 36px}.path li:before{top:10px;left:-29px}}.stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;display:grid}.stack h3{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:.75rem;font-weight:400}.stack p{font-family:var(--f-display);letter-spacing:-.015em;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:500;line-height:1.25}.stack p span:not(:last-child):after{content:" /";color:var(--line)}.stack .legacy p{color:var(--muted)}@media (width<=760px){.stack{grid-template-columns:1fr}}.contact{padding-block:clamp(80px,12vw,160px)}.contact h2{letter-spacing:-.035em;max-width:14ch;font-size:clamp(2.4rem,7vw,6rem);font-weight:800;font-stretch:75%}.contact-line{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:40px;display:flex}.email{font-family:var(--f-display);letter-spacing:-.02em;background-image:linear-gradient(var(--accent), var(--accent));overflow-wrap:anywhere;background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;padding-bottom:4px;font-size:clamp(1.3rem,3.6vw,2.6rem);font-weight:500;text-decoration:none}.email:hover{color:var(--accent)}.btn{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:10px 16px;font-size:.75rem;text-decoration:none}.btn:hover{background:var(--ink);color:var(--paper)}.contact-links{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.site-foot{border-top:1px solid var(--line);padding-block:28px}.site-foot .wrap{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.cs-hero{padding-block:clamp(40px,7vw,88px) clamp(40px,6vw,72px)}.back{color:var(--muted);gap:8px;margin-bottom:40px;text-decoration:none;display:inline-flex}.back:hover{color:var(--ink)}.cs-kicker{color:var(--accent)}.cs-title{letter-spacing:-.035em;margin-top:18px;font-size:clamp(3rem,10vw,9rem);font-weight:800;font-stretch:75%;line-height:.86}.cs-pitch{font-family:var(--f-display);letter-spacing:-.012em;max-width:34ch;margin-top:32px;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:400;line-height:1.25}.cs-meta{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cs-meta>div{padding:20px 24px 24px 0}.cs-meta dt{margin-bottom:8px}.cs-meta dd{margin:0;font-size:.95rem}.cs-meta .stack-list{font-family:var(--f-mono);color:var(--muted);font-size:.75rem;line-height:1.8}@media (width<=900px){.cs-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.cs-meta{grid-template-columns:1fr}}.figures{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-block:clamp(40px,6vw,72px);display:grid}.figures div{padding-right:20px}.figures strong{font-family:var(--f-display);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,5.5vw,4.5rem);font-weight:800;font-stretch:75%;line-height:1;display:block}.figures span{color:var(--muted);max-width:22ch;margin-top:10px;font-size:.9rem;display:block}@media (width<=760px){.figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 0}}.cs-body{padding-block:0 clamp(64px,8vw,112px)}.cs-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px 64px;padding-block:40px;display:grid}.cs-section h2{letter-spacing:-.02em;align-self:start;font-size:clamp(1.6rem,3vw,2.4rem);font-stretch:85%;line-height:1.05;position:sticky;top:88px}.cs-section .text{gap:18px;max-width:64ch;display:grid}.cs-section ul{gap:10px;margin:6px 0 0;padding:0;list-style:none;display:grid}.cs-section li{padding-left:22px;position:relative}.cs-section li:before{content:"→";color:var(--accent);position:absolute;left:0}@media (width<=760px){.cs-section{grid-template-columns:1fr}.cs-section h2{position:static}}.next{border-top:1px solid var(--ink);padding-block:40px 64px;text-decoration:none;display:block}.next .cs-title{font-size:clamp(2.6rem,8vw,6.5rem);transition:color .2s}.next:hover .cs-title{color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.hero{isolation:isolate;position:relative;overflow:hidden}.hero-fx{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 30%,#000 40%,#0000 100%);mask-image:radial-gradient(90% 80% at 30%,#000 40%,#0000 100%)}.hero-role{align-items:baseline;gap:.15em;min-height:1.4em;display:flex}.hero-role .prompt{font-family:var(--f-mono);color:var(--accent);margin-right:.3em;font-size:.7em}.caret{background:var(--accent);width:.55em;height:1em;animation:1s step-end infinite blink;display:inline-block;transform:translateY(.14em)}@keyframes blink{50%{opacity:0}}#boot{display:none}.booting #boot{z-index:100;color:#d8dbe4;padding:max(var(--gutter), env(safe-area-inset-top,0px)) var(--gutter);cursor:pointer;background:#0b0d12;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}#boot.out{z-index:100;color:#d8dbe4;padding:var(--gutter);clip-path:inset(0 0 100%);background:#0b0d12;flex-direction:column;justify-content:flex-end;transition:clip-path .65s cubic-bezier(.7,0,.2,1);display:flex;position:fixed;inset:0}.booting #boot{clip-path:inset(0)}#boot pre{font-family:var(--f-mono);white-space:pre-wrap;margin:0;font-size:clamp(.8rem,1.6vw,1rem);line-height:1.8}#boot pre .ok{color:#4ade80}#boot pre div:last-child:after{content:"▍";color:#8d9bff;animation:1s step-end infinite blink}.boot-skip{top:max(20px, env(safe-area-inset-top,0px));right:var(--gutter);color:#6b7280;position:absolute}.booting .hero-name .line>span{animation-play-state:paused}.booting body{overflow:hidden}.term-toggle{right:max(16px, env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--ink);width:52px;height:52px;color:var(--paper);cursor:pointer;letter-spacing:0;border:0;border-radius:50%;font-size:.95rem;transition:transform .2s;position:fixed;box-shadow:0 8px 24px -8px #00000073}.term-toggle:hover{transform:translateY(-2px)rotate(-6deg)}.term{right:max(16px, env(safe-area-inset-right,0px));bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:40;color:#d8dbe4;width:min(560px,100vw - 32px);height:min(380px,60vh);font-family:var(--f-mono);background:#0b0d12;border:1px solid #272b36;border-radius:10px;flex-direction:column;font-size:.8rem;animation:.25s cubic-bezier(.2,.8,.2,1) term-in;display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 60px -20px #0009}.term[hidden]{display:none}@keyframes term-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.term-bar{color:#8d93a3;background:#161922;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.7rem;display:flex}.term-close{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:1.2rem;line-height:1}.term-log{white-space:pre-wrap;flex:1;padding:12px 14px;line-height:1.6;overflow-y:auto}.term-log .cmd{color:#8d9bff;margin-top:6px}.term-log .dim{color:#8d93a3}.term-log .ok{color:#4ade80}.term-log .err{color:#f08a73}.term-log a{color:#d8dbe4;text-decoration-color:#8d9bff}.term-form{border-top:1px solid #272b36;align-items:center;gap:8px;padding:10px 14px;display:flex}.term-form label{color:#4ade80;font-size:.8rem}.term-form input{color:#e6e8e1;min-width:0;font:inherit;caret-color:#8d9bff;background:0 0;border:0;outline:0;flex:1}.build{font-size:.68rem}