/* v159: immediate poster plus delayed, device-specific hero video. */
.top-video-banner[data-hero-banner-v159]{
  position:relative;
  isolation:isolate;
  width:100%;
  aspect-ratio:1648 / 516;
  min-height:0;
  overflow:hidden;
  background:#0d0b09;
}

.top-video-banner[data-hero-banner-v159] .top-video-poster,
.top-video-banner[data-hero-banner-v159] .top-video-poster img,
.top-video-banner[data-hero-banner-v159] video{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}

.top-video-banner[data-hero-banner-v159] .top-video-poster{
  z-index:1;
  opacity:1;
  transition:opacity .9s ease;
}

.top-video-banner[data-hero-banner-v159] .top-video-poster img,
.top-video-banner[data-hero-banner-v159] video{
  object-fit:cover;
  object-position:center center;
}

.top-video-banner[data-hero-banner-v159] video{
  z-index:2;
  opacity:0;
  transition:opacity .9s ease;
}

.top-video-banner[data-hero-banner-v159].is-video-playing video{opacity:1}
.top-video-banner[data-hero-banner-v159].is-video-playing .top-video-poster{opacity:0}

@media(max-width:760px){
  .top-video-banner[data-hero-banner-v159]{aspect-ratio:16 / 9}
}

@media(prefers-reduced-motion:reduce){
  .top-video-banner[data-hero-banner-v159] .top-video-poster,
  .top-video-banner[data-hero-banner-v159] video{transition:none}
}