/* Keep a native photograph visible until the decoder has delivered a frame. */
.brand-intro{background:#0a1020}
.intro-poster{position:absolute;inset:0;display:block;z-index:0}
.intro-poster img{display:block;width:100%;height:100%;object-fit:cover}
.brand-intro video{z-index:1;opacity:0;transition:opacity .2s ease}
.brand-intro.has-video video{opacity:1}
.intro-shade{z-index:2}
.intro-top,.intro-bottom,.intro-progress,.intro-loading,.intro-play{z-index:3}
.brand-intro .intro-play{z-index:4}
.intro-loading{padding:12px 18px;border-radius:30px;background:#09142399;white-space:nowrap;text-shadow:0 1px 8px #000}
@media(prefers-reduced-motion:reduce){.brand-intro video{transition:none}}