@import url('data:text/css,');
:root{--green:#a4ff45;--muted:#8a9387;--bg:#050705;--line:#273020}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#edf0e9;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:6px}button{border:0;background:none}::selection{background:var(--green);color:#050705}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.metal-logo{display:block;background:linear-gradient(170deg,#6d736d 0%,#fafdf5 22%,#91988e 34%,#fafdf3 42%,#485245 47%,#d1d8cc 51%,#747e71 68%,#e8eee0 77%,#3c4c39 95%);mask:url('assets/logo.png') center/contain no-repeat;-webkit-mask:url('assets/logo.png') center/contain no-repeat;aspect-ratio:5.96;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 7px 9px #000) drop-shadow(0 0 18px #a4ff4533)}
header{position:absolute;z-index:15;top:0;left:0;width:100%;height:100px;padding:0 4.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}.small-logo{width:125px}.small-logo img{width:100%;display:block}nav{display:flex;gap:36px;align-items:center;font-size:10px;font-weight:bold;letter-spacing:1.7px}nav small{color:var(--green);margin-left:6px;font-size:8px}nav button{border:1px solid #62714b;padding:13px 17px;font-size:9px;letter-spacing:1.3px}nav a:hover,nav button:hover{color:var(--green)}
.hero{position:relative;isolation:isolate;min-height:780px;height:100svh;max-height:1200px;overflow:hidden;background:radial-gradient(ellipse at 69% 46%,#29441d 0%,#101b0d 25%,#050705 61%)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;background:linear-gradient(0deg,#050705 1%,transparent 27%),linear-gradient(90deg,#050705a8,transparent 50%);box-shadow:inset 0 0 180px #0008}.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#a4ff4522 1px,transparent 1px),linear-gradient(90deg,#a4ff4522 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000)}.halo{position:absolute;width:640px;height:640px;left:45%;top:15%;border:1px solid #a4ff4545;border-radius:50%;transform:rotate(-25deg)}.halo:before,.halo:after{content:'';position:absolute;border-radius:50%;inset:30px;border:1px dashed #a4ff4528}.halo:after{inset:-12px;border:2px solid transparent;border-top-color:#c6ff7a9c;border-left-color:#a4ff4520;animation:orbit 22s linear infinite}.halo-two{width:500px;height:500px;left:50%;top:24%;border-color:#a4ff4517}.beam{position:absolute;left:68%;top:0;width:4px;height:100%;background:#b9ff5b;filter:blur(60px);opacity:.6;transform:rotate(17deg)}.hero-topline{position:absolute;top:135px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;z-index:6;font:9px monospace;letter-spacing:2.5px}.green{color:var(--green)}.portrait-wrap{position:absolute;bottom:-25%;left:38%;height:124%;width:62%;opacity:0;transform:translateY(50px) scale(1.06);transition:opacity 2.3s ease,transform 3s cubic-bezier(.2,.6,.2,1);mask-image:linear-gradient(0deg,transparent 0%,#000 30%,#000 95%);mix-blend-mode:lighten}.portrait{width:100%;height:100%;object-fit:contain;object-position:center top;filter:grayscale(.35) brightness(.87) contrast(1.08) drop-shadow(-10px 0 24px #95ff3922)}.hero-copy{position:absolute;left:6.5%;top:43%;z-index:7;width:58%;opacity:0;transform:translateY(30px);transition:opacity 1.6s .65s,transform 1.8s .65s}.eyebrow{font:10px monospace;letter-spacing:3px;color:var(--green);line-height:1.5}.hero-copy h1{margin:32px 0 22px}.hero-logo{width:100%;filter:drop-shadow(0 2px 0 #e0e8d4) drop-shadow(0 15px 8px #000) drop-shadow(0 0 22px #a4ff452a)}.tagline{font-size:14px;letter-spacing:12px;margin:28px 0 50px;padding-left:3px;color:#c8d9bd}.watch-link{display:inline-flex;align-items:center;gap:25px;font:10px monospace;letter-spacing:2px}.play-icon{border:1px solid #9bcc6675;border-radius:50%;width:49px;height:49px;display:grid;place-items:center;color:var(--green);font-size:13px;transition:.3s}.watch-link:hover .play-icon{background:var(--green);color:#000;box-shadow:0 0 40px #a4ff4555}.watch-link>span:last-child{color:var(--green);font-size:20px}.hero-bottom{position:absolute;bottom:28px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;z-index:7;font:9px monospace;letter-spacing:1.5px;color:#9ba693}.hero-bottom b{margin-left:25px;color:var(--green)}.side-id{position:absolute;right:20px;top:48%;writing-mode:vertical-rl;font:8px monospace;letter-spacing:3px;z-index:7;color:#96a18c}.hero-cross{position:absolute;color:var(--green);font:25px monospace;z-index:6}.cross-one{left:42%;top:30%}.cross-two{right:5%;bottom:25%}.entered .portrait-wrap,.entered .hero-copy{opacity:1;transform:none}
.intro{position:fixed;inset:0;z-index:100;background:#030503;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity 1s,visibility 1s;perspective:900px}.intro.finished{opacity:0;visibility:hidden;pointer-events:none}.intro-logo{position:relative;z-index:2;width:min(72vw,1050px);animation:logo-arrive 5s cubic-bezier(.16,.6,.23,1) both}.intro-aura{position:absolute;width:75vw;height:75vw;background:radial-gradient(ellipse,#a4ff4540,transparent 62%);animation:aura 4.8s ease both;filter:blur(40px)}.intro-orbit{position:absolute;width:70vw;height:70vw;border:1px solid #7cff2a20;border-radius:50%;box-shadow:0 0 120px #8aff1c10,inset 0 0 100px #8aff1c08;animation:orbit 12s linear infinite}.intro-orbit:after{content:'';position:absolute;inset:20px;border:1px dashed #a4ff4520;border-radius:50%}.intro-bottom{position:absolute;bottom:8%;left:10%;right:10%;display:flex;align-items:center;gap:32px;font:9px monospace;letter-spacing:2px;color:#9aab8b}.intro-bottom button{font:inherit;letter-spacing:inherit;white-space:nowrap}.loading-track{height:1px;background:#1e2b17;flex:1}.loading-track i{display:block;height:1px;background:var(--green);animation:load 5s linear forwards;box-shadow:0 0 12px var(--green)}
.section{padding:110px 6.5% 0;max-width:1800px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;gap:30px}.section-heading .eyebrow{margin:0 0 25px}h2{font-size:clamp(34px,4.8vw,76px);font-weight:500;line-height:1.04;letter-spacing:-3px;margin:0}h2 em{font-style:normal;color:#6b7961}.section-note{font:9px/2 monospace;letter-spacing:1.5px;text-align:right;color:#b6c0ae}.section-note span{color:#68755e}.video-shell{position:relative;background:#10170c;border:1px solid #3a4f2b}.video-shell video{width:100%;aspect-ratio:16/9;display:block;object-fit:cover}.video-label{position:absolute;left:23px;top:23px;padding:9px 12px;background:#0009;border:1px solid #c9ffa935;pointer-events:none;font:8px monospace;letter-spacing:2px}.video-corner{position:absolute;top:-1px;left:-1px;width:50px;height:50px;border-top:2px solid var(--green);border-left:2px solid var(--green);pointer-events:none}.caption{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:2px;color:#828e77;padding-top:20px}.frames{padding-top:145px;padding-bottom:120px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px}.frame{padding:0;display:block;text-align:left;overflow:hidden}.frame-wide{grid-column:1/-1}.frame img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;filter:saturate(.65);transition:transform .8s,filter .8s}.frame-wide img{aspect-ratio:2.15;object-position:center 43%}.frame:hover img{transform:scale(1.018);filter:saturate(1)}.frame span{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font:9px monospace;letter-spacing:1.5px;color:#99a58c}.frame b{color:var(--green);font-size:18px;font-weight:normal}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s,transform 1s}.reveal.visible{opacity:1;transform:none}footer{border-top:1px solid var(--line);padding:60px 6.5% 30px;background:radial-gradient(ellipse at 50% 100%,#26391b44,transparent 60%)}.footer-logo{width:100%;opacity:.6}footer .footer-links{display:flex;justify-content:space-between;margin-top:50px;font:9px monospace;letter-spacing:2px;color:#8a9980}footer a{color:var(--green)}dialog{border:1px solid #465e36;background:#030503;padding:48px 12px 12px;max-width:94vw;max-height:94svh}dialog::backdrop{background:#000e;backdrop-filter:blur(12px)}dialog img{display:block;max-width:87vw;max-height:80svh;object-fit:contain}dialog button{position:absolute;right:15px;top:15px;font:10px monospace;color:var(--green);letter-spacing:2px}
@keyframes logo-arrive{0%{opacity:0;transform:translateZ(-1700px) rotateX(22deg);filter:blur(16px)}28%{opacity:1}64%{transform:translateZ(0) rotateX(0);filter:blur(0) drop-shadow(0 0 26px #8aff4570)}100%{transform:translateZ(40px);filter:drop-shadow(0 0 30px #8aff4540)}}@keyframes aura{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1)}100%{opacity:.6;transform:scale(1.3)}}@keyframes orbit{to{transform:rotate(335deg)}}@keyframes load{from{width:0}to{width:100%}}
@media(min-width:1700px){.portrait-wrap{left:40%;width:55%}.hero-copy{width:54%}}@media(max-width:800px){header{height:78px;padding:0 6%}.small-logo{width:95px}nav{gap:18px;font-size:9px}nav small{display:none}nav button{padding:9px;font-size:8px}.hero{min-height:760px;max-height:1050px}.hero-topline{top:106px;left:6%;right:6%;font-size:7px;letter-spacing:1px}.portrait-wrap{left:4%;width:105%;height:91%;bottom:-9%;mask-image:linear-gradient(0deg,transparent 0%,#000 50%,#000 95%)}.halo{left:2%;width:95vw;height:95vw;top:22%}.halo-two{left:11%;width:78vw;height:78vw;top:27%}.hero-copy{left:7%;width:86%;top:auto;bottom:110px}.hero-copy .eyebrow{font-size:8px}.hero-copy h1{margin:20px 0}.hero:after{background:linear-gradient(0deg,#050705 1%,#050705e0 14%,transparent 65%)}.tagline{font-size:11px;letter-spacing:8px;margin:24px 0 28px}.hero-bottom{font-size:7px;left:7%;right:7%;gap:10px}.hero-bottom>span:nth-child(2){display:none}.cross-one{left:9%;top:27%}.side-id{right:10px;font-size:7px}.section{padding:80px 7% 0}.section-heading{display:block;margin-bottom:30px}h2{font-size:39px;letter-spacing:-1.8px}.section-note{text-align:left;margin-top:24px;font-size:8px}.video-shell video{aspect-ratio:16/10}.video-label{top:12px;left:12px;font-size:6px}.caption{font-size:6px;letter-spacing:1px;gap:16px}.gallery{grid-template-columns:1fr;gap:26px}.frame-wide{grid-column:auto}.frame-wide img,.frame img{aspect-ratio:1.5}.frames{padding-bottom:70px}.frame span{font-size:8px}footer{padding:40px 7% 25px}footer .footer-links{margin-top:30px;font-size:7px}.intro-bottom{left:7%;right:7%;gap:15px;font-size:7px}.intro-logo{width:86vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Cinematic logo reveal: darkness > backlight > silver surface > portrait. */
.intro{background:#010301;transition:opacity 1.5s ease,visibility 1.5s;isolation:isolate}
.cinema-wordmark{position:relative;z-index:5;width:min(74vw,1150px);aspect-ratio:5.96;transform-style:preserve-3d;animation:cinema-camera 4s cubic-bezier(.2,.5,.2,1) both;filter:drop-shadow(0 12px 4px #000) drop-shadow(0 -1px 0 #75866a)}
.intro-logo{position:absolute;inset:0;width:100%;aspect-ratio:auto;background:linear-gradient(174deg,#182015 0%,#b7c4a9 19%,#e0e7d5 23%,#63715a 35%,#aab69e 42%,#2b3527 48%,#a5b09b 51%,#5c6951 68%,#9cab8c 76%,#283322 93%);animation:cinema-metal 4s ease both;filter:none}
.intro-sheen{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#caff9a0d 39%,#edffe9c9 49%,#bdff6e30 53%,transparent 65%);background-size:300% 100%;mask:url('assets/logo.png') center/contain no-repeat;-webkit-mask:url('assets/logo.png') center/contain no-repeat;mix-blend-mode:screen;animation:cinema-sheen 4s ease both}
.intro-rays{position:absolute;inset:-45%;z-index:1;background:repeating-conic-gradient(from 12deg at 50% 50%,transparent 0deg 9deg,#8cfa3820 10deg 11deg,transparent 13deg 29deg,#b1ff5a12 31deg 35deg,transparent 38deg 48deg);filter:blur(15px);mask-image:radial-gradient(ellipse,#000 0%,#0009 35%,transparent 66%);animation:cinema-rays 4s ease both}
.intro-aura{z-index:0;width:110vw;height:65vw;background:radial-gradient(ellipse,#9aff4b50 0%,#508d282c 22%,#173a0c30 44%,transparent 65%);filter:blur(30px);animation:cinema-aura 4s ease both}
.intro-mist{position:absolute;inset:-20%;z-index:2;opacity:0;background:radial-gradient(ellipse at 32% 58%,#8dff4026,transparent 24%),radial-gradient(ellipse at 66% 42%,#67b73420,transparent 24%),radial-gradient(ellipse at 48% 50%,#0000 4%,#0009 40%);filter:blur(35px);animation:cinema-mist 4s ease both;pointer-events:none}
.intro-vignette{position:absolute;inset:0;z-index:6;background:radial-gradient(ellipse at 50% 50%,transparent 15%,#0007 55%,#000e 93%);pointer-events:none}
.cinema-bar{position:absolute;left:0;right:0;height:11%;background:#000;z-index:7}.top-bar{top:0}.bottom-bar{bottom:0}
.intro-bottom{z-index:8;bottom:4.5%;font-size:8px;color:#78836f}.intro-bottom>span,.intro-bottom .loading-track{display:none}.intro-bottom{justify-content:flex-end}.intro-bottom button{opacity:.7}.intro-bottom button:hover{opacity:1;color:#b7ff76}
@keyframes cinema-camera{0%{transform:scale(1.22) translateZ(0)}100%{transform:scale(.98) translateZ(0)}}
@keyframes cinema-metal{0%,10%{opacity:0;filter:brightness(.02) blur(2px)}24%{opacity:.35;filter:brightness(.12) blur(1px)}42%{opacity:.9;filter:brightness(.38) blur(0)}65%{opacity:1;filter:brightness(.95)}85%,100%{opacity:1;filter:brightness(.83)}}
@keyframes cinema-sheen{0%,28%{opacity:0;background-position:150% 0}42%{opacity:.8}74%{opacity:.55;background-position:-50% 0}90%,100%{opacity:0;background-position:-50% 0}}
@keyframes cinema-rays{0%,8%{opacity:0;transform:scale(.7) rotate(-8deg)}35%{opacity:.35}60%{opacity:.95}100%{opacity:.5;transform:scale(1.08) rotate(6deg)}}
@keyframes cinema-aura{0%,8%{opacity:0;transform:scale(.45)}38%{opacity:.5}65%{opacity:1;transform:scale(1)}100%{opacity:.65;transform:scale(1.1)}}
@keyframes cinema-mist{0%,20%{opacity:0;transform:translateX(-4%) scale(.9)}65%{opacity:.7}100%{opacity:.4;transform:translateX(3%) scale(1.1)}}
@media(max-width:800px){.cinema-wordmark{width:87vw}.intro-aura{height:100vw;width:150vw}.cinema-bar{height:15%}.intro-rays{inset:-10% -100%}}

/* Preserve the complete stage photograph for the closing frame. */
.frame-finale img{aspect-ratio:auto;height:auto}

footer{padding-bottom:0}footer .footer-links{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:2px;color:#8a9980;margin-bottom:38px}footer .footer-art{display:block;margin:0;aspect-ratio:819/155;overflow:hidden}footer .footer-art img{display:block;width:100%;height:auto}
/* Live cinematic typography. No screenshot, JPEG, or cropped artwork. */
.footer-cinematic{position:relative;isolation:isolate;overflow:hidden;border-top:0;padding:55px 6.5% 0;background:linear-gradient(180deg,#050705 0%,#060a05 52%,#080e06 78%,#050705 100%)}
.footer-cinematic:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 54% 74%,#79c73c29 0%,#386a2421 24%,transparent 65%);pointer-events:none}
.footer-cinematic:after{content:'';position:absolute;left:20%;right:-15%;top:25%;height:70%;z-index:-1;background:conic-gradient(from 258deg at 62% 75%,transparent 0deg,#92ff4320 2deg,transparent 5deg 16deg,#79d64610 18deg,transparent 23deg 35deg,#a4ff4516 38deg,transparent 43deg);filter:blur(24px);mask-image:radial-gradient(ellipse,#000,transparent 69%);pointer-events:none}
.footer-cinematic .footer-links{position:relative;z-index:2;margin-bottom:0}
.doom-stage{position:relative;text-align:center;padding:85px 0 72px;isolation:isolate}
.doom-title{position:relative;display:inline-block;isolation:isolate;margin:0;padding:0 .045em .035em;font-family:Impact,'Arial Black',sans-serif;font-weight:900;font-size:clamp(55px,16.5vw,280px);font-style:normal;line-height:1;letter-spacing:-.025em;transform:skewX(-9deg) scaleY(1.07);white-space:nowrap;filter:drop-shadow(0 12px 6px #000b) drop-shadow(0 0 22px #83d94c1c)}
.doom-title:before{content:attr(data-title);position:absolute;inset:0;padding:inherit;z-index:-1;color:#182217;-webkit-text-stroke:2px #52634b;text-shadow:1px 1px #35422e,2px 2px #2c3a26,3px 3px #263321,4px 4px #1f2c1a,5px 5px #192415,6px 6px #101b0d,7px 7px #091107,8px 9px 3px #000}
.doom-title span{position:relative;display:block;color:#c7d0c0;background-image:linear-gradient(172deg,#eef4e7 0%,#7f8c77 17%,#b7c4ab 29%,#f0f5e9 37%,#76876a 44%,#a9b99a 47%,#3e5035 52%,#91a67c 67%,#d2dfc4 77%,#668653 87%,#28441f 100%),repeating-linear-gradient(72deg,#ffffff29 0 1px,#00000017 1px 2px,transparent 2px 5px);background-blend-mode:overlay;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.65px #c6d3b7;filter:drop-shadow(0 -1px 0 #ecf5dd77)}
.doom-title:after{content:attr(data-title);position:absolute;inset:0;padding:inherit;pointer-events:none;color:transparent;-webkit-text-stroke:1px #c6ff9c2e;mask-image:linear-gradient(0deg,#000 0%,transparent 52%);filter:drop-shadow(0 3px 5px #72ff2540)}
.doom-baseline{position:relative;max-width:88%;height:1px;margin:22px auto 0;background:linear-gradient(90deg,transparent,#4b773c55 20%,#b7e99d90 51%,#4b773c55 80%,transparent);box-shadow:0 9px 28px #82e84622}
@media(max-width:800px){.footer-cinematic{padding-top:35px}.doom-stage{padding:60px 0 50px}.doom-title{font-size:16vw;-webkit-text-stroke:0}.doom-title span{-webkit-text-stroke:.35px #c6d3b7}.doom-title:before{-webkit-text-stroke:1px #52634b;text-shadow:1px 1px #35422e,2px 2px #263321,3px 4px #101b0d}.doom-baseline{margin-top:14px}}

/* Exact BEATBOAT brand silhouette, with live silver edging and surface lighting. */
.brand-chrome{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 2px #b6ed9a55) drop-shadow(0 3px 8px #81ee3e45) drop-shadow(0 20px 18px #0009)}
.brand-shadow{filter:brightness(0);opacity:.85}
.brand-edge{filter:url(#brandRim) drop-shadow(0 1px 3px #8eff424f)}
.brand-texture{mix-blend-mode:soft-light;opacity:.38}
.footer-cinematic .doom-stage{padding-top:58px;padding-bottom:55px}
.footer-cinematic:before{background:radial-gradient(ellipse at 51% 70%,#79c73c22 0%,#386a241a 28%,transparent 68%)}
.footer-cinematic .doom-baseline{opacity:.45;margin-top:2px}
@media(max-width:800px){.footer-cinematic .doom-stage{padding-top:45px;padding-bottom:40px}}

/* Worn silver relief, emerald edge fire, and a slow travelling highlight. */
.brand-chrome{filter:drop-shadow(0 -1px 0 #e8f5da55) drop-shadow(0 2px 3px #a6ff6555) drop-shadow(0 0 16px #67d42c28) drop-shadow(0 19px 12px #000c)}
.brand-rough{mix-blend-mode:overlay;opacity:.72}.brand-texture{mix-blend-mode:soft-light;opacity:.28}.brand-scuffs{opacity:.18}.brand-bevel{opacity:.72;mix-blend-mode:screen}
.brand-glint{mix-blend-mode:screen;animation:brand-metal-sweep 10s ease-in-out infinite;pointer-events:none}
@keyframes brand-metal-sweep{0%,23%{transform:translateX(-150px);opacity:0}32%{opacity:.85}65%{transform:translateX(2300px);opacity:.65}73%,100%{transform:translateX(2300px);opacity:0}}
.footer-cinematic:before{background:radial-gradient(ellipse at 48% 69%,#6ed94429 0%,#224c231a 30%,transparent 68%)}
@media(prefers-reduced-motion:reduce){.brand-glint{animation:none;opacity:0}}

.extracted-brand-logo{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 22px #0008)}
.footer-cinematic .doom-stage{padding-top:10px;padding-bottom:30px}

/* Moving emerald stage lasers behind the final BEATBOAT wordmark. */
.footer-laser-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .7s;mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 84%,transparent 100%)}
.footer-laser-scene svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.footer-cinematic .doom-stage,.footer-cinematic .footer-links{position:relative;z-index:2}
.footer-cinematic .extracted-brand-logo{position:relative;z-index:2}
.footer-ray-core{fill:none;stroke:#68ff96;stroke-width:1.4;filter:drop-shadow(0 0 3px #38ff6e) drop-shadow(0 0 10px #25e65b99);opacity:.68}
.footer-ray-haze{fill:#32ee71;opacity:.045;filter:blur(5px)}
.footer-ray-bank{transform-box:view-box;transform-origin:51% 57%;animation:footer-laser-sweep 17s ease-in-out infinite alternate}
.footer-ray-bank.bank-1{animation-name:footer-laser-counter;animation-duration:21s;opacity:.7;transform-origin:56% 59%}
.footer-laser-fog{position:absolute;inset:-25%;background:radial-gradient(ellipse at 45% 65%,#1cba5538,transparent 37%),radial-gradient(ellipse at 70% 46%,#5ee83c1c,transparent 30%);filter:blur(35px);animation:footer-fog-drift 22s ease-in-out infinite alternate}
.footer-cinematic .doom-baseline{opacity:.3}
.fx-disabled .footer-laser-scene{opacity:0}
@keyframes footer-laser-sweep{from{transform:rotate(-6deg) scaleY(.88)}to{transform:rotate(5deg) scaleY(1.12)}}
@keyframes footer-laser-counter{from{transform:rotate(7deg) scaleY(1.06)}to{transform:rotate(-5deg) scaleY(.91)}}
@keyframes footer-fog-drift{from{transform:translateX(-3%) scale(1)}to{transform:translateX(4%) scale(1.12)}}
@media(max-width:800px){.footer-ray-core{stroke-width:2;opacity:.65}.footer-laser-scene{inset:-10% -25%}}
@media(prefers-reduced-motion:reduce){.footer-ray-bank,.footer-laser-fog{animation:none}}

/* Binary rain and restrained scanning light behind the footer lasers. */
.footer-digital-code{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.85;mix-blend-mode:screen;mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 83%,transparent 100%);transition:opacity .7s}
.fx-disabled .footer-digital-code{opacity:0}
@media(max-width:800px){.footer-digital-code{opacity:.65}}

/* Perspective green data tunnel inspired by the supplied technology reference. */
.footer-digital-code{opacity:1;mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 85%,transparent 100%)}
@media(max-width:800px){.footer-digital-code{opacity:.85}}

/* Smaller cinematic end title: original artwork assembles letter by letter from depth. */
.footer-logo-replay{display:block;position:relative;width:min(100%,1120px);aspect-ratio:2172/724;margin:0 auto;padding:0;perspective:1000px;isolation:isolate;overflow:visible;cursor:pointer}
.space-letter{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 50%;pointer-events:none;backface-visibility:hidden}
.footer-logo-replay.is-assembling .space-letter{animation:space-letter-arrive 1.65s cubic-bezier(.18,.55,.22,1) both;animation-delay:calc(var(--letter-index)*.16s)}
@keyframes space-letter-arrive{0%{opacity:0;transform:translate3d(0,-20px,-2100px) scale(.45);filter:blur(13px) brightness(1.8)}24%{opacity:.6}72%{opacity:1;transform:translate3d(0,0,45px) scale(1.015);filter:blur(.3px) brightness(1.15)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0) brightness(1)}}
.logo-replay-hint{font:8px monospace;letter-spacing:2px;color:#798f69;margin:-12px 0 28px;text-align:center}
.footer-cinematic .doom-stage{padding-top:16px;padding-bottom:25px}
.audio-gate{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px;background:radial-gradient(ellipse,#19300f5c,transparent 65%)}
.audio-gate[hidden]{display:none}.audio-gate p{font:9px monospace;letter-spacing:4px;color:#a2b48e}.audio-gate button{border:1px solid #80b94e8c;color:#c3ffa0;padding:22px 32px;font:12px monospace;letter-spacing:3px;background:#0d190dcc;box-shadow:0 0 40px #83f43d12}.audio-gate button span{margin-left:25px}.audio-gate small{font-size:11px;color:#819173}
.waiting-audio .cinema-wordmark,.waiting-audio .intro-rays,.waiting-audio .intro-aura,.waiting-audio .intro-mist{animation-play-state:paused;opacity:0!important}.waiting-audio .intro-sheen{animation-play-state:paused}.waiting-audio .intro-bottom{z-index:25}
nav .sound-toggle{font:8px monospace;letter-spacing:1px;padding:13px 10px;white-space:nowrap;border-color:#486236;color:#b7da98}
@media(max-width:800px){nav .sound-toggle{position:fixed;bottom:18px;right:16px;z-index:80;padding:12px;background:#071005e8;border:1px solid #496435}.logo-replay-hint{font-size:7px;margin-top:-4px}.footer-logo-replay{width:100%}}
@media(prefers-reduced-motion:reduce){.footer-logo-replay.is-assembling .space-letter{animation:none;opacity:1;transform:none;filter:none}}

/* BEATBOAT only: no subtitle or supporting gate copy. */
.footer-cinematic .footer-links{justify-content:flex-end}.hero-copy .watch-link{margin-top:30px}

/* Local, silent green video loop framed behind the centered logo. */
.footer-video-frame{position:absolute;inset:7% 4% 4%;z-index:0;pointer-events:none;overflow:hidden;border:1px solid #80ed452d;box-shadow:inset 0 0 45px #70dc3810,0 0 24px #70dc380c;mask-image:radial-gradient(ellipse at center,#000 25%,#000c 58%,transparent 85%);transition:opacity .7s}
.footer-video-frame video{display:block;width:100%;height:100%;object-fit:cover;opacity:.48;filter:brightness(.78) saturate(.9)}
.footer-video-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#05070544,transparent 25%,transparent 74%,#05070599),radial-gradient(ellipse at center,transparent 20%,#050705bb 90%)}
.has-video .footer-digital-code{display:none}.fx-disabled .footer-video-frame{opacity:0}
@media(max-width:800px){.footer-video-frame{inset:5% -12% 3%}.footer-video-frame video{opacity:.38}}

/* Brief tunnel-visual flash on refresh, before the four-second silver reveal. */
.intro-visual{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;animation:intro-visual-flash 4s ease-out both;mask-image:radial-gradient(ellipse at center,#000 20%,#000c 60%,transparent 90%)}
.intro-visual video{width:100%;height:100%;display:block;object-fit:cover;filter:brightness(.9) saturate(.85)}
.intro-visual:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,transparent 10%,#000b 90%)}
@keyframes intro-visual-flash{0%{opacity:.08;transform:scale(1.08)}12%{opacity:.55}35%{opacity:.42}62%{opacity:.16}85%,100%{opacity:0;transform:scale(1)}}
.waiting-audio .intro-visual{animation-play-state:paused;opacity:.16}
@media(prefers-reduced-motion:reduce){.intro-visual{animation:none;opacity:.12}.intro-visual video{visibility:hidden}}

/* Projection-ready fullscreen visual with disappearing playback controls. */
.footer-cinematic .doom-stage{padding-bottom:78px}
.visual-controls{position:absolute;bottom:24px;right:6.5%;z-index:6;display:flex;align-items:center;gap:12px;transition:opacity .4s}
.visual-controls button,.visual-controls a{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:10px 13px;border:1px solid #86ce4a44;border-radius:3px;background:#071006bb;color:#b2d697;font:8px monospace;letter-spacing:1.2px}
.visual-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.visual-controls button:hover,.visual-controls a:hover{border-color:#b5ff75;color:#d5ffbd}
.footer-cinematic:fullscreen,.footer-cinematic.visual-theater{position:fixed;inset:0;z-index:200;width:100vw;height:100dvh;max-width:none;margin:0;padding:0;display:grid;place-items:center;background:#020502;isolation:isolate}
.footer-cinematic.is-fullscreen .footer-links,.footer-cinematic.is-fullscreen .logo-replay-hint,.footer-cinematic.is-fullscreen .doom-baseline{display:none}
.footer-cinematic.is-fullscreen .doom-stage{width:100%;padding:0;margin:0}
.footer-cinematic.is-fullscreen .footer-logo-replay{width:min(80vw,1600px);max-height:80dvh;margin:0 auto}
.footer-cinematic.is-fullscreen .footer-video-frame{inset:0;border:0;box-shadow:none;mask-image:radial-gradient(ellipse,#000 28%,#000d 65%,#0008 100%)}
.footer-cinematic.is-fullscreen .footer-video-frame video{object-fit:cover;opacity:.6}
.footer-cinematic.is-fullscreen .visual-controls{position:absolute;right:24px;bottom:24px}.footer-cinematic.is-fullscreen .sound-player{right:auto;left:24px;bottom:24px}
.footer-cinematic.is-fullscreen.controls-hidden{cursor:none}.footer-cinematic.is-fullscreen.controls-hidden .visual-controls,.footer-cinematic.is-fullscreen.controls-hidden .sound-player{opacity:0;pointer-events:none}
@media(max-width:800px){.visual-controls{right:7%;left:7%;justify-content:center;bottom:18px;gap:8px}.visual-controls button,.visual-controls a{font-size:7px;padding:10px}.footer-cinematic.is-fullscreen .visual-controls{left:auto;right:12px;bottom:85px;display:flex;flex-direction:column;align-items:flex-end}.footer-cinematic.is-fullscreen .sound-player{left:12px;bottom:12px}}

/* Visual controls occupy their own corner and mobile row. */
.visual-controls{right:24px;left:auto}
@media(max-width:800px){.visual-controls{left:7%;right:7%;bottom:94px;justify-content:center}.footer-cinematic .doom-stage{padding-bottom:145px}.footer-cinematic.is-fullscreen .doom-stage{padding-bottom:0}.footer-cinematic.is-fullscreen .visual-controls{right:12px;left:auto;bottom:94px}}

@media(max-width:800px){header{gap:10px}.small-logo{flex:0 0 72px;width:72px}nav{gap:6px;font-size:8px;letter-spacing:1px}nav .fx-toggle{min-width:44px;font-size:7px;padding:9px 6px}nav #replay{width:27px;min-width:27px;height:30px;padding:4px;font-size:0}nav #replay:after{content:'↻';font-size:17px;line-height:1;color:#a3c989}}

@media(max-width:800px){.visual-controls,.footer-cinematic.is-fullscreen .visual-controls{bottom:124px}.footer-cinematic .doom-stage{padding-bottom:180px}.footer-cinematic.is-fullscreen .doom-stage{padding-bottom:0}}

.booking-status{display:flex;flex-direction:column;gap:9px;font-size:15px;line-height:1.4;letter-spacing:2px;font-weight:600}.booking-status em{font-size:13px;line-height:1.5;letter-spacing:.5px;color:#c4cdbd;font-weight:400}@media(max-width:800px){.booking-status{gap:7px;font-size:13px;letter-spacing:1.3px}.booking-status em{font-size:12px;letter-spacing:.3px}}