:root{--paper:oklch(96.5% .006 80);--paper-deep:oklch(93% .008 80);--ink:oklch(24% .012 80);--ink-soft:oklch(45% .012 80);--line:oklch(82% .01 80);--signal:oklch(64% .19 40);--font-display:"Archivo", system-ui, sans-serif;--font-mono:"Martian Mono", ui-monospace, monospace;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(20px, 4vw, 48px);--head-h:52px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--head-h)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-display);background-color:var(--paper);color:var(--ink);background-image:linear-gradient(90deg,oklch(24% .012 80/.045) 1px,#0000 1px),linear-gradient(oklch(24% .012 80/.045) 1px,#0000 1px);background-size:72px 72px;line-height:1.5;overflow-x:hidden}.mono{font-family:var(--font-mono);letter-spacing:.08em;font-size:11px;font-weight:400}#scene{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}#leaders{z-index:2;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.site-head{z-index:10;height:var(--head-h);padding:0 var(--gutter);color:var(--ink);background:color-mix(in oklch, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.3);border-bottom:1px solid oklch(24% .012 80/.06);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.site-head:after{content:"";background:linear-gradient(to bottom, color-mix(in oklch, var(--paper) 55%, transparent), transparent);pointer-events:none;height:32px;position:absolute;top:100%;left:0;right:0}.site-head nav{gap:clamp(14px,2.6vw,36px);display:flex}.site-head a{color:var(--ink);text-decoration:none;transition:color .2s}.site-head a:hover,.site-head nav a.active{color:var(--signal)}.site-head .ver{color:var(--ink-soft)}.wordmark{font-weight:500}@media (width<=768px){.site-head .ver,.site-head .m-hide{display:none}}#ruler{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.ruler-track{border-right:1px solid var(--line);background:repeating-linear-gradient(to bottom, var(--line) 0 1px, transparent 1px 8px);width:10px;height:38vh;position:relative}.ruler-marker{background:var(--signal);width:18px;height:2px;position:absolute;top:0;left:-4px}.ruler-read{writing-mode:vertical-rl;letter-spacing:.14em;color:var(--ink-soft);font-size:9px}@media (width<=1100px){#ruler{display:none}}main{z-index:3;position:relative}section[data-chapter]{min-height:150vh;padding:0 var(--gutter);position:relative}#hero{justify-content:center;align-items:center;min-height:100vh;display:flex}#contact{flex-direction:column;min-height:110vh;padding-top:24vh;display:flex}#contact .copy{margin-bottom:10vh;position:static}.copy{max-width:33rem;margin-left:clamp(0px,3vw,72px);padding:1.2em 0;position:sticky;top:24vh}.copy:before{content:"";z-index:-1;background:color-mix(in oklch, var(--paper) 60%, transparent);-webkit-backdrop-filter:blur(7px)saturate(1.04);pointer-events:none;position:absolute;inset:-.8em -2.6em -.8em -1.6em;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 80%,#0000)}.hero-copy{text-align:center;max-width:52rem;padding-top:var(--head-h);margin:0 auto;position:static}.hero-copy:before{display:none}#hero h1{margin:.5em 0 .4em;font-size:clamp(3rem,7.4vw,6.6rem)}.sig{color:var(--signal)}#hero .sub{max-width:36rem;margin:0 auto}.cta-row{justify-content:center;margin-top:3em;display:flex}.copy .cta{text-decoration:none}.cta{letter-spacing:.14em;color:var(--ink);border:1px solid var(--ink);align-items:center;gap:.7em;padding:13px 24px;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.cta:hover{color:var(--paper);background:var(--signal);border-color:var(--signal)}.cta .tick{color:var(--signal)}.cta:hover .tick{color:var(--paper)}.hero-hint{text-align:center;color:var(--ink-soft);margin:0;position:absolute;bottom:26px;left:0;right:0}.reveal.stagger{opacity:1;transition:none;transform:none}.stagger>*{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(22px)}.stagger.visible>*{opacity:1;transform:none}.stagger.visible>:nth-child(2){transition-delay:.1s}.stagger.visible>:nth-child(3){transition-delay:.2s}.stagger.visible>:nth-child(4){transition-delay:.3s}@media (prefers-reduced-motion:reduce){.stagger>*{opacity:1;transition:none;transform:none}}.copy-wide{max-width:38rem;top:22vh}.copy-caps{max-width:46rem;top:10vh}h1{letter-spacing:-.025em;text-wrap:balance;margin:.7em 0 .35em;font-size:clamp(2.8rem,5.6vw,5.3rem);font-weight:700;font-stretch:118%;line-height:.98}h2{letter-spacing:-.02em;margin-bottom:.45em;font-size:clamp(2.1rem,4.5vw,3.6rem);font-weight:650;font-stretch:116%;line-height:1.02}.sub{color:var(--ink-soft);max-width:38rem;font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:450}.copy p{color:var(--ink-soft);font-size:clamp(1rem,1.15vw,1.1rem);font-weight:450;line-height:1.6}.copy .lead{color:var(--ink);text-wrap:pretty;font-size:clamp(1.15rem,1.7vw,1.42rem);font-weight:470;line-height:1.42}.copy .lead+p{margin-top:.95em}.kicker{color:var(--ink-soft)}.copy .role{color:var(--ink-soft);letter-spacing:.1em;margin:0 0 1.1em;font-size:11px}.scroll-hint{color:var(--ink);margin-top:2.4em}.scroll-hint .tick{color:var(--signal);animation:tickdown 2.2s var(--ease-out-expo) infinite;display:inline-block}@keyframes tickdown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.scroll-hint .tick{animation:none}}.index{margin-top:2.4em}.copy-work{max-width:41rem}.copy .ix-main,.copy .ix-sheet{text-decoration:none}.ix-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:stretch;transition:background .2s;display:grid}.ix-row:last-child{border-bottom:1px solid var(--line)}.ix-row:hover{background:color-mix(in oklch, var(--paper-deep) 55%, transparent)}.ix-main{color:var(--ink);grid-template-columns:9em 1fr auto;align-items:baseline;gap:1.6em;padding:18px 0;text-decoration:none;display:grid}.ix-name{white-space:nowrap;transition:color .18s ease, transform .3s var(--ease-out-expo);font-size:13px;font-weight:700;display:inline-block}.ix-what{color:var(--ink-soft)}.ix-status{color:var(--ink-soft);white-space:nowrap}.ix-main:hover .ix-name{color:var(--signal);transform:translate(4px)}.ix-sheet{color:var(--ink-soft);white-space:nowrap;align-items:center;padding-left:1.8em;text-decoration:none;transition:color .18s;display:flex}.ix-sheet:hover{color:var(--signal)}.datum{top:calc(var(--head-h) + 16px);z-index:5;color:var(--ink-soft);border-top:1px solid var(--line);background:color-mix(in oklch, var(--paper) 75%, transparent);-webkit-backdrop-filter:blur(6px);justify-content:space-between;gap:16px;margin-bottom:6vh;padding:10px 0 12px;display:flex;position:sticky;left:0;right:0}.spec{border:1px solid var(--line);background:color-mix(in oklch, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(8px)saturate(1.15);margin-top:2.2em;padding:2px 14px}.spec>div{border-bottom:1px solid var(--line);grid-template-columns:9.5em 1fr;gap:1em;padding:9px 0;font-size:10.5px;display:grid}.spec>div:last-child{border-bottom:none}.spec dt{color:var(--ink-soft)}.spec dd{color:var(--ink)}.caps{margin-top:2.6em;list-style:none}.caps li{border-top:1px solid var(--line);grid-template-columns:3.4em 1fr auto;align-items:baseline;gap:1.6em;padding:clamp(16px,2.6vh,26px) 0;display:grid}.caps li:last-child{border-bottom:1px solid var(--line)}.cap-no{color:var(--ink-soft);transition:color .2s}.cap-name{letter-spacing:-.01em;font-size:clamp(1.25rem,1.9vw,1.65rem);font-weight:650;font-stretch:112%;line-height:1}.copy .cap-tools{color:var(--ink);letter-spacing:.14em;margin-top:.85em;font-size:11px}.copy .cap-where{color:var(--ink-soft);letter-spacing:.12em;white-space:nowrap;text-align:right;font-size:10px;transition:color .2s}.caps li:hover .cap-no{color:var(--signal)}.caps li:hover .cap-where{color:var(--ink)}.meta{flex-wrap:wrap;align-items:center;gap:.6em;margin-top:2em;display:flex}.chip{vertical-align:baseline;width:8px;height:8px;display:inline-block}.chip.live{background:var(--signal)}.chip.dev{outline:1px solid var(--ink-soft);outline-offset:-1px;background:0 0}.copy a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.copy a:hover{color:var(--signal)}.sheet-link{margin-top:2em}.copy .sheet-link a{letter-spacing:.12em;color:var(--ink);border:1px solid var(--ink);background:color-mix(in oklch, var(--paper) 68%, transparent);-webkit-backdrop-filter:blur(8px)saturate(1.1);transition:color .2s ease, background .2s ease, border-color .2s ease, gap .2s var(--ease-out-expo);align-items:center;gap:.6em;padding:11px 18px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.copy .sheet-link a:hover{color:var(--paper);background:var(--signal);border-color:var(--signal);gap:.95em}.contact-links,.study-links{gap:2em}.sheet-set{flex-direction:column;gap:0;max-width:24rem;margin-top:3.2em;display:flex}.sheet-set .ss-label{color:var(--ink-soft);padding-bottom:.8em}.sheet-set a,.sheet-set .ss-here{border-top:1px solid var(--line);color:var(--ink);padding:11px 0;text-decoration:none;transition:color .18s}.sheet-set .ss-here{color:var(--ink-soft)}.sheet-set a:hover{color:var(--signal)}.contact-form{flex-direction:column;gap:14px;max-width:32rem;margin-top:1.7em;display:flex}.cf-row{gap:14px;display:flex}.cf-row .cf-field{flex:1;min-width:0}.cf-field{flex-direction:column;gap:6px;display:flex}.cf-k{letter-spacing:.14em;color:var(--ink-soft);font-size:8.5px}.contact-form input,.contact-form textarea{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink);background:color-mix(in oklch, var(--paper) 68%, transparent);border:1px solid var(--line);resize:vertical;border-radius:0;width:100%;padding:11px 12px;font-size:12px;transition:border-color .2s,background .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--ink-soft);opacity:.55}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ink);background:color-mix(in oklch, var(--paper) 90%, transparent);outline:none}.cf-honey{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.cf-foot{flex-wrap:wrap;align-items:center;gap:1.4em;margin-top:4px;display:flex}.cf-submit{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink);background:color-mix(in oklch, var(--paper) 68%, transparent);border:1px solid var(--ink);cursor:pointer;transition:color .2s ease, background .2s ease, border-color .2s ease, gap .2s var(--ease-out-expo);align-items:center;gap:.6em;padding:11px 18px;font-size:12px;font-weight:500;display:inline-flex}.cf-submit:hover{color:var(--paper);background:var(--signal);border-color:var(--signal);gap:.95em}.cf-submit:disabled{cursor:progress;color:var(--ink-soft);background:color-mix(in oklch, var(--paper) 68%, transparent);border-color:var(--line);gap:.6em}.cf-status{letter-spacing:.08em;color:var(--ink-soft);margin:0;font-size:10.5px}.cf-status.ok{color:var(--signal)}.cf-status.err{color:var(--ink);font-weight:500}.titleblock{border:1px solid var(--ink);background:var(--ink);color:var(--ink);grid-template-columns:1.6fr 1fr 1fr 1fr;gap:1px;margin-top:auto;margin-bottom:28px;display:grid}.tb-cell{background:var(--paper);flex-direction:column;justify-content:center;gap:4px;padding:10px 14px;display:flex}.tb-k{color:var(--ink-soft);letter-spacing:.14em;font-size:8.5px}.tb-brand{letter-spacing:.14em;flex-direction:row;grid-row:span 2;align-items:center;gap:10px;font-size:13px;font-weight:700}.tb-mark{background:var(--signal);flex:none;width:11px;height:11px;transform:rotate(45deg)}#annotations{z-index:4;pointer-events:none;position:fixed;inset:0}.annotation{font-family:var(--font-mono);letter-spacing:.07em;color:var(--ink);background:color-mix(in oklch, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(8px)saturate(1.2);border:1px solid var(--line);opacity:0;visibility:hidden;will-change:transform, opacity;flex-direction:column;gap:3px;padding:8px 12px;font-size:10.5px;display:flex;position:absolute;top:0;left:0}.annotation .line1{font-weight:700}.annotation .line2,.annotation .line3{color:var(--ink-soft)}.annotation .chip{width:7px;height:7px;margin-right:6px}a.annotation{pointer-events:auto;cursor:pointer;text-decoration:none;transition:border-color .2s}a.annotation:hover{border-color:var(--signal)}a.annotation .line4{color:var(--signal);opacity:0;margin-top:4px;font-weight:500;transition:opacity .25s}a.annotation:hover .line4,a.annotation:focus-visible .line4{opacity:1}#leaders polyline{fill:none;stroke:var(--ink);stroke-width:1px}#leaders circle{fill:var(--signal)}.reveal{opacity:0;transition:opacity .9s var(--ease-out-expo), transform .9s var(--ease-out-expo);transform:translateY(28px)}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}body.no-webgl #scene,body.no-webgl #leaders,body.no-webgl #ruler,body.no-webgl #annotations{display:none}body.no-webgl section[data-chapter]{min-height:auto;padding-top:28vh;padding-bottom:10vh}body.no-webgl .datum{margin-bottom:4em;position:static}body.no-webgl .copy{position:static}@media (width<=768px){:root{--head-h:46px}.site-head{padding:0 16px}.wordmark{display:none}.site-head nav{justify-content:space-between;width:100%}.copy{-webkit-backdrop-filter:none;background:0 0;max-width:100%;margin-left:-16px;margin-right:-16px;padding:2.6em 16px 1.4em;position:sticky;top:46vh}.copy:before{background:color-mix(in oklch, var(--paper) 95%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.25);display:block;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 44px);mask-image:linear-gradient(#0000 0,#000 44px)}.hero-copy{-webkit-backdrop-filter:none;background:0 0;margin:0;padding:1.1em 4px;position:static}.hero-copy:before{display:none}#hero h1{font-size:clamp(2.5rem,12vw,3.8rem)}.hero-hint{bottom:18px}.copy-wide{top:38vh}.copy-caps{top:22vh}.datum{top:calc(var(--head-h) + 10px);background:color-mix(in oklch, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);margin-bottom:4vh}.annotation,.datum span:nth-child(3){display:none}h1{font-size:clamp(2.4rem,10vw,3.6rem)}h2{font-size:clamp(1.8rem,6vw,2.6rem)}.ix-main{grid-template-columns:1fr;gap:.35em;padding:15px 0}.ix-main .ix-status{display:none}.ix-name{font-size:14px}.ix-sheet{align-items:center;padding-left:1.2em}.spec>div{grid-template-columns:8em 1fr;gap:.8em;font-size:10px}.caps li{grid-template-columns:2.6em 1fr;gap:1em}.copy .cap-where{text-align:left;white-space:normal;grid-column:2;margin-top:.5em}.titleblock{grid-template-columns:1fr 1fr}.tb-brand{grid-area:auto/span 2}.cf-row{flex-direction:column}.contact-form{max-width:100%}#contact{min-height:auto;padding-top:15vh}#contact .copy{position:relative;top:0}.titleblock{margin-top:2.4em}.titleblock .tb-cell:last-child{grid-column:1/-1}}.ver{opacity:.7;transition:opacity .2s}.ver:hover{opacity:1}