/* Autumn hero video.
   Portrait screens use a 4:3 box with a central crop.
   Landscape screens use the 1920x980 aspect ratio of the video.
   If the viewport limits the height, the full video fits inside the box. */
.home-hero {
  width: 100%;
  aspect-ratio: 4 / 3;
  max-height: calc(100vh - 104px);
}

@media (orientation: landscape) {
  .home-hero {
    aspect-ratio: 96 / 49;
  }
}

@supports not (aspect-ratio: 1 / 1) {
  .home-hero {
    height: 75vw;
  }

  @media (orientation: landscape) {
    .home-hero {
      height: 51.041667vw;
    }
  }
}

.home-hero .h-classic-box {
  min-height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Keep the scroll chevron clear of the video. */
.home-hero .down-indicator {
  display: none;
}

.home-hero .hero-video {
  background-color: #1a1512;
}

.home-hero .hero-video video {
  min-width: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (orientation: landscape) {
  .home-hero .hero-video {
    background-size: contain;
  }

  .home-hero .hero-video video {
    -o-object-fit: contain;
    object-fit: contain;
  }
}

.home-hero .hero-video video {
  width: 100%;
  object-position: center;
}

@media (prefers-reduced-motion: reduce) {
  .home-hero .hero-video video {
    display: none;
  }
}