/* One shared Hero media frame: video and scheduled promo poster alternate */
.vax-hero-promo-frame[hidden]{display:none!important}
.vax-hero-promo-frame{position:absolute;inset:0;z-index:3;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#131612}
.vax-hero-promo-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}
.hero.vax-hero-show-promo .hero-wash,.hero.vax-hero-show-promo .hero-inner,.hero.vax-hero-show-promo .hero-bottom{visibility:hidden}
@media(max-width:650px){.vax-hero-promo-frame img{object-fit:contain}}

/* Promo mobile: poster owns the same Hero media frame without unused black space */
@media(max-width:650px){
 .hero.vax-hero-show-promo{height:auto;min-height:0;display:block}
 .hero.vax-hero-show-promo .hero-visual{height:auto;min-height:0;position:relative;display:block}
 .hero.vax-hero-show-promo .hero-visual video{visibility:hidden}
 .hero.vax-hero-show-promo .vax-hero-promo-frame{position:relative;inset:auto;width:100%;height:auto;display:block}
 .hero.vax-hero-show-promo .vax-hero-promo-frame img{display:block;width:100%;height:auto;object-fit:contain}
 .hero.vax-hero-show-promo .hero-inner,.hero.vax-hero-show-promo .hero-bottom{display:none}
}
/* During mobile promo: retain headline only, positioned directly below full poster */
@media(max-width:650px){
 .hero.vax-hero-show-promo{display:flex;flex-direction:column}
 .hero.vax-hero-show-promo .hero-inner{
  display:block;visibility:visible;position:relative;width:100%;
  padding:26px 22px 30px;background:#171817
 }
 .hero.vax-hero-show-promo .hero-inner>*{display:none!important}
 .hero.vax-hero-show-promo .hero-inner>h1{
  display:block!important;visibility:visible;margin:0;
  font-size:clamp(66px,16vw,106px);line-height:.88
 }
}