@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/91bd2e40df15814e-s.19s5evoqhirey.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a63431c4ac64ea8b-s.386o_ri1vb0yv.woff2)format("woff2");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:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8b4ed0a90d903ab5-s.44dak0sams9f0.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c47649aa31f9e140-s.p.3lxpqujs87tck.woff2)format("woff2");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:Hanken Grotesk Fallback;src:local(Arial);ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.0%;size-adjust:100.94%}._86MWLW_className{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}._86MWLW_variable{--font-text:"Hanken Grotesk", "Hanken Grotesk Fallback"}
@font-face{font-family:Golos Text;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/75f2fdf2e0b68dfe-s.0fq57cj8krwmf.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/cfdfbee4d6cf0a93-s.1jwcpm6w583_v.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/634e9805ffc8f226-s.2ocajiqvilzpk.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/b4a06a523f527a0e-s.p.3psl0_mnhzy2y.woff2)format("woff2");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:Golos Text Fallback;src:local(Arial);ascent-override:90.27%;descent-override:20.26%;line-gap-override:0.0%;size-adjust:108.57%}.TtMo2W_className{font-family:Golos Text,Golos Text Fallback;font-style:normal}.TtMo2W_variable{--font-ui:"Golos Text", "Golos Text Fallback"}
@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/2b232b7efa22db1c-s.2zkj-p18lgxwi.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/3bee448361125987-s.2ffn2c0h-1t7r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/564b25e5ad617bd2-s.1ns0a980vcn85.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/ee9d8ff0751135e3-s.p.12ukhzf-lem3a.woff2)format("woff2");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:Martian Mono Fallback;src:local(Arial);ascent-override:63.69%;descent-override:12.74%;line-gap-override:0.0%;size-adjust:157.02%}.bRrs7W_className{font-family:Martian Mono,Martian Mono Fallback;font-style:normal}.bRrs7W_variable{--font-mono:"Martian Mono", "Martian Mono Fallback"}
@property --mix{syntax:"<number>";inherits:true;initial-value:1}:root{--mix:1;--night:#0c0c0e;--day:#f3f3f1;--ink-night:#f3f3f1;--ink-day:#111114;--ember:#ff6a2b;--bg:color-mix(in oklab, var(--day) calc(var(--mix) * 100%), var(--night));--ink:color-mix(in oklab, var(--ink-day) calc(var(--mix) * 100%), var(--ink-night));--soft:color-mix(in oklab, var(--ink) 58%, var(--bg));--line:color-mix(in oklab, var(--ink) 18%, var(--bg));--text:var(--font-text), "Helvetica Neue", Arial, sans-serif;--data:var(--font-mono), ui-monospace, Menlo, monospace;--gutter:clamp(1.25rem, 4vw, 3.5rem);--rail:2.25rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--mix:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 .9375rem/1.5 var(--text);text-transform:lowercase;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.veil{z-index:10;background:var(--bg);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.veil canvas{image-rendering:pixelated;position:absolute;top:0;left:0}.veil[data-state=dissolving]{pointer-events:none;background:0 0}.veil[data-state] .loader{display:none}.loader{grid-template-columns:repeat(4,6px);gap:2px;display:grid}.loader i{background:var(--ember);opacity:.12;width:6px;height:6px;animation:1.12s linear infinite loader-cell}@keyframes loader-cell{0%,to{opacity:.12}12%,50%{opacity:1}62%{opacity:.12}}.backdrop{background:var(--bg);z-index:0;position:fixed;inset:0}.stage{z-index:1;touch-action:pan-y;cursor:grab;width:100%;height:100%;position:fixed;inset:0}.stage:active{cursor:grabbing}.idx,.tag,.hint,.fine,.note,.rail,.labels span,.specs dt{font:400 .625rem/1.4 var(--data);letter-spacing:.04em;color:var(--soft)}.labels{z-index:2;pointer-events:none;position:fixed;inset:0}.labels span{opacity:0;color:var(--ink);white-space:pre;margin:-.7em 0 0;padding-left:5.5em;position:absolute;top:0;left:0}.labels span:before{content:"";background:var(--ember);width:4.7em;height:1px;position:absolute;top:50%;left:0}.labels span:after{content:"";background:var(--ember);width:5px;height:5px;position:absolute;top:calc(50% - 2px);left:-2px}.bar{z-index:4;padding:calc(.9rem + env(safe-area-inset-top,0px)) var(--gutter) .9rem;pointer-events:none;align-items:center;gap:1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.bar>*{pointer-events:auto}.mark{letter-spacing:-.01em;color:var(--ink);margin-right:auto;font-size:1rem;font-weight:400;text-decoration:none}.theme{border:1px solid var(--line);width:2rem;height:2rem;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;place-items:center;transition:background .12s,border-color .12s;display:grid}.theme:hover{border-color:var(--ink)}.theme:active{background:var(--ember);border-color:var(--ember)}.theme svg{width:1rem;height:1rem;overflow:visible}.theme .disc{fill:currentColor;transform-origin:12px 12px;transition:scale .5s cubic-bezier(.3,1.4,.5,1);scale:1.55}.theme .bite{cx:17px;cy:7px;transition:cx .5s cubic-bezier(.3,1.4,.5,1),cy .5s cubic-bezier(.3,1.4,.5,1)}.theme .rays{stroke:currentColor;stroke-width:1.5px;stroke-linecap:square;transform-origin:12px 12px;opacity:0;transition:scale .5s cubic-bezier(.3,1.4,.5,1),rotate .55s cubic-bezier(.3,1.4,.5,1),opacity .25s;rotate:-60deg;scale:.4}:root:not([data-theme=dark]) .theme .disc{scale:1}:root:not([data-theme=dark]) .theme .bite{cx:30px;cy:-6px}:root:not([data-theme=dark]) .theme .rays{opacity:1;rotate:0deg;scale:1}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:.7s cubic-bezier(.5,0,.2,1) theme-reveal}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--tx) var(--ty))}to{clip-path:circle(var(--tr) at var(--tx) var(--ty))}}:root.theme-fade{transition:--mix .45s}.dots{right:calc(var(--gutter) / 2 - 4px);z-index:4;flex-direction:column;gap:.6rem;display:flex;position:fixed;top:50%;translate:0 -50%}.dots a{background:var(--line);width:8px;height:2px;transition:background .15s,width .15s,margin .15s}.dots a[aria-current]{background:var(--ember);width:16px;margin-left:-8px}.rail{z-index:4;height:calc(var(--rail) + env(safe-area-inset-bottom,0px));padding:0 var(--gutter) env(safe-area-inset-bottom,0px);border-top:1px solid var(--line);background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.rail .dim{color:var(--soft);text-transform:none;margin-left:auto}main{z-index:3;pointer-events:none;position:relative}.scene{min-height:135vh;padding-inline:var(--gutter);align-items:center;display:grid}.scene.last{min-height:110vh}.copy{pointer-events:auto;gap:.85rem;max-width:21rem;display:grid}.scene.left .copy{justify-self:start}.scene.right .copy{justify-self:end;margin-right:1.5rem}.scene.centre{padding-bottom:calc(var(--rail) + 6vh);align-items:end;min-height:170vh}.scene.centre .copy{bottom:calc(var(--rail) + 6vh);justify-self:start;max-width:none;position:sticky}.hero{align-items:start;min-height:118vh;padding-top:clamp(5rem,14vh,8rem)}.hero .copy{justify-self:start;max-width:24rem}h1,h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:300;line-height:1.08}h1{font-size:clamp(2rem,3.6vw,3.25rem)}h2{font-size:clamp(1.6rem,2.5vw,2.25rem)}p{color:var(--soft);text-wrap:pretty;margin:0}.idx{color:var(--ember)}.fine code{font:inherit;color:var(--ink);text-transform:none}.states{border-bottom:1px solid var(--line);margin:.3rem 0 0;padding:0;list-style:none;display:grid}.states li{border-top:1px solid var(--line);grid-template-columns:6px 5.5rem 1fr;align-items:center;gap:.75rem;padding-block:.6rem;display:grid}.states i{width:6px;height:6px}.states b{color:var(--ink);font-weight:400}.states span{color:var(--soft);min-width:0;font-size:.8125rem}.pad{grid-template-columns:auto auto 1fr;align-items:center;gap:0;margin-top:.3rem;display:grid}.pad button{border:1px solid var(--ink);width:3rem;height:3rem;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border-radius:0;place-items:center;transition:background 80ms,color 80ms;display:grid}.pad button+button{border-left:0}.pad button svg{fill:currentColor;width:.9rem;height:.9rem}.pad button:hover{background:color-mix(in oklab, var(--ink) 8%, var(--bg))}.pad button.is-held{background:var(--ember);border-color:var(--ember);color:var(--ink-day)}.pad button.is-held+button{border-left:1px solid var(--ink);margin-left:-1px}.pad .note{min-width:0;padding-left:.9rem}.swatches{flex-wrap:wrap;gap:0;display:flex}.swatches button{border:1px solid var(--line);background:var(--bg);color:var(--soft);font:400 .8125rem/1 var(--text);text-transform:lowercase;cursor:pointer;border-radius:0;align-items:center;gap:.5rem;margin-bottom:-1px;margin-right:-1px;padding:.45rem .8rem .45rem .45rem;transition:color .12s,border-color .12s;display:flex}.swatches i{width:1rem;height:1rem}.swatches button:hover{color:var(--ink)}.swatches button[aria-checked=true]{border-color:var(--ink);color:var(--ink);z-index:1;position:relative}.specs{border-bottom:1px solid var(--line);margin:.3rem 0 0;display:grid}.specs div{border-top:1px solid var(--line);grid-template-columns:4.5rem 1fr;align-items:baseline;gap:1rem;padding-block:.55rem;display:grid}.specs dd{font-variant-numeric:tabular-nums;text-transform:none;min-width:0;margin:0}:focus-visible{outline:1px solid var(--ember);outline-offset:3px}@media (max-width:760px){.tag,.dots{display:none}.scene{padding-bottom:calc(var(--rail) + 5vh);align-items:end;min-height:125vh}.scene.left .copy,.scene.right .copy{justify-self:start;margin-right:0}.scene.centre{padding-bottom:calc(var(--rail) + 5vh)}.hero{align-items:end;min-height:100svh;padding-top:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}