:root{--bass:0;--depart:0}.ref-toolbar{position:fixed;left:50%;bottom:27px;transform:translateX(-50%);z-index:180;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #b3f76b44;border-radius:30px;background:#061006ed;backdrop-filter:blur(18px);box-shadow:0 8px 30px #0008;white-space:nowrap}.ref-toolbar>span{font:7px monospace;letter-spacing:1.5px;color:#8b9a81;margin-right:7px}.ref-toolbar a,.ref-toolbar button{font:8px monospace;letter-spacing:1px;color:#c7edab;padding:9px 10px;border:1px solid #7cbe3933;border-radius:18px}.ref-toolbar a:hover,.ref-toolbar button:hover{color:#e1ffb9;border-color:#a8ff62;background:#9eff5312}
.intro{background:radial-gradient(ellipse at 50% 48%,#162711 0%,#050a04 48%,#010301 78%);perspective:1200px}.intro-visual{opacity:.2;mix-blend-mode:screen}.intro .intro-rays{display:none}.intro .cinema-wordmark{width:100%;left:0;right:0;perspective:1200px}.intro .intro-logo{display:block;width:min(78vw,1260px);margin:auto;aspect-ratio:3;background:none!important;mask:none!important;-webkit-mask:none!important;filter:none!important;animation:ref-title 4s cubic-bezier(.2,.7,.2,1) both;transform-style:preserve-3d}.intro .intro-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px #85ff4350) drop-shadow(0 20px 18px #000);animation:ref-metal 4s linear both}.intro .intro-sheen{opacity:.4}.intro.waiting-audio .intro-logo,.intro.waiting-audio .intro-logo img{animation-play-state:paused}.intro .audio-gate{inset:0!important;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse,#071205bb,#020502ee);padding:20px}.audio-gate[hidden]{display:none!important}.intro .audio-gate p{font:11px monospace;letter-spacing:8px;margin-bottom:25px}.intro .audio-gate button{min-height:54px;min-width:235px;justify-content:center;border-color:#b3ff7970;box-shadow:0 0 45px #a5ff4520;background:#0b1609cc}
@keyframes ref-title{0%{opacity:0;transform:translate3d(0,20px,-1400px) rotateX(13deg) scale(.55);filter:blur(20px)}15%{opacity:1;filter:blur(5px)}48%{transform:translate3d(0,0,40px) rotateX(0) scale(1.025);filter:blur(0)}78%{opacity:1;transform:translate3d(0,0,0) scale(1)}100%{opacity:0;transform:translate3d(0,0,110px) scale(1.07)}}@keyframes ref-metal{0%{filter:brightness(.2) drop-shadow(0 0 5px #9bff62)}35%{filter:brightness(1.7) drop-shadow(0 0 35px #8aff65)}65%{filter:brightness(1) drop-shadow(0 0 15px #8aff6544)}100%{filter:brightness(1.2) drop-shadow(0 0 25px #8aff65aa)}}
.ref-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;mask-image:radial-gradient(ellipse at 65% 42%,#000 10%,transparent 70%)}.ref-atmosphere video{height:100%;width:100%;object-fit:cover;opacity:.18;filter:blur(6px) saturate(.6)}.hero .hero-grid{opacity:.055}.ref-dust{position:absolute;inset:-20%;z-index:1;pointer-events:none;background-image:radial-gradient(circle,#b3ff7955 1px,transparent 1.4px),radial-gradient(circle,#d9ffc933 .7px,transparent 1.1px);background-size:167px 143px,239px 207px;mask-image:radial-gradient(ellipse,#000,transparent 70%);animation:ref-drift 25s linear infinite}.entered .hero-copy{opacity:calc(1 - var(--depart)*.8);transform:translate3d(0,calc(var(--depart)*-75px),0) scale(calc(1 - var(--depart)*.04));transform-origin:left center}.entered .portrait-wrap{filter:brightness(calc(1 - var(--depart)*.4));transform:translate3d(0,calc(var(--depart)*70px),0)}.hero .hero-logo{filter:drop-shadow(0 1px 0 #f1ffe3) drop-shadow(0 7px 5px #000) drop-shadow(0 0 24px #9bff4b30)}
@keyframes ref-drift{from{transform:translate3d(0,20px,0)}to{transform:translate3d(40px,-45px,0)}}
.recap{padding-top:155px}.section-heading h2{line-height:.95}.recap .video-shell{transform-origin:center center;will-change:transform;box-shadow:0 45px 110px #000b,0 0 55px #8dff4510;overflow:hidden}.recap video{border-radius:2px}.gallery .frame{transition:filter .6s,transform .8s;will-change:transform}.gallery .frame img{transition:transform 1s ease,filter .8s;filter:saturate(.75) contrast(1.08)}.gallery .frame:hover img{transform:scale(1.035);filter:saturate(1.05)}
.footer-cinematic{--bass:0;background:radial-gradient(ellipse at center,#102b0d,#030703 65%)}.footer-cinematic .footer-video-frame{inset:0;mask-image:radial-gradient(ellipse,#000 15%,#000b 56%,transparent 90%)}.footer-cinematic .footer-video-frame video{opacity:calc(.38 + var(--bass)*.25);filter:brightness(calc(.8 + var(--bass)*.35)) saturate(.85);transform:scale(calc(1.02 + var(--bass)*.025));transition:transform .12s,filter .12s}.ref-reactor{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.7}.footer-cinematic .doom-stage{z-index:2;position:relative}.footer-logo-replay{filter:drop-shadow(0 0 calc(7px + var(--bass)*20px) #a2ff4d66);transform:scale(calc(1 + var(--bass)*.014));transition:filter .08s,transform .08s}.ref-reactive-label{position:absolute;left:50%;top:12%;transform:translateX(-50%);font:8px monospace;letter-spacing:4px;color:#99bf7b;z-index:3;white-space:nowrap}.footer-cinematic.is-fullscreen .ref-reactive-label{top:9%}body:has(.footer-cinematic.is-fullscreen) .ref-toolbar{display:none}
@media(max-width:800px){.ref-toolbar{bottom:126px;gap:3px;padding:6px 8px;max-width:94vw}.ref-toolbar>span{display:none}.ref-toolbar a,.ref-toolbar button{font-size:7px;padding:9px 10px}.intro .intro-logo{width:94vw}.ref-reactive-label{font-size:7px;letter-spacing:2px}.recap{padding-top:90px}}
@media(prefers-reduced-motion:reduce){.ref-dust{animation:none}.intro .intro-logo,.intro .intro-logo img{animation:none;opacity:1;transform:none}.entered .hero-copy,.entered .portrait-wrap{transform:none!important;opacity:1!important}.gallery .frame,.footer-logo-replay{transition:none;transform:none!important}.ref-reactor{display:none}}

.intro .audio-gate{gap:0}.intro .audio-gate p{position:absolute;left:0;right:0;top:calc(50% - 100px);margin:0}.intro .audio-gate button{margin:0}

/* Ref only: individual original glyphs spiral forward, with no mirrored backs. */
.footer-logo-replay{perspective:1200px;transform-style:preserve-3d;overflow:visible}.ref-spiral-letter{position:absolute;top:0;height:100%;display:block;background-image:url('assets/beatboat-silver-extracted.png');background-repeat:no-repeat;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity;pointer-events:none}.footer-logo-replay.ref-assembling:before{content:'';position:absolute;left:34%;top:-20%;width:32%;height:140%;background:radial-gradient(ellipse,#ceffac77 0%,#82ff3a33 25%,transparent 68%);filter:blur(16px);mix-blend-mode:screen;animation:ref-core-flare 4.4s ease-out both;pointer-events:none;z-index:-1}.footer-logo-replay.ref-assembling{filter:drop-shadow(0 0 12px #adff6266)}@keyframes ref-core-flare{0%{opacity:0;transform:scale(.25)}16%{opacity:.9;transform:scale(.8)}50%{opacity:.4;transform:scale(1.2)}100%{opacity:0;transform:scale(1.6)}}
@media(prefers-reduced-motion:reduce){.ref-spiral-letter{will-change:auto}.footer-logo-replay.ref-assembling:before{animation:none;display:none}}

/* Once assembled, the word stays still while its aura responds to sound. */
.footer-logo-replay{transform:none;transition:filter .08s}