:root{--ink:#f2f0ec;--ink-dim:#f2f0ec85;--ink-faint:#f2f0ec42;--bg:#08080a;--accent:#8ea9ff;--pad:clamp(18px, 3.2vw, 44px);--serif:"Instrument Serif", Georgia, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.72, 0, .24, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;cursor:none;font-weight:300;overflow-x:hidden}body.is-touch{cursor:auto}#gl{z-index:0;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.grain{z-index:4;pointer-events:none;opacity:.038;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(4,end) infinite grain;position:fixed;top:-50%;bottom:-50%;left:-50%;right:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,-1%)}to{transform:translate(0)}}.veil{z-index:20;background:var(--bg);transition:opacity 1s var(--ease-out), visibility 1s;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.veil.is-done{opacity:0;visibility:hidden}.veil__inner{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:14px;font-size:11px;display:flex}.veil__bar{background:var(--ink-faint);width:clamp(90px,18vw,200px);height:1px;overflow:hidden}.veil__bar i{background:var(--ink);width:0%;height:100%;transition:width .4s var(--ease-out);display:block}.veil__pct{font-variant-numeric:tabular-nums;min-width:2ch}.chrome{left:var(--pad);right:var(--pad);z-index:6;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);pointer-events:none;mix-blend-mode:difference;justify-content:space-between;align-items:baseline;font-size:11px;display:flex;position:fixed}.chrome--top{top:var(--pad)}.chrome--bottom{bottom:var(--pad)}.chrome__mark{color:var(--ink);letter-spacing:.2em}.chrome__hint{animation:pulse 2.6s var(--ease-io) infinite}.chrome__hint.is-hidden{opacity:0;transition:opacity .6s}.chrome__meta--fps{font-variant-numeric:tabular-nums;color:var(--ink-faint)}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.85}}.hud{right:var(--pad);z-index:6;pointer-events:none;align-items:center;gap:14px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.hud__idx{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--ink-dim);gap:3px;font-size:11px;display:flex}.hud__idx i{color:var(--ink-faint);font-style:normal}.hud__idx span:first-child{color:var(--ink)}.hud__rail{background:var(--ink-faint);width:1px;height:clamp(80px,16vh,160px);position:relative}.hud__rail i{background:var(--ink);height:0%;transition:height .18s linear;position:absolute;top:0;bottom:auto;left:0;right:0}.caption{left:var(--pad);bottom:calc(var(--pad) + 40px);z-index:6;pointer-events:none;max-width:min(38ch,42vw);position:fixed}.caption__row{align-items:baseline;gap:12px;display:flex}.caption__row--sub{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-dim);gap:18px;margin-top:10px;font-size:11px}.caption__index{letter-spacing:.1em;color:var(--accent);font-variant-numeric:tabular-nums;transition:color .7s var(--ease-out);font-size:11px}.caption__title{font-family:var(--serif);letter-spacing:-.015em;font-size:clamp(38px,6.4vw,92px);font-weight:400;line-height:.94}.caption__blurb{color:var(--ink-dim);max-width:34ch;margin-top:14px;font-size:13px;line-height:1.62}.caption [data-c]{transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);display:inline-block}.caption.is-out [data-c]{opacity:0;transform:translateY(.5em)}.caption__blurb[data-c]{display:block}.readout,.sr-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sr-live{margin:0}body.no-gl .readout{clip-path:none;white-space:normal;width:auto;max-width:62ch;height:auto;padding:18vh var(--pad) 12vh;margin:0 auto;position:static;overflow:visible}body.no-gl #gl,body.no-gl .hud,body.no-gl .caption,body.no-gl .veil{display:none}body.no-gl .readout__h{font-family:var(--serif);margin-bottom:8vh;font-size:clamp(40px,8vw,84px);font-weight:400}body.no-gl .readout__list{gap:6vh;list-style:none;display:grid}body.no-gl .readout__list h2{font-family:var(--serif);margin-bottom:6px;font-size:26px;font-weight:400}body.no-gl .readout__list p{color:var(--ink-dim);font-size:14px;line-height:1.6}body.no-gl .readout__list img{filter:grayscale(.2);width:100%;height:auto;margin-top:14px}.fallback{padding:20vh var(--pad);text-align:center;color:var(--ink-dim);font-size:14px}.cursor{z-index:10;border:1px solid var(--ink-faint);pointer-events:none;mix-blend-mode:difference;width:26px;height:26px;transition:width .4s var(--ease-out), height .4s var(--ease-out), margin .4s var(--ease-out), opacity .3s;will-change:transform;border-radius:50%;margin:-13px 0 0 -13px;position:fixed;top:0;left:0}.cursor.is-hidden{opacity:0}.cursor__dot{z-index:10;background:var(--ink);pointer-events:none;mix-blend-mode:difference;will-change:transform;border-radius:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;position:fixed;top:0;left:0}@media (max-width:860px){.caption{max-width:min(34ch,78vw)}.hud,.cursor,.cursor__dot{display:none}}@media (prefers-reduced-motion:reduce){.grain{animation:none}.chrome__hint{opacity:.5;animation:none}}