.brand-film-stage{--charge:0;--portal-x:69%;--portal-y:35%}
.brand-film-stage:before{display:none}
.brain-resonance{position:absolute;inset:0;pointer-events:none;z-index:1;background:inherit;background-image:url('./brand-film/external-brain-poster-v1.png');background-size:cover;background-position:center;mix-blend-mode:screen;opacity:calc(var(--charge)*.46);mask-image:radial-gradient(ellipse at var(--portal-x) var(--portal-y),#000 0 20%,transparent 54%);transform:scale(calc(1 + var(--charge)*.015));transform-origin:var(--portal-x) var(--portal-y)}
.brain-aura{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at var(--portal-x) var(--portal-y),#6dbdff48,transparent 52%);opacity:var(--charge)}
.brand-film-stage .film-play{left:var(--portal-x)!important;top:var(--portal-y)!important;width:88px!important;height:88px!important;transform:translate(-50%,-50%)!important;translate:none!important;animation:none!important;background:#071729c9;color:#e3f5ff;border:1px solid #aad9ff77;box-shadow:0 0 26px #6ccfff35;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:box-shadow .2s;outline-offset:10px}
.brand-film-stage .film-play:before{inset:-10px;border:1px solid #91d5ff33;box-shadow:none;animation:none}
.brand-film-stage .film-play:after{inset:-22px;border:1px solid #92d6ff1a;box-shadow:none;animation:none;scale:1;opacity:1}
.film-play .portal-symbol{font-size:22px;line-height:1;margin-left:4px;pointer-events:none}
.portal-progress{position:absolute;width:116px;height:116px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);overflow:visible;pointer-events:none}
.portal-progress circle{fill:none;stroke-width:2}.portal-track{stroke:#a6d9f524}.portal-fill{stroke:#cff2ff;stroke-linecap:round;stroke-dasharray:301.593;stroke-dashoffset:calc(301.593 * (1 - var(--charge)));filter:drop-shadow(0 0 4px #66cfff)}
.portal-label{position:absolute;left:50%;top:calc(100% + 28px);transform:translateX(-50%);display:block;text-align:center;white-space:nowrap;line-height:1.7;font-size:13px;font-weight:500;color:#eff9ff;text-shadow:0 2px 9px #000;pointer-events:none}
.portal-label small{display:block;font:10px/1.8 monospace;letter-spacing:.15em;color:#adc9dd}
.brand-film-stage.is-charging .film-play{box-shadow:0 0 0 8px #76caff13,0 0 58px #6bc9ff6b;background:#173d55db}
.portal-door{position:absolute;z-index:5;left:var(--portal-x);top:var(--portal-y);width:116px;aspect-ratio:1;border:1px solid #b4e4ffb3;border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 25px #73b9ff33,0 0 25px #73b9ff33;opacity:0;pointer-events:none}
.brand-film-stage.portal-opening .portal-door{animation:portal-open 1s cubic-bezier(.16,.8,.24,1) both}
.brand-film-stage.portal-opening .film-play{border-color:#e5faff;box-shadow:0 0 48px #7cd6ff80}
.portal-message{position:absolute;left:5%;right:5%;bottom:16px;color:#c2dbea;z-index:8;font-size:12px;margin:0;min-height:18px}
.brand-film-stage .film-copy{bottom:24px}
.portal-direct{position:absolute;z-index:9;right:18px;bottom:16px;padding:7px 12px;color:#eaf6ff;background:#102537;border:1px solid #8cbdcc66;border-radius:4px;cursor:pointer}
.portal-direct[hidden]{display:none}
.brand-film video{object-fit:contain}
.brand-film.is-playing .brand-film-stage{aspect-ratio:16/9;min-height:0}
.brand-film.is-playing .film-play{visibility:hidden}
.brand-film.is-playing .brain-resonance,.brand-film.is-playing .brain-aura,.brand-film.is-playing .portal-door,.brand-film.is-playing .portal-message{display:none}
@keyframes portal-open{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}70%{opacity:.45}100%{opacity:0;transform:translate(-50%,-50%) scale(9)}}
@media(max-width:650px){.brand-film-stage{--portal-x:68%;--portal-y:31%}.brand-film-stage .film-play{width:64px!important;height:64px!important}.portal-progress{width:92px;height:92px}.portal-label{font-size:12px;top:calc(100% + 24px)}.portal-label small{font-size:9px}.portal-message{font-size:11px;bottom:10px}.portal-door{width:92px}}
@media(prefers-reduced-motion:reduce){.brain-resonance{transform:none}.brand-film-stage.portal-opening .portal-door{animation:none}.brand-film-stage .film-play{transition:none}}