html.intro-pending{overflow:hidden}
#brand-intro[hidden]{display:none!important}
html.intro-pending #brand-intro{display:grid!important}
#brand-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#030604;isolation:isolate;perspective:1100px}
.intro-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse at center,#2b553444 0,#162b1722 30%,transparent 62%);opacity:0}
.intro-stage{position:relative;width:min(88vw,1250px);height:min(75vh,620px);display:grid;place-items:center;transform-style:preserve-3d;will-change:transform}
.intro-wordmark{width:100%;max-height:100%;object-fit:contain;position:absolute;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 10px 8px #000) drop-shadow(0 0 22px #d3b77320);transform-origin:center}
.intro-star{position:absolute;width:min(37vw,400px);height:min(56vh,400px);object-fit:contain;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 0 24px #d5b05f44)}
.intro-skip{position:absolute;right:max(26px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));border:1px solid #b69a5155;color:#e2cf9c;background:#070b08aa;padding:13px 19px;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;cursor:pointer}
.intro-skip:hover{border-color:#d9ba72}.intro-skip:focus-visible,.intro-replay:focus-visible{outline:2px solid #e2bf70;outline-offset:5px}
.intro-replay{border:0;border-bottom:1px solid #857348;background:none;color:#c5af78;font:10px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer;padding:6px 0;align-self:center;white-space:nowrap}
.logo-clean{mix-blend-mode:normal!important;filter:drop-shadow(0 12px 18px #0009);margin-top:50px!important;margin-bottom:35px!important}
@media(max-width:760px){.intro-stage{width:94vw;height:65vh}.intro-star{width:62vw;height:62vw}.intro-skip{bottom:25px;right:22px}footer{flex-wrap:wrap}.logo-clean{margin-top:40px!important;margin-bottom:30px!important}}
@media(prefers-reduced-motion:reduce){html.intro-pending{overflow:auto}html.intro-pending #brand-intro{display:none!important}html{scroll-behavior:auto!important}.intro-replay{display:none}.shot img{transition:none}}

.intro-fire{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.95}
#brand-intro.waiting .intro-wordmark{opacity:1;transform:scale(.9)}
#brand-intro.waiting .intro-glow{opacity:.65}
.intro-enter{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;z-index:3;white-space:nowrap}
.intro-enter[hidden]{display:none}
.intro-sound{padding:17px 25px;color:#140c02;border:1px solid #eeb557;background:linear-gradient(120deg,#f8d78d,#bd7c28);font:bold 10px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer;box-shadow:0 0 30px #f3982622}
.intro-silent{color:#c0ad8a;background:none;border:0;border-bottom:1px solid #79654c;padding:10px 0;font:10px Arial,sans-serif;letter-spacing:1px;cursor:pointer}
.intro-sound:focus-visible,.intro-silent:focus-visible{outline:2px solid #f3bf65;outline-offset:6px}
@media(max-width:760px){.intro-enter{bottom:18%;flex-direction:column;gap:6px}.intro-stage{height:50vh}.intro-skip{font-size:9px}}

.intro-enter,.intro-skip,.intro-replay{display:none!important}