@font-face{font-family:Fraunces;src:url(../fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(../fonts/fraunces-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:SpaceData;src:url(../fonts/mono.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--serif: "Fraunces", ui-serif, "Iowan Old Style", "Palatino Linotype", Georgia, serif;--mono: "SpaceData", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, "Roboto Mono", monospace;--ink: #f4eefb;--ink-dim: rgba(238, 232, 250, .52);--ink-faint: rgba(238, 232, 250, .26);--void: #050308;--accent: #b79bff;--hud-gap: clamp(18px, 3.2vw, 42px);--ease: cubic-bezier(.4, 0, .1, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--void);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}body{overflow-x:hidden;cursor:default}html.is-locked,body.is-locked{overflow:hidden;height:100%}#scroll-track{position:absolute;top:0;left:0;width:1px;pointer-events:none;opacity:0}#webgl{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:1}.hud{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease);font-family:var(--mono)}.hud[data-hidden=false]{opacity:1}.hud__corner{position:fixed;display:flex;flex-direction:column;gap:4px}button.hud__corner{background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;pointer-events:auto}.hud__corner--tl{top:var(--hud-gap);left:var(--hud-gap);align-items:flex-start}.hud__hint{color:var(--accent);opacity:.55;transition:opacity .4s var(--ease)}button.hud__corner:hover .hud__hint{opacity:1}button.hud__corner:hover .hud__label{color:var(--ink)}.hud__corner--tr{top:var(--hud-gap);right:var(--hud-gap);align-items:flex-end;text-align:right}.hud__label{font-size:12px;letter-spacing:.42em;color:var(--ink);font-weight:600}.hud__sub{font-size:10px;letter-spacing:.34em;color:var(--ink-faint);text-transform:uppercase}.clock{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.clock__t{font-size:13px;letter-spacing:.14em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.clock__epoch{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;transition:color .6s var(--ease)}.mute{position:fixed;bottom:var(--hud-gap);right:var(--hud-gap);pointer-events:auto;display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--ink-dim);font-family:var(--mono);font-size:10px;letter-spacing:.34em;cursor:pointer;padding:8px;transition:color .4s var(--ease)}.mute:hover{color:var(--ink)}.mute__bars{display:flex;align-items:flex-end;gap:2px;height:14px}.mute__bars i{width:2px;height:100%;background:currentColor;transform-origin:bottom;animation:eq 1.1s var(--ease) infinite;border-radius:1px}.mute__bars i:nth-child(1){animation-delay:0s}.mute__bars i:nth-child(2){animation-delay:.18s}.mute__bars i:nth-child(3){animation-delay:.36s}.mute__bars i:nth-child(4){animation-delay:.14s}.mute__bars i:nth-child(5){animation-delay:.3s}@keyframes eq{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}.mute[aria-pressed=true] .mute__bars i{animation-play-state:paused;transform:scaleY(.18);opacity:.4}.progress{position:fixed;bottom:calc(var(--hud-gap) + 2px);left:var(--hud-gap);width:min(30vw,280px)}.progress__rail{position:relative;height:1px;background:var(--ink-faint)}.progress__fill{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--ink);box-shadow:0 0 8px var(--accent)}.progress__acts{position:relative;margin-top:10px;height:10px}.progress__act{position:absolute;transform:translate(-50%);font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;transition:color .4s var(--ease),opacity .4s var(--ease)}.progress__act[data-on=true]{color:var(--ink)}.narration{position:fixed;inset:0;z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center}.beat{position:absolute;max-width:min(84vw,720px);padding:0 6vw;text-align:center;opacity:0;will-change:opacity,transform,filter}.beat__index{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.5em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:26px}.beat__line{font-family:var(--serif);font-weight:340;font-size:clamp(2rem,5.6vw,4.6rem);line-height:1.06;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.beat__line em{font-style:italic;font-weight:340}.beat__sub{margin-top:26px;font-family:var(--mono);font-size:clamp(11px,1.3vw,13px);letter-spacing:.16em;line-height:1.7;color:var(--ink-dim);text-transform:none}.beat[data-align=low]{bottom:16vh;top:auto}.beat[data-align=high]{top:16vh;bottom:auto}.caption{position:fixed;top:13vh;left:50%;transform:translate(-50%);z-index:22;max-width:min(80vw,620px);text-align:center;font-family:var(--mono);font-size:clamp(10px,1.15vw,12.5px);letter-spacing:.16em;line-height:1.8;text-transform:uppercase;color:var(--ink-dim);pointer-events:none;opacity:0;transition:opacity .5s var(--ease),color .5s var(--ease);text-wrap:balance}.veil{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 48%,#06030a6b,#050308db 58%,#050308);transition:opacity 1.6s var(--ease),visibility 1.6s var(--ease);--ink: #f4eefb;--ink-dim: rgba(238, 232, 250, .52);--ink-faint: rgba(238, 232, 250, .26)}.veil[data-gone=true]{opacity:0;visibility:hidden;pointer-events:none}.veil__inner{text-align:center;padding:6vw;transform:translateY(0);transition:transform 1.6s var(--ease),opacity 1.6s var(--ease)}.veil[data-gone=true] .veil__inner{transform:translateY(-24px);opacity:0}.veil__mark{display:grid;place-items:center;height:90px;margin-bottom:8px}.veil__seed{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px #b79bffe6,0 0 40px 10px #785ae68c,0 0 90px 30px #5032b447;animation:breathe 4.2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(.7);opacity:.75}50%{transform:scale(1.35);opacity:1}}.veil__title{font-family:var(--serif);font-weight:300;font-size:clamp(3rem,11vw,9rem);letter-spacing:.02em;line-height:.94;display:flex;gap:.28em;justify-content:center;color:var(--ink)}.veil__word{display:inline-block;opacity:0;transform:translateY(38px);filter:blur(12px);animation:rise 1.5s var(--ease) forwards;animation-delay:calc(.35s + var(--i) * .22s)}@keyframes rise{to{opacity:1;transform:translateY(0);filter:blur(0)}}.veil__tag{margin-top:26px;font-family:var(--mono);font-size:clamp(11px,1.5vw,13px);letter-spacing:.34em;text-transform:uppercase;color:var(--ink-dim);opacity:0;animation:fadeIn 1.4s var(--ease) forwards;animation-delay:1.1s}.begin{position:relative;margin-top:54px;width:148px;height:148px;border-radius:50%;border:none;background:none;color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.34em;text-transform:uppercase;cursor:pointer;opacity:0;animation:fadeIn 1.6s var(--ease) forwards;animation-delay:1.5s;transition:transform .6s var(--ease)}.begin__ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(183,155,255,.4);transition:border-color .6s var(--ease),transform .6s var(--ease)}.begin__ring:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid transparent;border-top-color:#b79bffe6;animation:spin 6s linear infinite}.begin__label{position:relative}.begin:hover{transform:scale(1.04)}.begin:hover .begin__ring{border-color:#b79bffd9;box-shadow:0 0 40px #785ae680,inset 0 0 30px #785ae640}.begin[disabled]{opacity:.4;cursor:progress}@keyframes spin{to{transform:rotate(360deg)}}.veil__note{margin-top:40px;font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;line-height:2.1;color:var(--ink-faint);opacity:0;animation:fadeIn 1.6s var(--ease) forwards;animation-delay:1.9s}@keyframes fadeIn{to{opacity:1}}.cue{position:fixed;left:50%;bottom:4vh;transform:translate(-50%);z-index:25;font-family:var(--mono);font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--ink-dim);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;opacity:0;transition:opacity .8s var(--ease)}.cue[data-on=true]{opacity:1}.cue__line{width:1px;height:42px;background:linear-gradient(var(--ink-dim),transparent);overflow:hidden;position:relative}.cue__line:after{content:"";position:absolute;top:-50%;left:0;width:100%;height:50%;background:var(--ink);animation:drop 1.8s var(--ease) infinite}@keyframes drop{0%{transform:translateY(-100%)}to{transform:translateY(300%)}}.fallback{position:fixed;inset:0;z-index:80;display:none;place-items:center;background:radial-gradient(120% 120% at 50% 30%,#0b0716,#050308 70%);text-align:center;padding:8vw}.fallback:not([hidden]){display:grid}.fallback__stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 60%,#cbb6ff,transparent),radial-gradient(1px 1px at 40% 80%,#fff,transparent),radial-gradient(1.5px 1.5px at 85% 20%,#fff,transparent),radial-gradient(1px 1px at 55% 45%,#9d7bff,transparent);background-size:100% 100%;opacity:.6;animation:twinkle 6s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.35}to{opacity:.7}}.fallback__content{position:relative;max-width:560px}.fallback__content h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.4rem,9vw,5rem);letter-spacing:.04em;margin-bottom:24px}.fallback__content p{font-family:var(--mono);font-size:13px;line-height:1.9;letter-spacing:.06em;color:var(--ink-dim);margin-bottom:14px}.fallback__hint{color:var(--ink-faint)!important}.about{position:fixed;inset:0;z-index:200;display:grid;place-items:center;pointer-events:none;--ink: #f4eefb;--ink-dim: rgba(238, 232, 250, .62);--ink-faint: rgba(238, 232, 250, .34)}.about[data-open=true]{pointer-events:auto}.about__scrim{position:absolute;inset:0;background:radial-gradient(120% 120% at 50% 40%,#0a0614b8,#030206eb);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .9s var(--ease)}.about[data-open=true] .about__scrim{opacity:1}.about__panel{position:relative;max-width:min(90vw,680px);max-height:86vh;overflow-y:auto;padding:clamp(32px,5vw,64px);opacity:0;transform:translateY(26px) scale(.985);transition:opacity 1s var(--ease),transform 1s var(--ease)}.about[data-open=true] .about__panel{opacity:1;transform:none}.about__close{position:absolute;top:clamp(18px,3vw,30px);right:clamp(18px,3vw,30px);width:40px;height:40px;border-radius:50%;border:1px solid var(--ink-faint);background:none;color:var(--ink-dim);font-family:var(--mono);font-size:13px;cursor:pointer;transition:color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}.about__close:hover{color:var(--ink);border-color:var(--ink-dim);transform:rotate(90deg)}.about__eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:18px}.about__eyebrow em{font-style:normal;color:var(--accent);text-transform:none;letter-spacing:.1em}.about__title{font-family:var(--serif);font-weight:300;font-size:clamp(2.6rem,7vw,4.6rem);line-height:.96;letter-spacing:-.01em;color:var(--ink);margin-bottom:34px}.about__title em{font-style:italic}.about__body p{font-family:var(--serif);font-weight:340;font-size:clamp(1.02rem,1.9vw,1.35rem);line-height:1.62;color:#eee8fad1;margin-bottom:20px;text-wrap:pretty}.about__body em{font-style:italic;color:var(--ink)}.about__acts{font-family:var(--mono)!important;font-size:10px!important;letter-spacing:.14em;line-height:2.1!important;text-transform:uppercase;color:var(--ink-faint)!important;padding-top:12px;border-top:1px solid rgba(238,232,250,.1)}.about__foot{margin-top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;line-height:1.9;color:var(--ink-dim)}.about__panel [data-r]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.about[data-open=true] .about__panel [data-r]{opacity:1;transform:none}.about[data-open=true] .about__panel [data-r="0"]{transition-delay:.15s}.about[data-open=true] .about__panel [data-r="1"]{transition-delay:.24s}.about[data-open=true] .about__panel [data-r="2"]{transition-delay:.32s}.about[data-open=true] .about__panel [data-r="3"]{transition-delay:.42s}.about[data-open=true] .about__panel [data-r="4"]{transition-delay:.52s}.about[data-open=true] .about__panel [data-r="5"]{transition-delay:.62s}.about[data-open=true] .about__panel [data-r="6"]{transition-delay:.72s}.about[data-open=true] .about__panel [data-r="7"]{transition-delay:.82s}@media (prefers-reduced-motion: reduce){.veil__seed,.mute__bars i,.begin__ring:after,.cue__line:after,.fallback__stars{animation:none!important}}::selection{background:#b79bff4d;color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.veil__edition{font:8px/1.6 var(--mono);letter-spacing:.32em;color:#b9acc9;margin-top:32px;margin-bottom:16px}.beat__line{perspective:700px}.beat__word{display:inline-block;transform-origin:50% 100%;will-change:transform,opacity;backface-visibility:hidden}html[data-epoch=bang] .beat__line{font-size:clamp(44px,9vw,150px);letter-spacing:-.06em}html[data-epoch=bang] .beat{max-width:96vw;width:96vw}html[data-epoch=collision] .beat[data-align=low]{left:5vw;bottom:23vh;text-align:left;max-width:590px;padding:0}html[data-epoch=collision] .beat__line{font-size:clamp(32px,4.2vw,65px)}html[data-epoch=collision] .caption{top:17vh;left:6vw;transform:none;text-align:left;max-width:340px;font-size:9px}.observatory{position:fixed;z-index:35;inset:auto 0 0;pointer-events:none;opacity:0;visibility:hidden;color:var(--ink);font-family:var(--mono);transition:opacity 1s}.observatory[data-ready=true]{opacity:1;visibility:visible}.observatory__tools{position:absolute;bottom:38px;left:var(--hud-gap);display:flex;gap:22px;pointer-events:auto}.observatory button{background:none;color:var(--ink-dim);border:0;font:8px var(--mono);letter-spacing:.08em;padding:10px 0;cursor:pointer;white-space:nowrap}.observatory button:hover{color:var(--ink)}.observatory button span{padding-left:5px;color:var(--accent)}.observatory button:disabled{opacity:.3;cursor:default}.observatory__timeline{position:absolute;bottom:45px;left:38%;width:39%;display:flex;align-items:center;gap:16px;pointer-events:auto}.observatory__timeline>span{font-size:7px;letter-spacing:.08em;white-space:nowrap;color:var(--ink-dim)}.observatory input{--time:0%;appearance:none;-webkit-appearance:none;border:0;height:2px;background:linear-gradient(to right,var(--ink) var(--time),var(--ink-faint) var(--time));width:100%;cursor:pointer;padding:0}.observatory input::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border:1px solid var(--ink);background:var(--void);border-radius:50%;box-shadow:0 0 8px #b79bff44}.observatory input::-moz-range-thumb{width:9px;height:9px;border:1px solid var(--ink);background:var(--void);border-radius:50%}.observatory__direction{position:absolute;bottom:19px;left:38%;font-size:6px;letter-spacing:.2em;color:var(--ink-faint)}.progress{display:none}.mute{bottom:31px}.cue{bottom:18vh}.chapter-map{position:fixed;inset:0;margin:auto;width:min(780px,92vw);max-height:90svh;background:#080a13f5;color:#eee9f6;border:1px solid #b8a4da44;padding:35px 45px;box-shadow:0 30px 100px #0009;overflow-y:auto}.chapter-map::backdrop{background:#03040adc;backdrop-filter:blur(12px)}.chapter-map__head{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.18em;color:#a99eb9}.chapter-map__head button{border:0;background:none;color:#eee;font:18px var(--mono);padding:10px;cursor:pointer}.chapter-map h2{font:300 clamp(34px,5vw,58px)/1 var(--serif);margin:35px 0 30px;letter-spacing:-.04em}.chapter-map h2 em{color:#b79bff}.chapter-map__list{display:grid;grid-template-columns:1fr}.chapter-map__list button{display:grid;grid-template-columns:30px 1fr 100px 20px;gap:18px;align-items:center;padding:13px 0;border:0;border-top:1px solid #b7a1ce25;color:#e1ddea;background:none;text-align:left;cursor:pointer}.chapter-map__list button>span{font:8px var(--mono);color:#7c728c}.chapter-map__list button>strong{font:300 22px var(--serif)}.chapter-map__list button>small{font:8px var(--mono);color:#a89bb8;text-align:right}.chapter-map__list button>b{font:15px Arial;color:#b79bff}.chapter-map__list button:hover,.chapter-map__list button[aria-current=true]{color:#c9aeff;background:#b79bff0a}.chapter-map>p{font:8px/1.8 var(--mono);color:#7c728c;margin-top:25px;letter-spacing:.1em}.cosmic-credits{position:fixed;z-index:40;bottom:11vh;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:22px}.cosmic-credits>a{color:var(--ink);font:12px var(--mono);text-decoration:none;letter-spacing:.04em}.cosmic-credits>span{font:7px var(--mono);color:var(--ink-dim)}.fallback__maker{display:inline-block;margin-top:30px;color:#cdb8ff;font:12px var(--mono);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.scene-ink{--scene-ink: #fff;--scene-edge: rgba(0, 0, 0, .9);--ink: var(--scene-ink);--ink-dim: var(--scene-ink);--ink-faint: var(--scene-ink);--accent: var(--scene-ink);color:var(--scene-ink);text-shadow:-.5px 0 var(--scene-edge),.5px 0 var(--scene-edge),0 -.5px var(--scene-edge),0 .5px var(--scene-edge),0 1px 5px var(--scene-edge)}.scene-ink[data-ink=dark]{--scene-ink: #000;--scene-edge: rgba(255, 255, 255, .85)}.scene-ink,.scene-ink *{transition-property:opacity,transform,border-color}.hud__hint{opacity:.85}html[data-motion=reduced] .beat__word{transform:none!important;filter:none!important;opacity:1!important}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation:none!important;transition:none!important}@media (max-width:750px){.hud__label{font-size:10px;letter-spacing:.23em}.hud__sub{font-size:7px;letter-spacing:.15em}.clock__t{font-size:10px}.clock__epoch{font-size:7px;letter-spacing:.12em}.veil__edition{font-size:6px;letter-spacing:.16em;max-width:250px;margin:25px auto 15px}.veil__title{font-size:clamp(66px,19vw,130px)}.beat{max-width:94vw;padding:0 7vw}.beat__line{font-size:clamp(30px,8vw,50px)}.beat__sub{font-size:9px;letter-spacing:.07em;margin-top:18px}.beat__index{font-size:8px;margin-bottom:18px}.beat[data-align=low]{bottom:24vh}.caption{top:15vh;max-width:82vw;font-size:8px;letter-spacing:.09em}.observatory__tools{bottom:20px;left:20px;gap:18px}.observatory button{font-size:7px}.observatory__timeline{bottom:77px;left:20px;right:20px;width:auto;gap:12px}.observatory__direction{bottom:55px;left:20px;font-size:5px}.mute{bottom:20px;right:15px;font-size:8px;letter-spacing:.1em}.mute__bars{height:11px;gap:2px}.mute__bars i{width:1px}.cue{bottom:19vh;font-size:8px}.chapter-map{padding:24px;width:92vw;max-height:92svh}.chapter-map__head{font-size:6px}.chapter-map h2{font-size:38px;margin:25px 0}.chapter-map__list button{grid-template-columns:20px 1fr 65px 10px;gap:10px;padding:12px 0}.chapter-map__list button>strong{font-size:19px}.chapter-map__list button>small{font-size:6px}.chapter-map__list button>span{font-size:7px}.cosmic-credits{bottom:15vh;flex-direction:column;gap:9px}.cosmic-credits>a{font-size:10px}.cosmic-credits>span{font-size:6px}html[data-epoch=collision] .beat[data-align=low]{left:7vw;right:7vw;bottom:25vh;max-width:none}html[data-epoch=collision] .beat__line{font-size:34px}html[data-epoch=collision] .caption{left:7vw;top:15vh;max-width:75vw;font-size:7px}}