/* The complete static scene remains under a single progressive video layer. */
.home-hero .hero-banner-shell > .hero-background { display: block; width: 100%; height: 100%; }
.home-hero .hero-banner { filter: none; }
.home-hero .hero-copy-panel { backdrop-filter: none; -webkit-backdrop-filter: none; }
.scene-video {
  z-index: 1;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  opacity: 0;
}
[data-video-state="playing"] > .scene-video { opacity: 1; }
.hero-card-layer {
  position: absolute; inset: 0; z-index: 3;
  display: block; width: 100%; height: 100%; pointer-events: none;
}
.hero-card-layer > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: none; }
@media (max-width: 800px) {
  .home-hero .scene-video, .home-hero .hero-card-layer { height: auto; aspect-ratio: 16 / 9; }
}
@media (prefers-reduced-motion: reduce), (prefers-reduced-data: reduce) {
  .scene-video { display: none; }
}