:root{--bg: #040507;--ink: #ece7db;--dim: rgba(236,231,219,.5);--pot: #ff5b2e;--astro: #e3c48a;--time: #8fb4ff;--civ: #6fe3c1;--inf: #c9b4ff;--mono: "Geist Mono", ui-monospace, monospace;--serif: "Instrument Serif", Georgia, serif;--gut: clamp(20px, 6vw, 110px)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}body{font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.locked{overflow:hidden}::selection{background:var(--pot);color:var(--bg)}a{color:inherit}button{font:inherit;color:inherit}sup{font-size:.7em;line-height:0}#gl{position:fixed;inset:0;width:100vw;height:100vh;display:block}#track{position:relative;pointer-events:none}.shade{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity 1s ease;background:linear-gradient(90deg,#040507d1,#04050773 32%,#04050700 58%)}.shade.on{opacity:1}.hud{position:fixed;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px var(--gut);z-index:5;opacity:0;transition:opacity 1.2s ease .3s;pointer-events:none;--accent: var(--ink)}body.ready .hud{opacity:1;pointer-events:auto}.logo{font:400 24px/1 var(--serif);display:flex;align-items:center;gap:14px;text-decoration:none}.logo span{font:500 10px/1 var(--mono);letter-spacing:.38em;padding:4px 0 4px 14px;border-left:1px solid rgba(236,231,219,.22);opacity:.62}.chips{display:flex;align-items:center;gap:4px;margin-right:-8px}.chip{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:0;color:var(--dim);background:none;border:0;cursor:pointer;text-decoration:none;transition:color .2s}.chip:hover,.chip:focus-visible{color:var(--ink)}.chip.is-on{color:var(--accent)}.chip.is-on .chip-k{filter:drop-shadow(0 0 5px var(--accent))}.chip.is-on .chip-k svg{stroke-width:1.8}.chip-k{display:grid;place-items:center;font:600 11px var(--mono);letter-spacing:.06em;filter:drop-shadow(0 0 4px rgba(0,0,0,.8))}.chip-k svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.gh .chip-k svg{width:16px;height:16px;fill:currentColor;stroke:none}#play .ic-pause,#play.is-on .ic-play{display:none}#play.is-on .ic-pause{display:block}.chip-t{position:absolute;top:100%;right:50%;transform:translate(50%);white-space:nowrap;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);opacity:0;pointer-events:none;transition:opacity .2s}.chip:hover .chip-t,.chip:focus-visible .chip-t{opacity:1}.chip.is-soon{cursor:default}.chip.is-soon:hover,.chip.is-soon:focus-visible{color:var(--dim)}.chip.is-soon .chip-k{opacity:.45}.chip.is-soon.is-told .chip-t{display:block;opacity:1}.rail{position:fixed;left:50%;bottom:26px;transform:translate(-50%);width:min(760px,calc(100vw - 2 * var(--gut)));z-index:5;opacity:0;transition:opacity 1.2s ease .5s;pointer-events:none}body.ready .rail{opacity:1;pointer-events:auto}.rail-line{position:absolute;left:10%;right:10%;top:6px;height:1px;background:#ece7db29}.rail-fill{position:absolute;left:0;top:0;height:1px;width:0;background:#ece7dbb3}.rail ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}.rail li{display:flex;justify-content:center}.rail button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:9px}.rail button i{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--c);background:var(--bg);transition:background .4s,box-shadow .4s,transform .4s}.rail button.live i{background:var(--c)}.rail button.on i{transform:scale(1.35);box-shadow:0 0 0 5px #ece7db0f,0 0 18px var(--c)}.rail button span{font-size:10px;letter-spacing:.18em;opacity:.45;transition:opacity .4s;text-transform:uppercase}.rail button.on span,.rail button:hover span{opacity:1}.rail button:focus-visible i,.lbl:focus-visible b,.enter:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.panel{position:fixed;left:var(--gut);top:50%;transform:translateY(-50%);width:min(560px,46vw);z-index:4;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}.panel>*{transform:translateY(18px);filter:blur(6px);transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .8s ease}.panel.on{pointer-events:auto;opacity:1;visibility:visible;transition:opacity .8s ease,visibility 0s}.panel.on>*{transform:none;filter:none}.panel.on>:nth-child(2){transition-delay:.07s}.panel.on>:nth-child(3){transition-delay:.14s}.panel.on>:nth-child(4){transition-delay:.21s}.panel.on>:nth-child(5){transition-delay:.28s}.panel.on>:nth-child(6){transition-delay:.35s}.kick{font-size:12px;letter-spacing:.34em;color:var(--c);margin:0 0 18px}.panel h2{font:400 clamp(54px,6.8vw,118px)/.9 var(--serif);margin:0;letter-spacing:-.01em}.tag{font:italic 400 clamp(20px,1.8vw,27px)/1.25 var(--serif);opacity:.78;margin:14px 0 0}.ruler{display:flex;align-items:center;gap:14px;margin:26px 0 0;font-size:12px;opacity:.8}.ruler span{white-space:nowrap}.ruler i{flex:1;height:9px;position:relative;background:linear-gradient(#ece7db4d,#ece7db4d) 0 100%/100% 1px no-repeat,repeating-linear-gradient(90deg,rgba(236,231,219,.35) 0 1px,transparent 1px 100%) 0 100%/ 6.25% 4px repeat-x}.ruler i:after{content:"";position:absolute;right:-4px;bottom:-4px;width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 14px var(--c)}.enter{display:inline-flex;align-items:center;gap:14px;margin:30px 0 0;padding:8px 8px 8px 22px;border-radius:999px;border:1px solid rgba(236,231,219,.28);background:#0405078c;backdrop-filter:blur(6px);text-decoration:none;font-size:14px;letter-spacing:.02em;transition:border-color .3s,box-shadow .3s}.enter svg{flex:none}.enter span{background:var(--c);color:#0d0b0a;font-weight:600;font-size:12px;letter-spacing:.14em;border-radius:999px;padding:10px 16px;transition:transform .3s}.enter:hover{border-color:var(--c);box-shadow:0 0 34px -6px var(--c)}.enter:hover span{transform:translate(3px)}.hz{position:relative;margin:0;font:400 var(--hs, 100px)/1 var(--serif)}.hz-word{display:inline-flex;gap:.25em;-webkit-mask:linear-gradient(#000 .624em,rgba(0,0,0,.32) .624em,transparent .948em) no-repeat 0 0 / 100% 100%;mask:linear-gradient(#000 .624em,rgba(0,0,0,.32) .624em,transparent .948em) no-repeat 0 0 / 100% 100%}.hz-word span{display:inline-block;opacity:0;filter:blur(14px);transform:translateY(.08em)}.hz-line{position:absolute;top:.624em;height:1px;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(236,231,219,.35) 12%,var(--ink) 50%,rgba(236,231,219,.35) 88%,transparent)}.hz-line:before{content:"";position:absolute;left:8%;right:8%;top:-7px;height:15px;border-radius:50%;background:radial-gradient(closest-side,rgba(236,231,219,.5),transparent);filter:blur(4px)}.hz-line:after{content:"";position:absolute;top:-4px;left:0;width:140px;height:9px;margin-left:-70px;border-radius:50%;opacity:0;background:radial-gradient(closest-side,#fff,rgba(255,255,255,.35) 45%,transparent)}@keyframes letter{to{opacity:1;filter:none;transform:none}}@keyframes line-on{to{opacity:.9}}@keyframes glint{0%{left:4%;opacity:0}4%{opacity:1}25%{opacity:1}29%{left:96%;opacity:0}to{left:96%;opacity:0}}.hero{top:auto;bottom:16vh;transform:none;width:min(900px,76vw)}.hero .kick{color:var(--ink);opacity:.55;margin-bottom:6px}.hero .hz{--hs: clamp(44px, 6.2vw, 110px)}.hero .hz-line{left:calc(-1 * var(--gut));right:-14vw}.panel.hero>.hz{transform:none;filter:none}.panel.hero .hz-word span{transition:opacity 1.3s cubic-bezier(.2,.7,.2,1),filter 1.3s cubic-bezier(.2,.7,.2,1),transform 1.3s cubic-bezier(.2,.7,.2,1);transition-delay:calc(.15s + var(--i) * .07s)}.panel.hero.on .hz-word span{opacity:1;filter:none;transform:none}.panel.hero .hz-line{transition:opacity .6s ease}.panel.hero.on .hz-line{opacity:.9}.panel.hero.on .hz-line:after{animation:glint 9s ease-in-out 3s infinite}.hero .tag{font-size:clamp(24px,2.3vw,36px);opacity:.9;margin-top:4px}.hint{margin:34px 0 0;font-size:11px;letter-spacing:.3em;opacity:.5;display:flex;align-items:center;gap:14px}.hint i{width:1px;height:34px;background:linear-gradient(var(--ink),transparent);animation:drop 2.2s ease-in-out infinite;transform-origin:top}@keyframes drop{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.observer{top:auto;bottom:110px;transform:none;width:min(520px,80vw)}.observer h2{font-size:clamp(44px,5vw,80px)}.observer .tag{margin-top:10px}.links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 26px;margin:26px 0 0;font-size:11px;letter-spacing:.22em}.links a{position:relative;display:inline-flex;align-items:center;gap:8px;padding:5px 0;text-decoration:none;opacity:.7;transition:opacity .3s}.links a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:.28;transform-origin:left;transition:opacity .3s,transform .5s cubic-bezier(.2,.7,.2,1)}.links a:hover{opacity:1}.links a:hover:after{opacity:.9}.links .ico{padding:5px 2px}.links .ico:after{display:none}.links a:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.lbl{all:unset;position:fixed;left:0;top:0;z-index:3;cursor:pointer;font-size:11px;letter-spacing:.2em;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .8s,visibility 0s .8s;display:flex;flex-direction:column;gap:4px;padding-left:16px}.lbl b{font:400 24px/1 var(--serif);letter-spacing:0;transition:color .3s}.lbl:hover b,.lbl span{color:var(--c)}.lbl:before{content:"";position:absolute;left:0;top:7px;width:8px;height:1px;background:var(--c)}.lbl.flip{padding:0 16px 0 0;align-items:flex-end}.lbl.flip:before{left:auto;right:0}.lbl.stack{padding:0;align-items:center}.lbl.stack:before{display:none}.lbl .hit{position:absolute;border-radius:50%}.lbl:hover .hit{box-shadow:0 0 0 1px var(--c),0 0 30px -4px var(--c)}.lbl .hit{transition:box-shadow .3s}body.map .lbl{opacity:1;visibility:visible;transition:opacity .8s,visibility 0s}#intro{position:fixed;inset:0;z-index:20;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:6vh;cursor:pointer;transition:opacity 1.1s ease,visibility 0s 1.1s}#intro.out{opacity:0;visibility:hidden}#intro .kick{color:var(--ink);font-size:12px;letter-spacing:.42em;padding-left:.42em;margin:0 0 clamp(4px,1vw,14px);opacity:0;animation:fade 1s ease .1s forwards}#intro .hz{--hs: clamp(40px, 8.4vw, 150px);margin-left:.25em}#intro .hz-line{left:50%;width:min(94vw,1500px);transform:translate(-50%);animation:line-on .6s ease forwards}#intro .hz-line:after{animation:glint 9s ease-in-out 2.4s infinite}#intro .hz-word span{animation:letter 1.3s cubic-bezier(.2,.7,.2,1) calc(.35s + var(--i) * .09s) forwards}#intro .tag{font-size:clamp(20px,2vw,30px);margin:0;opacity:0;animation:fade-tag .9s ease 2.3s forwards}@keyframes fade{to{opacity:.6}}@keyframes fade-tag{to{opacity:.72}}#flood{position:fixed;left:50%;top:50%;width:40px;height:40px;margin:-20px;border-radius:50%;z-index:30;pointer-events:none;background:radial-gradient(circle,var(--c, var(--pot)) 52%,transparent 71%);transform:scale(0)}#flood.on{transform:scale(90);transition:transform 1.1s cubic-bezier(.7,0,.3,1)}body.diving .panel,body.diving .hud,body.diving .rail,body.diving .shade{opacity:0!important;transition:opacity .5s ease}#veil{position:fixed;inset:0;z-index:4;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .7s ease}#veil.on{opacity:1}.nogl-note{display:none}body.nogl{overflow:auto}body.nogl #gl,body.nogl #intro,body.nogl #track,body.nogl .rail,body.nogl .lbl,body.nogl .shade,body.nogl .hint,body.nogl #play,body.nogl #sound{display:none}body.nogl .hud{position:static;opacity:1;pointer-events:auto}body.nogl main{padding:4vh var(--gut) 12vh;display:grid;gap:12vh}body.nogl .panel{position:static;transform:none;width:auto;max-width:640px;opacity:1;visibility:visible;pointer-events:auto}body.nogl .panel>*{transform:none;filter:none}body.nogl .hz-word span{transform:none;opacity:1;filter:none}body.nogl .hz-line{opacity:.9}body.nogl .nogl-note{display:block;padding:0 var(--gut);font-size:12px;opacity:.5}@media(max-width:760px){.panel{inset:auto 20px 96px;width:auto;transform:none}.hero{bottom:110px}.hero .hz{--hs: clamp(26px, 11vw, 60px)}.hero .hz-line{right:-20px}.shade{background:linear-gradient(0deg,#040507e6,#0405078c 40%,#04050700 70%)}.rail button span{display:none}.chips{gap:2px;margin-right:-6px}.chip-t{display:none}.logo{gap:10px}.logo span{letter-spacing:.24em;padding-left:10px}.enter{font-size:12px;padding-left:16px}}@media(max-width:359px){.gh{display:none}}@media(prefers-reduced-motion:reduce){.panel>*,.panel.on>*{transition:none;filter:none;transform:none}.hint i{animation:none}.hz-word span,#intro .hz-word span{animation:none;transform:none;transition:none;opacity:1;filter:none}.hz-line,#intro .hz-line{animation:none;opacity:.9}.hz-line:after{display:none}}body.capture .hud,body.capture .rail,body.capture .panel,body.capture .shade,body.capture .lbl,body.capture #intro{display:none!important}