/* Full-width cinematic composition: keep the story clear of the overlay header. */
@media (min-width: 821px) {
  .hero { min-height: 880px !important; }
  .hero-copy.hero-story {
    width: min(900px, 60%) !important;
    min-height: 880px !important;
    padding-top: 160px !important;
    padding-bottom: 70px !important;
  }
  .hero-slides { min-height: 500px !important; }
  .hero-slide h1 {
    font-size: clamp(52px, 4.3vw, 76px) !important;
    max-width: 900px !important;
  }
}

@media (max-width: 820px) {
  .hero { height: 100svh !important; min-height: 700px !important; }
  .hero-copy.hero-story {
    min-height: 700px !important;
    padding: 128px 22px 38px !important;
  }
  .hero-slides { min-height: 370px !important; }
  .hero-visual .hero-motion-video { object-position: 60% center !important; }
}