@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-variable.woff2)format("woff2-variations");font-weight:400 700;font-stretch:75% 100%;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-variable.woff2)format("woff2-variations");font-weight:300 700;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-variable-italic.woff2)format("woff2-variations");font-weight:300 700;font-style:italic;font-display:swap}@font-face{font-family:Instrument Sans Fallback;src:local(Helvetica Neue),local(Arial);size-adjust:96%}@font-face{font-family:Plex Mono Fallback;src:local(Menlo),local(Courier New);size-adjust:100%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ground:var(--lightningcss-light,lab(96.7512% -.367105 -1.06069))var(--lightningcss-dark,lab(6.69328% -1.61136 -4.8684));--raised:var(--lightningcss-light,lab(100% 0 0))var(--lightningcss-dark,lab(10.7923% -2.00905 -5.35013));--sunk:var(--lightningcss-light,lab(93.3957% -1.32942 -3.05198))var(--lightningcss-dark,lab(14.735% -2.37219 -6.34831));--line:var(--lightningcss-light,lab(84.9296% -1.75893 -4.06187))var(--lightningcss-dark,lab(22.2779% -2.56176 -6.70679));--line-strong:var(--lightningcss-light,lab(72.1719% -2.59048 -6.06774))var(--lightningcss-dark,lab(33.8807% -2.87771 -7.40157));--text:var(--lightningcss-light,lab(14.9467% -2.59392 -8.10089))var(--lightningcss-dark,lab(96.2977% -.986099 -1.98176));--dim:var(--lightningcss-light,lab(38.0596% -3.86164 -9.63801))var(--lightningcss-dark,lab(82.4995% -2.4091 -5.35665));--faint:var(--lightningcss-light,lab(44.6823% -3.69665 -8.60219))var(--lightningcss-dark,lab(75.4159% -3.15079 -7.80194));--accent:var(--lightningcss-light,lab(38.3109% -8.56054 -31.7662))var(--lightningcss-dark,lab(83.8922% -11.6867 -20.7217));--accent-ink:var(--lightningcss-light,lab(100% 0 0))var(--lightningcss-dark,lab(13.9315% -4.78554 -11.2808));--accent-hover:var(--lightningcss-light,lab(31.327% -7.52561 -30.3856))var(--lightningcss-dark,lab(90.8319% -8.90499 -15.3569));--state-warn:var(--lightningcss-light,lab(43.6294% 17.6576 51.3977))var(--lightningcss-dark,lab(86.4384% 8.43558 55.1502));--state-ok:var(--lightningcss-light,lab(42.1504% -35.8948 15.793))var(--lightningcss-dark,lab(82.7472% -42.6888 21.9647));--swatch-water:radial-gradient(circle at 30% 22%, #dbfbff 0%, #66b8ce 15%, #266175 50%, #0d2635 84%);--swatch-ember:radial-gradient(circle at 30% 25%, #ffe8ae, #e56b25 30%, #542332 72%);--swatch-lava:radial-gradient(ellipse at 38% 38%, #eac9ff 0 16%, #705faf 28%, #242843 65%, #b2a1f6 80%);--swatch-ferro:conic-gradient(#85909d, #172126, #b4c7ca, #142027, #8394a3);--swatch-ink:radial-gradient(circle at 28% 20%, #f09ddd, #b945aa 20%, #193656 65%, #5593b4);--swatch-jelly:radial-gradient(circle at 25% 25%, #f7e1ff, #b087ce 25%, #60456f 65%, #322539);--swatch-honey:radial-gradient(circle at 28% 20%, #ffedbe, #ba7a32 30%, #724315 70%);--swatch-snow:radial-gradient(circle at 30% 20%, #fff, #e1eaf2 40%, #91a7b6 90%);--swatch-plasma:conic-gradient(#845ab7, #beacf8, #44486b, #d9a6ec, #513178, #cf96f2, #845ab7);--swatch-pearls:radial-gradient(circle at 36% 34%, #eee1e3 0 17%, #58a6bb 25%, #204858 65%);--font-sans:"Instrument Sans", "Instrument Sans Fallback", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Plex Mono Fallback", ui-monospace, monospace;--font-serif:"Newsreader", Georgia, "Times New Roman", serif;--t-hero:clamp(2.75rem, 1.4rem + 4.4vw, 5.75rem);--t-h2:clamp(2.25rem, 1.4rem + 2.6vw, 4rem);--t-h3:1.1875rem;--t-lede:clamp(1.1875rem, 1.05rem + .4vw, 1.375rem);--t-body:1.125rem;--t-small:.9375rem;--t-mono:.8125rem;--t-letter:clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:7rem;--gutter:clamp(1.25rem, 4vw, 3.5rem);--page:80rem;--radius:10px;--radius-pill:999px;--ease-out:cubic-bezier(.2, .7, .2, 1);--dur-quick:.16s;--dur-reveal:.6s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--space-6)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--ground);color:var(--text);font-family:var(--font-sans);font-size:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}img,video,canvas,picture{max-width:100%;display:block}img,video{height:auto}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}p{text-wrap:pretty}a{color:inherit}button{font:inherit;color:inherit}code,kbd,pre{font-family:var(--font-mono)}:not(pre)>code{white-space:nowrap;font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:min(var(--page), 100% - 2 * var(--gutter));margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-3);left:var(--space-3);z-index:10;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);text-decoration:none;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.display{font-family:var(--font-sans);letter-spacing:-.035em;font-weight:600;font-stretch:86%;line-height:.98}.mono{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:0}.dim{color:var(--dim)}.faint{color:var(--faint)}.button{align-items:center;gap:var(--space-2);min-height:2.875rem;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font-size:var(--t-small);cursor:pointer;transition:background-color var(--dur-quick) var(--ease-out), border-color var(--dur-quick) var(--ease-out);border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-primary:hover{background:var(--accent-hover)}.button-quiet{border-color:var(--line-strong);background:0 0}.button-quiet:hover{border-color:var(--text)}.text-link{color:var(--accent);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.text-link:hover{text-decoration-thickness:2px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 40%}}}@keyframes reveal{0%{opacity:0;translate:0 1.25rem}to{opacity:1;translate:0}}.site-header{justify-content:space-between;align-items:center;gap:var(--space-5);padding-block:var(--space-5);display:flex}.wordmark{letter-spacing:-.045em;font-size:1.5rem;font-weight:650;font-stretch:86%;text-decoration:none}.site-header nav{gap:var(--space-5);font-size:var(--t-small);display:flex}.site-header nav a{color:var(--dim);text-decoration:none}.site-header nav a:hover{color:var(--text)}@media (max-width:599px){.site-header nav a:first-child{display:none}}.track{--stage-size:min(24rem, 58svh);column-gap:clamp(var(--space-6), 5vw, var(--space-8));grid-template-columns:minmax(0,8fr) minmax(0,4fr);display:grid}.track-flow,.track-stage{min-width:0}.stage{top:calc(50svh - var(--stage-size) / 2 - var(--space-6));width:min(100%, var(--stage-size));padding-top:var(--space-6);margin-inline:auto;position:sticky}.stage-frame{aspect-ratio:1;position:relative}.stage-poster,.stage-canvas{width:100%;height:100%;position:absolute;inset:0}.stage-poster img{object-fit:contain;width:100%;height:100%}.stage-canvas{opacity:0;touch-action:pan-y;cursor:grab;transition:opacity var(--dur-reveal) var(--ease-out)}.stage-canvas:active{cursor:grabbing}.stage-poster{transition:opacity var(--dur-reveal) var(--ease-out)}.stage[data-mode=live] .stage-canvas{opacity:1}.stage[data-mode=live] .stage-poster{opacity:0}.stage-caption{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-3);display:flex}.stage-caption p{flex-direction:column;gap:2px;line-height:1.45;display:flex}.stage-reaction{color:var(--text)}.stage[data-reaction=attention] .stage-reaction{color:var(--state-warn)}.stage[data-reaction=finished] .stage-reaction{color:var(--state-ok)}.stage-pause{min-height:2rem;padding:var(--space-1) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-pill);cursor:pointer;background:0 0;flex:none}.stage-pause:hover{border-color:var(--text)}.hero{padding-block:var(--space-8) var(--space-9)}.hero-title{font-size:var(--t-hero);max-width:15ch}.hero-lede{font-size:var(--t-lede);max-width:38ch;margin-top:var(--space-5);line-height:1.5}.hero-actions{align-items:center;gap:var(--space-4) var(--space-5);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero-soon{font-size:var(--t-small);flex-direction:column;gap:2px;line-height:1.4;display:flex}.facts{gap:var(--space-2) var(--space-5);margin:var(--space-7) 0 0;color:var(--dim);flex-wrap:wrap;padding:0;list-style:none;display:flex}.facts li{align-items:flex-start;gap:var(--space-2);display:inline-flex}.facts li:before{content:"";background:var(--line-strong);border-radius:50%;flex:none;width:.3rem;height:.3rem;margin-top:.6em}.hero-portrait{display:none}.chapter{padding-block:var(--space-9);border-top:1px solid var(--line)}.chapter-head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.chapter-label{align-items:center;gap:var(--space-3);color:var(--dim);display:inline-flex}.chapter-index{color:var(--faint)}.chapter-label.tone-warn{color:var(--state-warn)}.chapter-label.tone-ok{color:var(--state-ok)}.chapter-still{display:none}.chapter-title{font-size:var(--t-h2);max-width:17ch;margin-top:var(--space-4)}.chapter-body{gap:var(--space-4);max-width:58ch;margin-top:var(--space-5);display:grid}.chapter-figures{gap:var(--space-6);margin-top:var(--space-7);display:grid}@media (max-width:799px){.track{grid-template-columns:minmax(0,1fr)}.track-stage{display:none}.hero{padding-block:var(--space-6) var(--space-8)}.hero-portrait{width:min(78%,22rem);margin:var(--space-7) auto 0;display:block}.facts{flex-direction:column}.chapter{padding-block:var(--space-8)}.chapter-still{flex:none;width:4.5rem;display:block}.chapter-figures{margin-top:var(--space-6)}}.figure{min-width:0;margin:0}.figure-open{border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);cursor:zoom-in;width:100%;transition:border-color var(--dur-quick) var(--ease-out);padding:0;display:block;overflow:hidden}.figure-open:hover{border-color:var(--line-strong)}.figure-open img{width:100%;height:auto}.figure figcaption{margin-top:var(--space-3);color:var(--faint)}.figure-number{color:var(--text);margin-inline-end:var(--space-2)}.figure-dialog{width:min(100% - 2 * var(--gutter), 90rem);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--raised);max-height:92svh;color:var(--text);padding:0;overflow:auto}.figure-dialog::backdrop{background:color-mix(in oklch, var(--ground) 82%, transparent)}.figure-dialog img{width:100%;height:auto}.figure-dialog-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);color:var(--faint);display:flex}.rest{gap:var(--space-7) clamp(var(--space-6), 5vw, var(--space-8));padding-block:var(--space-9);border-top:1px solid var(--line);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.rest-intro h2{font-size:var(--t-h2)}.rest-intro p{margin-top:var(--space-4);max-width:28ch}.rest-list{gap:0 var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.rest-item{padding-block:var(--space-5);border-top:1px solid var(--line)}.rest-item dt{font-weight:600;font-size:var(--t-h3)}.rest-item dd{margin:var(--space-2) 0 0;font-size:var(--t-small);line-height:1.6}@media (max-width:999px){.rest{grid-template-columns:minmax(0,1fr)}}@media (max-width:599px){.rest-list{grid-template-columns:minmax(0,1fr)}}.playground{padding-block:var(--space-9);border-top:1px solid var(--line);text-align:center;justify-items:center;display:grid}.playground-intro h2{font-size:var(--t-h2)}.playground-intro p{margin:var(--space-4) auto 0;max-width:40ch}.playground-stage{aspect-ratio:1;width:min(35rem,100%);margin-top:var(--space-5);position:relative}.playground-poster,.playground-canvas,.playground-film{width:100%;height:100%;position:absolute;inset:0}.playground-film{object-fit:contain}.playground-canvas{opacity:0;touch-action:pan-y;cursor:grab;transition:opacity var(--dur-reveal) var(--ease-out)}.playground[data-status=live] .playground-canvas{opacity:1}.playground[data-status=live] .playground-poster{opacity:0}.playground-poster{transition:opacity var(--dur-reveal) var(--ease-out)}.playground-wake{position:absolute;bottom:12%;left:50%;translate:-50%}.playground-materials{gap:var(--space-2);max-width:100%;margin-top:var(--space-5);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius);scrollbar-width:thin;display:flex;overflow-x:auto}.playground-materials button{justify-items:center;gap:var(--space-2);min-width:5.25rem;padding:var(--space-3) var(--space-2);border-radius:calc(var(--radius) - 3px);color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;font-size:.75rem;display:grid}.playground-materials button:hover{color:var(--text)}.playground-materials button[aria-pressed=true]{border-color:var(--line-strong);background:var(--sunk);color:var(--text)}.swatch{background:var(--swatch-water);width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%}[data-material=ember]>.swatch{background:var(--swatch-ember)}[data-material=lava]>.swatch{background:var(--swatch-lava)}[data-material=ferro]>.swatch{background:var(--swatch-ferro)}[data-material=ink]>.swatch{background:var(--swatch-ink)}[data-material=jelly]>.swatch{background:var(--swatch-jelly)}[data-material=honey]>.swatch{background:var(--swatch-honey)}[data-material=snow]>.swatch{background:var(--swatch-snow)}[data-material=plasma]>.swatch{background:var(--swatch-plasma)}[data-material=pearls]>.swatch{background:var(--swatch-pearls)}.playground-hint{min-height:1.5em;margin-top:var(--space-3);max-width:46ch}.playground-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.playground-actions .button:disabled{opacity:.45;cursor:default}@media (max-width:799px){.playground-materials{justify-content:flex-start;width:100%}}fieldset.playground-materials{min-inline-size:0;margin-inline:0}.proof{gap:var(--space-7) clamp(var(--space-6), 5vw, var(--space-8));padding-block:var(--space-9);border-top:1px solid var(--line);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.proof-intro h2{font-size:var(--t-h2)}.proof-intro p{margin-block:var(--space-4);max-width:34ch}.proof-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);margin:0}.proof-panel>div{gap:var(--space-4);padding:var(--space-3) var(--space-5);grid-template-columns:11rem minmax(0,1fr);line-height:1.6;display:grid}.proof-panel>div+div{border-top:1px solid var(--line)}.proof-panel dd{overflow-wrap:anywhere;margin:0}.proof-panel code{color:var(--accent)}@media (max-width:999px){.proof{grid-template-columns:minmax(0,1fr)}}@media (max-width:599px){.proof-panel>div{padding-inline:var(--space-4);grid-template-columns:minmax(0,1fr);gap:0}}.build{gap:var(--space-7) clamp(var(--space-6), 5vw, var(--space-8));padding-block:var(--space-9);border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.build-intro h2{font-size:var(--t-h2)}.build-intro>p{margin-top:var(--space-4);max-width:34ch}.build-needs{margin:var(--space-5) 0 0;color:var(--dim);font-size:var(--t-small);padding-inline-start:1.1em}.build-needs li+li{margin-top:var(--space-1)}.build-panel{align-self:start;min-width:0}.build-tabs{gap:var(--space-1);border-bottom:1px solid var(--line);display:flex}.build-tabs [role=tab]{min-height:2.75rem;padding:var(--space-2) var(--space-4);color:var(--dim);font-size:var(--t-small);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px}.build-tabs [role=tab][aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.build-code{margin-top:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);position:relative}.build-code pre{padding:var(--space-5);font-size:var(--t-mono);white-space:pre-wrap;margin:0;padding-inline-end:6rem;line-height:1.8;overflow-x:auto}.build-copy{top:var(--space-3);right:var(--space-3);min-height:2.25rem;padding-block:var(--space-1);position:absolute}.build-status{margin-top:var(--space-3)}@media (max-width:899px){.build{grid-template-columns:minmax(0,1fr)}}.letter{padding-block:var(--space-9);border-top:1px solid var(--line)}.letter-body{max-width:36rem;font-family:var(--font-serif);font-size:var(--t-letter);margin-inline:auto;line-height:1.55}.letter-body p+p{margin-top:var(--space-5)}.letter-signature{align-items:center;gap:var(--space-3);font-style:italic;display:flex}.letter-peek{width:3.5rem;height:3.5rem}.site-footer{align-items:end;gap:var(--space-2) var(--space-5);padding-block:var(--space-7) var(--space-6);border-top:1px solid var(--line);font-size:var(--t-small);grid-template-columns:minmax(0,1fr) auto;display:grid}.footer-tagline{font-weight:600;font-stretch:86%;font-size:var(--t-h3);letter-spacing:-.02em}.site-footer nav{gap:var(--space-4);flex-wrap:wrap;grid-area:1/2/span 2;display:flex}.site-footer nav a{color:var(--dim);text-decoration:none}.site-footer nav a:hover{color:var(--text)}@media (max-width:699px){.site-footer{grid-template-columns:minmax(0,1fr)}.site-footer nav{grid-area:auto/1}}.letter-peek{flex:none;display:block}.letter-peek img{width:100%;height:auto}