:root{--bg:#0b0e13;--panel:#10141b;--ink:#dfe6ee;--muted:#7e8a9a;--grid:#222b3d;--accent:#6f8dff;--amber:#e0a84a;--flow:#f2a33a;--tint-1:#6f8dff;--tint-2:#3fd0c0;--tint-3:#e06ad8;--tint-4:#a8d84a;--tint-5:#ff7a6a;--fill-a:.1;--ghost-a:.4;--glow:.32;--grid-a:.9;--grain:.06;--display:"Michroma", "Eurostile", "Trebuchet MS", sans-serif;--mono:"Azeret Mono", ui-monospace, Menlo, monospace;--body:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;color-scheme:dark}:root[data-theme=light]{--bg:#e9ecf0;--panel:#f3f5f8;--ink:#10141a;--muted:#5a6471;--grid:#cfd5dd;--accent:#2447c7;--amber:#9a6a14;--flow:#c26a00;--tint-1:#2447c7;--tint-2:#0a8f84;--tint-3:#a8269e;--tint-4:#4f7d0c;--tint-5:#c8402c;--fill-a:.08;--ghost-a:.35;--glow:.18;--grid-a:.9;--grain:.04;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow-x:hidden}a{color:var(--accent)}#gl{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.atmo{pointer-events:none;position:fixed;inset:0}.atmo .floor{transform-origin:50% 100%;height:58%;transform:perspective(900px) rotateX(64deg) translateY(var(--floor-y,0px));opacity:var(--grid-a);z-index:1;background:linear-gradient(to right, var(--grid) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(to bottom, var(--grid) 1px, transparent 1px) 0 0 / 48px 48px;position:absolute;bottom:-12%;left:-20%;right:-20%;-webkit-mask-image:linear-gradient(#0000,#000 35% 80%,#0000);mask-image:linear-gradient(#0000,#000 35% 80%,#0000)}.atmo .vignette{z-index:3;background:radial-gradient(ellipse 70% 60% at 50% 48%, transparent 40%, var(--bg) 100%);position:absolute;inset:0}.atmo .grain{z-index:4;opacity:var(--grain);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.moment{height:420vh;position:relative}.moment .stage{z-index:5;pointer-events:none;height:100dvh;position:sticky;top:0;overflow:hidden}.stage>*{pointer-events:auto}.stage .brackets{pointer-events:none;opacity:.7;z-index:6;background:linear-gradient(var(--ink), var(--ink)) 0 0 / 18px 1px no-repeat, linear-gradient(var(--ink), var(--ink)) 0 0 / 1px 18px no-repeat, linear-gradient(var(--ink), var(--ink)) 100% 0 / 18px 1px no-repeat, linear-gradient(var(--ink), var(--ink)) 100% 0 / 1px 18px no-repeat, linear-gradient(var(--ink), var(--ink)) 0 100% / 18px 1px no-repeat, linear-gradient(var(--ink), var(--ink)) 0 100% / 1px 18px no-repeat, linear-gradient(var(--ink), var(--ink)) 100% 100% / 18px 1px no-repeat, linear-gradient(var(--ink), var(--ink)) 100% 100% / 1px 18px no-repeat;position:absolute;inset:18px}.stage .leaders{pointer-events:none;z-index:6;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stage .leaders line{stroke:var(--muted);stroke-width:1px}.stage .leaders circle{fill:var(--bg);stroke:var(--ink);stroke-width:1px}.stage .leaders .on line,.stage .leaders .on circle{stroke:var(--accent)}.stage .labels{pointer-events:none;z-index:6;position:absolute;inset:0}.lbl{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);white-space:nowrap;border-left:1px solid var(--muted);background:color-mix(in srgb, var(--bg) 72%, transparent);opacity:0;padding:3px 8px;font-size:10.5px;transition:color .3s,border-color .3s,opacity .3s;position:absolute;transform:translateY(-50%)}.lbl.show{opacity:1}.lbl.on{color:var(--ink);border-color:var(--accent)}.lbl small{letter-spacing:.14em;color:var(--muted);font-size:9px;display:block}.lbl.on small{color:var(--accent)}.hdr{z-index:7;gap:8px;max-width:min(46vw,560px);display:grid;position:absolute;top:34px;left:36px}.hdr .kicker{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:10px}.hdr .kicker b{color:var(--amber);font-weight:500}.hdr h2{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(18px,2.2vw,30px);font-weight:400;line-height:1.1}.hdr h2 span{color:var(--accent)}.hdr p{max-width:38ch;color:var(--muted);margin:4px 0 0;font-size:13.5px;font-weight:300}.hdr .credit{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);max-width:46ch;font-size:9.5px}.hdr .credit a{color:inherit;border-bottom:1px solid var(--grid);text-decoration:none}.hdr .credit a:hover{color:var(--ink);border-bottom-color:var(--accent)}.steps{z-index:7;scrollbar-width:none;width:min(300px,34vw);max-height:calc(100vh - 150px);position:absolute;top:52px;right:36px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 92%,#0000);mask-image:linear-gradient(#000 92%,#0000)}.steps::-webkit-scrollbar{display:none}.step{border-top:1px solid var(--grid);color:var(--muted);cursor:pointer;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:10px 0;transition:color .3s;display:grid}.step:hover{color:var(--ink)}.step:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.step:last-child{border-bottom:1px solid var(--grid)}.step .n{font-family:var(--mono);letter-spacing:.14em;padding-top:3px;font-size:10px}.step .t{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px}.step .d{opacity:0;max-height:0;margin-top:4px;font-size:13px;font-weight:300;transition:max-height .4s,opacity .3s;overflow:hidden}.step.on{color:var(--ink)}.step.on .n{color:var(--accent)}.step.on .d{opacity:1;max-height:260px}.readouts{z-index:7;grid-template-columns:repeat(2,minmax(120px,auto));gap:10px 28px;display:grid;position:absolute;bottom:40px;left:36px}.ro{gap:2px;display:grid}.ro .k{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.ro .v{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:18px;font-weight:300;line-height:1}.ro .v b{color:var(--amber);font-weight:400}.ro .v small{color:var(--muted);letter-spacing:.1em;margin-left:4px;font-size:10px}.ruler{z-index:7;font-family:var(--mono);letter-spacing:.14em;color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:40px;right:36px}.ruler .bar{background:repeating-linear-gradient(to right, var(--grid) 0 1px, transparent 1px 11px);border-left:1px solid var(--grid);border-right:1px solid var(--grid);width:min(220px,26vw);height:14px;position:relative}.ruler .bar i{height:1px;width:var(--p,0%);background:var(--accent);box-shadow:0 0 8px var(--accent);position:absolute;top:50%;left:0}.ruler .bar b{top:-2px;left:var(--p,0%);background:var(--accent);width:1px;height:18px;position:absolute}.theme-toggle{z-index:20;writing-mode:vertical-rl;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border:0;border-right:1px solid var(--grid);cursor:pointer;background:0 0;padding:8px 10px;font-size:10px;position:fixed;top:50%;right:36px;transform:translateY(-50%)}@media (width>=761px){.theme-toggle{writing-mode:horizontal-tb;border-right:0;border-bottom:1px solid var(--grid);padding:4px 0;top:20px;right:36px;transform:none}}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--ink);border-color:var(--accent);outline:none}.loading{z-index:9;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading b{color:var(--accent);font-weight:400}@media (width<=760px){.hdr{max-width:none;top:30px;left:28px;right:28px}.hdr p,.steps{display:none}.readouts{gap:8px 18px;bottom:76px;left:28px}.ruler{justify-content:space-between;bottom:40px;left:28px;right:28px}.ruler .bar{flex:1;width:auto}.theme-toggle{writing-mode:horizontal-tb;border-right:0;border-bottom:1px solid var(--grid);padding:4px 0;top:auto;bottom:112px;right:28px;transform:none}.lbl small{display:none}.stage .brackets{inset:12px}}@media (width<=900px){.theme-toggle{right:16px}}.solo{z-index:5;position:relative}.step.other{display:none}.step.nested{border-top-style:dashed;margin-left:18px;padding-top:7px;padding-bottom:7px}.step.nested .n{font-size:9px}.step.nested .t{font-size:10px}.steps .chap{border-top:1px solid var(--grid);color:var(--muted);grid-template-columns:28px minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:8px 0;text-decoration:none;transition:color .3s;display:grid}.steps .chap .n{font-family:var(--mono);letter-spacing:.14em;color:var(--grid);font-size:10px;transition:color .3s}.steps .chap .t{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.steps .chap .of{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);font-size:10px;display:none}.steps .chap:hover,.steps .chap:focus-visible{color:var(--ink);outline:none}.steps .chap.on{color:var(--ink)}.steps .chap.on .n{color:var(--amber)}.steps .chap+.step{border-top-color:#0000}.steps .chap~.step{margin-left:14px}.xp{z-index:7;gap:10px;width:min(300px,34vw);display:none;position:absolute;bottom:84px;right:36px}.exploring .xp{display:grid}.moment .stage.exploring{cursor:grab;pointer-events:auto;touch-action:pan-y}.exploring:active{cursor:grabbing}.xp .card{border:1px solid var(--grid);background:color-mix(in srgb, var(--bg) 82%, transparent);gap:4px;padding:12px 14px;display:grid}.xp .card b{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-size:12px;font-weight:400}.xp .card small{font-family:var(--mono);letter-spacing:.14em;color:var(--accent);font-size:9.5px}.xp .card p{color:var(--muted);margin:0;font-size:13px;font-weight:300}.xp .card.empty b{color:var(--muted)}.xp .ctl{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.xp .ctl>span{width:64px}.xp button{font:inherit;font-family:var(--mono);letter-spacing:.1em;color:var(--muted);border:1px solid var(--grid);cursor:pointer;background:0 0;padding:4px 8px;font-size:10px}.xp button.on,.xp button:hover{color:var(--ink);border-color:var(--accent)}.xp input[type=range]{accent-color:var(--accent);flex:1}.xp .reset{justify-self:start}.hdr .key{flex-wrap:wrap;gap:6px 14px;max-width:46ch;margin-top:2px;display:flex}.hdr .key[hidden]{display:none}.key .k{font:inherit;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:default;pointer-events:auto;background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:7px;padding:2px 0;font-size:9.5px;display:inline-flex}.key .k i{background:var(--c);width:14px;height:2px;box-shadow:0 0 6px var(--c)}.key .k.frame i{border-top:1px solid var(--ink);box-shadow:none;opacity:.6;background:0 0}.exploring .key .k{cursor:pointer}.exploring .key .k:hover,.key .k.on{color:var(--ink);border-bottom-color:var(--c)}.key.isolating .k:not(.on){opacity:.45}.ruler .flip{font:inherit;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--grid);cursor:pointer;pointer-events:auto;white-space:nowrap;background:0 0;margin-right:6px;padding:4px 9px}.ruler .flip i{color:var(--amber);font-style:normal}.ruler .flip:hover,.ruler .flip:focus-visible,.ruler .flip[aria-pressed=true]{color:var(--ink);border-color:var(--accent);outline:none}.site-foot{z-index:5;max-width:70ch;color:var(--muted);gap:10px;padding:12vh 36px 14vh;font-size:14px;font-weight:300;display:grid;position:relative}.site-foot h3{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin:0 0 6px;font-size:13px;font-weight:400}.site-foot a{color:var(--ink)}@media (width<=760px){.xp{width:auto;bottom:72px;left:28px;right:28px}.exploring .readouts{display:none}.xp .card{grid-template-rows:auto auto minmax(0,1fr);align-content:start;height:7.5em;overflow:hidden}.xp .card b,.xp .card small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.xp .card p{scrollbar-width:none;font-size:12px;overflow-y:auto}.xp .card p::-webkit-scrollbar{display:none}.xp button{padding:8px 10px}.steps{width:auto;max-height:32dvh;display:block;inset:auto 28px 68px;-webkit-mask-image:none;mask-image:none}.step:not(.on),.steps .chap:not(.on){display:none}.steps .chap{cursor:pointer;grid-template-columns:24px minmax(0,max-content) auto minmax(12px,1fr);gap:8px;padding:6px 0}.steps .chap .of{color:var(--grid);display:inline}.steps .chap.on:after{content:"▾";color:var(--muted);justify-self:end;font-size:10px}.steps .chap~.step{margin-left:0}.steps.open{background:var(--bg);max-height:62dvh}.steps.open .chap{display:grid}.steps.open .chap.on:after{content:"▴"}.steps.open .step:not(.other){display:grid}.steps.open .step:not(.on) .d{display:none}.step{cursor:default;border-bottom:0;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:10px 0 0}.step:last-child{border-bottom:0}.step .d{max-height:none;transition:none}.step.on .d{max-height:none;line-height:1.45}.readouts,.exploring .steps{display:none}.theme-toggle{top:26px;bottom:auto}.hdr .kicker{padding-right:104px}}