.zero-hero-media .zero-fader-stage{position:absolute;inset:0;overflow:hidden;width:100%;height:100%;background:#070a14}
.zero-hero-media{position:relative}
.zero-fader-stage .zero-fader-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-property:opacity;transition-timing-function:ease-in-out}
.zero-fader-stage .zero-fader-photo.is-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.zero-fader-stage .zero-fader-photo{transition:none!important}}
/* Change the actual GRID height, not the outer section; keep all three panes aligned. */
@media (min-width:1051px){
  .home .zero-hero-showcase:has(.zero-fader-stage){height:auto!important;max-height:none!important;overflow:visible!important}
  .home .zero-hero-showcase-grid:has(.zero-fader-stage){height:355px!important;min-height:355px!important;max-height:355px!important}
  .home .zero-hero-showcase-grid .zero-hero-media:has(.zero-fader-stage){height:355px!important;min-height:355px!important;max-height:355px!important}
}

/* Fill the existing middle pane, without letterboxing or changing its width. */
.home .zero-hero-showcase-grid .zero-hero-media:has(.zero-fader-stage){overflow:hidden!important}
.home .zero-hero-media .zero-fader-stage{inset:0!important;display:block!important}