/* Keep the newly selected poster visible until its first decoded video frame. */
.intro-loading-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111;pointer-events:none;z-index:0}
.intro-film video{position:relative;z-index:1;opacity:0;transition:opacity .15s ease}
.intro-studio[data-frame-ready=true] .intro-film video{opacity:1}
.intro-studio[data-active=true] .intro-film{transform:translate(-50%,-50%) scale(1);box-shadow:0 42px 90px #000b,0 0 0 1px #ffffff18}
@media(prefers-reduced-motion:reduce){.intro-film video{transition:none}}

.intro-film .intro-media-control{z-index:2}