:root{--bg:#0a0a0a;--bg-2:#0e0e0e;--fg:#ededed;--fg-2:#c4c4c4;--dim:#8a8a8a;--dim-2:#5c5c5c;--faint:#2e2e2e;--rule:#1a1a1a;--white:#fff;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--sans:"Geist",ui-sans-serif,system-ui,sans-serif;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--s12:96px;--gutter:clamp(16px,4.5vw,64px);--max:1360px;--ease:cubic-bezier(.2,.7,.1,1);--sl-h:28px;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);scroll-padding-top:var(--s4);-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding-bottom:var(--sl-h);margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}::selection{background:var(--fg);color:var(--bg)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:1px solid var(--fg-2);outline-offset:3px;border-radius:1px}h1,h2,h3,p,pre,dl,dd,ul{margin:0}kbd{font-family:var(--mono);border:1px solid var(--faint);color:var(--fg-2);border-bottom-width:2px;border-radius:3px;padding:0 5px;font-size:.92em}.sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px}main,.topbar,.foot{position:relative;z-index:1}.field{position:fixed;z-index:0;pointer-events:none;width:100%;height:100%;inset:0}.eyebrow{font-family:var(--mono);color:var(--dim-2);letter-spacing:.01em;font-size:12px}.topbar{display:flex;padding:var(--s3)var(--gutter);max-width:calc(var(--max) + 2*var(--gutter));justify-content:space-between;align-items: center;margin:0 auto}.wordmark{font-family:var(--mono);letter-spacing:-.01em;font-size:14px;font-weight:500}.wordmark span{color:var(--dim-2);transition:color .3s}.wordmark:hover span{color:var(--dim)}.nav{display:flex;gap:var(--s4);font-family:var(--mono);color:var(--dim);font-size:12.5px}.nav a{position:relative;transition:color .2s}.nav a:hover,.nav a[aria-current]{color:var(--fg)}.nav a[aria-current]:before{content:"›";position:absolute;color:var(--dim-2);left:-1.2ch}.intro{display:flex;padding:0 var(--gutter)var(--s12);max-width:calc(var(--max) + 2*var(--gutter));flex-direction:column;justify-content:center;min-height:calc(100svh - 80px);margin:0 auto}.intro .eyebrow{margin-bottom:var(--s3)}.intro h1{letter-spacing:-.048em;margin-bottom:var(--s4);font-size:clamp(44px,8.2vw,128px);font-weight:300;line-height:.94}.intro h1 span{color:var(--dim-2)}.lede{color:var(--dim);max-width:54ch;font-size:clamp(15px,1.25vw,17px)}.scrollhint{margin-top:var(--s8);font-family:var(--mono);color:var(--dim-2);font-size:12px}.scrollhint span{display:inline-block;animation:nudge 2.4s var(--ease)infinite;margin-right:1ch}@keyframes nudge{0%,60%,to{transform:none}30%{transform:translateY(4px)}}.js .scramble:not(.ready){opacity:0;animation:0s 1.6s forwards reveal}@keyframes reveal{to{opacity:1}}.scramble .w{white-space:nowrap}.scramble .c{display:inline-block;text-align:center}.story{display:grid;grid-template-columns:minmax(280px,.72fr)1.6fr;gap:var(--s6);max-width:calc(var(--max) + 2*var(--gutter));padding:0 var(--gutter);margin:0 auto}.story>*{min-width:0}.story-steps{padding-bottom:16svh}.step{display:flex;opacity:.2;transition:opacity .6s var(--ease);flex-direction:column;justify-content:center;min-height:86svh}.step.on{opacity:1}.step-n{font-family:var(--mono);color:var(--dim-2);margin-bottom:var(--s2);font-size:12px}.step h2{letter-spacing:-.03em;margin-bottom:var(--s2);font-size:clamp(28px,2.7vw,40px);font-weight:300;line-height:1.08}.step p{color:var(--dim);max-width:42ch}.step .try{color:var(--fg-2);font-weight:400}.detail{margin-top:var(--s3);font-family:var(--mono);color:var(--dim-2);border-left:1px solid var(--faint);padding-left:var(--s2);white-space:pre;overflow-x:auto;min-height:7em;font-size:12px;line-height:1.75}.detail.hint{white-space:normal;min-height:0}.detail b{color:var(--fg-2);font-weight:400}.detail .hi{color:var(--fg)}.story-viz{position:sticky;display:flex;flex-direction:column;justify-content:center;height:100svh;top:0}.viz{position:relative;display:grid}.viz>.layer{grid-area:1/1;transition:opacity .6s var(--ease);display:flex;justify-content:center;align-items: center}.viz>.layer.off{opacity:0;pointer-events:none}.topo-layer.morphing{opacity:0;transition:none}.viz-meta{margin-top:var(--s3);border-top:1px solid var(--rule);padding-top:var(--s2);font-family:var(--mono);display:grid;grid-template-columns:minmax(0,1fr)auto;gap:var(--s3);align-items: start;font-size:12px;line-height:1.7}.inspector{color:var(--dim);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3.4em;transition:color .2s}.inspector.on{color:var(--fg-2)}.hud{color:var(--dim-2);display:flex;gap:var(--s3);white-space:nowrap;font-variant-numeric:tabular-nums}.hud b{color:var(--fg-2);font-weight:400}.hud-x{display:none}pre.topo{font-family:var(--mono);color:var(--fg-2);display:inline-block;user-select:none;-webkit-user-select:none;margin:0;font-weight:400;line-height:1.22}pre.topo .l{color:var(--faint)}pre.topo .b{color:var(--dim-2)}pre.topo .t{color:var(--fg-2)}pre.topo .d{color:var(--dim-2)}pre.topo .x{color:var(--faint)}pre.topo .k,pre.topo .h{color:var(--white)}pre.trace{font-family:var(--mono);color:var(--dim);white-space:pre;margin:0;line-height:1.9}pre.trace .hd{color:var(--fg-2)}pre.trace .row{cursor:default;transition:color .15s}pre.trace .row:hover,pre.trace .row.on,pre.trace .bar{color:var(--fg)}pre.trace .track{color:var(--faint)}pre.trace .row:hover .track{color:var(--dim-2)}.work,.about,.contact{max-width:calc(var(--max) + 2*var(--gutter));padding:18vh var(--gutter)0;margin:0 auto}.section-head{margin-bottom:var(--s6)}.section-head .eyebrow{margin-bottom:var(--s2)}.section-head h2,.contact h2{letter-spacing:-.04em;font-size:clamp(34px,4.6vw,68px);font-weight:300;line-height:1.02}.cases{border-top:1px solid var(--rule);font-family:var(--mono);font-size:13px}.case{border-bottom:1px solid var(--rule)}.case summary{list-style:none;display:grid;grid-template-columns:5ch 16ch 20ch 1fr 2ch;gap:var(--s2);padding:var(--s2)0;cursor:pointer;color:var(--dim);transition:color .2s,padding .3s var(--ease);align-items:baseline}.case summary::-webkit-details-marker{display:none}.case summary:hover{color:var(--fg);padding-left:1ch}.case .c-n{color:var(--dim-2)}.case .c-name{color:var(--fg-2)}.case summary:hover .c-name,.case[open] .c-name{color:var(--white)}.case .c-metric{color:var(--dim)}.case .c-tog:before{content:"+";color:var(--dim-2)}.case[open] .c-tog:before{content:"−"}.case-body{padding:var(--s1)0 var(--s4)calc(5ch + var(--s2));overflow:hidden}.case-body dl{display:grid;grid-template-columns:10ch minmax(0,64ch);gap:var(--s1)var(--s2);font-family:var(--sans);font-size:15px}.case-body dt{font-family:var(--mono);color:var(--dim-2);padding-top:3px;font-size:12px}.case-body dd{color:var(--dim)}.case-body dd a{color:var(--fg-2);border-bottom:1px solid var(--faint)}.case-body dd a:hover{color:var(--white);border-color:var(--dim)}.case-diagram{margin-top:var(--s3);font-family:var(--mono);color:var(--dim-2);overflow-x:auto;font-size:12px;line-height:1.6}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--s8);align-items: start}.about-copy p{color:var(--dim);max-width:52ch}.about-copy p+p{margin-top:var(--s2)}.layers{border-collapse:collapse;font-family:var(--mono);width:100%;font-size:13px}.layers tr{border-top:1px solid var(--rule);transition:color .2s}.layers tr:last-child{border-bottom:1px solid var(--rule)}.layers th,.layers td{text-align:left;vertical-align:baseline;padding:12px 0;font-weight:400}.layers th{color:var(--fg-2);width:12ch}.layers td{color:var(--dim);padding-right:var(--s2)}.layers td:last-child{color:var(--dim-2);text-align:right;white-space:nowrap;padding-right:0}.layers tr:hover th,.layers tr:hover td{color:var(--fg)}.contact{padding-bottom:14vh}.contact h2{margin-bottom:var(--s3)}.contact h2 span{color:var(--dim-2)}.contact-copy{color:var(--dim);margin-bottom:var(--s4);max-width:52ch}.ctas{display:flex;flex-wrap:wrap;gap:12px}.btn{font-family:var(--mono);display:inline-flex;border:1px solid var(--faint);color:var(--fg-2);align-items: center;gap:1ch;padding:12px 18px;transition:border-color .2s,color .2s,background .2s;font-size:13px}.btn:hover{border-color:var(--dim);color:var(--fg)}.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.primary:hover{background:var(--white)}.btn.primary span{transition:transform .3s var(--ease)}.btn.primary:hover span{transform:translate(3px)}.links{list-style:none;margin-top:var(--s4);display:flex;gap:var(--s3);font-family:var(--mono);color:var(--dim);flex-wrap:wrap;padding:0;font-size:12.5px}.links a{border-bottom:1px solid var(--faint);transition:color .2s,border-color .2s}.links a:hover{color:var(--fg);border-color:var(--dim)}.foot{display:flex;justify-content:space-between;gap:var(--s3);max-width:calc(var(--max) + 2*var(--gutter));padding:var(--s3)var(--gutter)var(--s4);border-top:1px solid var(--rule);font-family:var(--mono);color:var(--dim-2);flex-wrap:wrap;margin:0 auto;font-size:12px}.foot a:hover{color:var(--fg)}.statusline{position:fixed;height:var(--sl-h);display:flex;font-family:var(--mono);color:var(--dim-2);border-top:1px solid var(--rule);background:var(--bg);padding:0 var(--gutter);white-space:nowrap;overflow:hidden;z-index:20;align-items: center;font-size:11.5px;inset:auto 0 0}.statusline>:not([hidden])+:not([hidden]):before{content:"│";color:var(--faint);margin:0 12px}.statusline>.grow{flex:1}.statusline>.grow:before,.statusline>.grow+*:before{content:none!important}.statusline .sl-on,.statusline .sl-chaos{color:var(--fg-2)}.statusline .sl-console{color:var(--dim-2);transition:color .2s}.statusline .sl-console:hover{color:var(--fg)}.console{position:fixed;z-index:30;background:color-mix(in srgb,var(--bg-2)99%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--faint);font-family:var(--mono);color:var(--fg-2);display:flex;padding:var(--s3)var(--gutter)var(--s2);transition:transform .38s var(--ease);flex-direction:column;height:min(62vh,560px);font-size:13.5px;line-height:1.7;inset:0 0 auto;transform:translateY(-100%)}.console[hidden]{display:flex;visibility:hidden}.console.open{visibility:visible;transform:none}.console-log{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--faint)transparent;flex:1}.console-log .in{color:var(--fg)}.console-log .in .p{color:var(--dim-2)}.console-log .out{white-space:pre-wrap;color:var(--dim);margin-bottom:var(--s2)}.console-log .out b{color:var(--fg-2);font-weight:400}.console-log .out a{color:var(--fg-2);border-bottom:1px solid var(--faint)}.console-log .out a:hover{color:var(--white)}.console-line{display:flex;padding-top:var(--s1);border-top:1px solid var(--rule);align-items:baseline;gap:1ch}.console-p{color:var(--dim-2);white-space:nowrap}.console-line input{outline:0;color:var(--fg);font:inherit;caret-color:var(--fg);background:0 0;border:0;flex:1;min-width:0;padding:0}.collapse{position:fixed;z-index:40;pointer-events:none;inset:0}body.collapsing main,body.collapsing .topbar,body.collapsing .foot,body.collapsing .field,body.collapsing .statusline{visibility:hidden}.toast{position:fixed;left:50%;bottom:calc(var(--sl-h) + var(--s3));z-index:45;font-family:var(--mono);color:var(--fg-2);background:var(--bg-2);border:1px solid var(--faint);opacity:0;transition:opacity .3s var(--ease),transform .3s var(--ease);white-space:nowrap;padding:10px 16px;font-size:12.5px;transform:translate(-50%,8px)}.toast.on{opacity:1;transform:translate(-50%)}body.glitch main,body.glitch .topbar{animation:.4s steps(4,end) forwards glitch}@keyframes glitch{0%{clip-path:inset(0 0 0 0);transform:none;filter:none}25%{clip-path:inset(12% 0 60% 0);transform:translate(-6px);filter:contrast(3)}50%{clip-path:inset(48% 0 20% 0);transform:translate(5px)}75%{clip-path:inset(80% 0 4% 0);transform:translate(-3px);opacity:.5}to{clip-path:inset(50% 0 50% 0);opacity:0}}@media (max-width:900px){.story{grid-template-columns:1fr;gap:0}.story-viz{padding:var(--s2)0 var(--s1);background:var(--bg);z-index:3;border-bottom:1px solid var(--rule);order:-1;height:auto;top:0}.viz-meta{margin-top:var(--s1);padding-top:var(--s1)}.inspector{display:none}.viz-meta{grid-template-columns:minmax(0,1fr)}.hud{justify-content:space-between;gap:var(--s2);overflow:hidden}.hud-spike{display:none}.hud-x{display:inline}.step{min-height:64svh}.detail{min-height:0}.about-grid{grid-template-columns:1fr;gap:var(--s6)}.case summary{grid-template-columns:4ch 1fr 2ch;row-gap:2px}.case .c-org,.case .c-metric{grid-column:2}.case .c-tog{grid-column:3;grid-row:1}.case-body{padding-left:calc(4ch + var(--s2))}.case-body dl{grid-template-columns:1fr;gap:2px}.case-body dd+dt{margin-top:var(--s2)}}@media (max-width:640px){.nav,.statusline .sl-name,.statusline .sl-on{display:none}.statusline>.sl-section:before{content:none!important}.layers td:nth-child(2){display:none}.hud{font-size:11px}.console{height:72svh;font-size:11px}.console-p{display:none}.console-line:before{content:"$";color:var(--dim-2)}}@media (max-width:359px){.hud{gap:var(--s1)}}@media (prefers-reduced-motion:reduce){.js .scramble:not(.ready){opacity:1}*,*:before,*:after{animation:none!important;transition:none!important}}html.dragging-waves,html.dragging-waves *{cursor:grabbing!important;user-select:none!important}