:root{--ink:#0b0b0c;--paper:#fff;--blue:#1e3fe4;--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"Inter Tight", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--ink);color:var(--paper);font-family:var(--sans);margin:0}.hero{flex-direction:column;justify-content:flex-end;max-width:1440px;height:100vh;margin:0 auto;padding:0 32px 80px;display:flex}.kicker{font-family:var(--mono);letter-spacing:.04em;color:var(--blue);margin:0 0 24px;font-size:13px;font-weight:500}.hero h1{letter-spacing:-.02em;text-wrap:pretty;max-width:18ch;margin:0;font-size:clamp(44px,6.5vw,96px);font-weight:600;line-height:.95}.hero h1 em{font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.lede{color:#ffffffb8;max-width:56ch;margin:32px 0 0;font-size:20px;line-height:1.45}.hint{font-family:var(--mono);letter-spacing:.04em;color:#ffffff7a;margin:56px 0 0;font-size:12px}.showcase{background:var(--paper);color:var(--ink);position:relative}.showcase-pin{pointer-events:none;height:100vh;position:absolute;top:0;bottom:auto;left:0;right:0}.showcase-canvas{aspect-ratio:1;will-change:transform;width:calc(1.25*min(46vw,62vh));display:block;position:absolute;top:50%;left:0;translate:0 -50%}.scene{grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1440px;height:100vh;margin:0 auto;padding:0 32px;display:grid}.scene.reverse .slot{order:2}.scene.reverse .copy{order:1}.scene.solo{grid-template-columns:1fr}.hold{height:200vh}.copy{max-width:46ch}.step{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin:0 0 20px;font-size:12px}.copy h2{letter-spacing:-.015em;text-wrap:pretty;margin:0 0 24px;font-size:clamp(28px,3.4vw,46px);font-weight:600;line-height:1.05}.copy p:last-child{color:#0b0b0ca8;margin:0;font-size:17px;line-height:1.55}.blue{background:var(--paper);color:var(--paper);margin-top:-55vh;padding:10vh 32px 0;position:relative}.showcase-canvas.is-sealing{aspect-ratio:auto;z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;bottom:0;left:0;right:0;translate:none}.showcase-canvas.is-flat{background:var(--blue)}.showcase-canvas.is-past{display:none}.blue.is-flat{background:var(--blue)}.blue section{z-index:1;max-width:1440px;margin:0 auto;padding:0 0 22vh;position:relative}.blue-lede h2{letter-spacing:-.02em;text-wrap:pretty;max-width:18ch;margin:0 0 28px;font-size:clamp(32px,4.6vw,68px);font-weight:600;line-height:1.02}.blue .step{color:#ffffffa8}.lede-blue{color:#ffffffc7;max-width:52ch;margin:0;font-size:19px;line-height:1.5}.figures{border-top:1px solid #ffffff3d;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;display:grid;padding-top:40px!important}.figures strong{letter-spacing:-.02em;font-size:clamp(34px,4vw,54px);font-weight:600;display:block}.figures span{font-family:var(--mono);letter-spacing:.04em;color:#ffffffa8;font-size:12px}.quote blockquote{max-width:22ch;margin:0;font-family:Instrument Serif,serif;font-size:clamp(28px,3.6vw,52px);font-style:italic;line-height:1.18}.tags{font-family:var(--mono);letter-spacing:.04em;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.tags span{border:1px solid #ffffff52;border-radius:99px;padding:7px 14px}.track{height:600vh;position:relative}.pin{background:var(--paper);height:100vh;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;overflow:hidden}.canvas{aspect-ratio:1;width:calc(1.25*min(760px,86vw,58vh));display:block}.legend{font-family:var(--mono);letter-spacing:.06em;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;font-size:12px;font-weight:500;display:flex}.legend span{color:#0b0b0c66;transition:color .12s linear}.legend span[data-active]{color:var(--ink)}.legend .rule{background:#0b0b0c1f;width:56px;height:1px}.progress{background:#0b0b0c1f;width:min(760px,86vw);height:1px;position:relative}.progress span{background:var(--blue);width:0;position:absolute;top:0;bottom:0;left:0;right:auto}.lil-gui{--background-color:#0b0b0ceb;--widget-color:#ffffff1f;--hover-color:#fff3;--focus-color:var(--blue);--number-color:#8ea6f5;--string-color:#8ea6f5;--font-family:var(--mono);--font-size:11px;--input-font-size:11px;--padding:6px;--width:340px;--name-width:38%;letter-spacing:.02em}.lil-gui .lil-title{letter-spacing:.08em;text-transform:uppercase}.notes{background:var(--ink);border-top:1px solid #ffffff24;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:48px;max-width:1440px;margin:0 auto;padding:96px 32px 140px;display:grid}.notes h2{font-family:var(--mono);letter-spacing:.04em;color:var(--blue);margin:0 0 12px;font-size:12px;font-weight:500}.notes p{color:#ffffffb8;margin:0;font-size:16px;line-height:1.5}