/* Keep the floating header over the hero without reserving a white band. */
body.simple-site.home-page { display: grid; }
.home-page > .unified-header,
.home-page > .simple-main { grid-area: 1 / 1; }
.home-page > .unified-header { align-self: start; }
.home-page > .site-footer { grid-area: 2 / 1; }

.home-page .home-video-hero,
.home-page .home-video-hero .hero-stage {
  min-height: 100vh;
  min-height: 100dvh;
}

.home-video-hero::before {
  background:
    linear-gradient(90deg, rgba(17, 28, 34, .62), rgba(17, 28, 34, .4) 35%, rgba(17, 28, 34, .05) 70%),
    linear-gradient(180deg, transparent 55%, rgba(17, 28, 34, .18));
}

.home-video-hero .home-hero-poster,
.home-video-hero .home-hero-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 57% center;
}

.home-video-hero .home-hero-video {
  opacity: 0;
  transition: opacity 900ms ease;
  pointer-events: none;
}

.home-video-hero.is-video-ready .home-hero-video { opacity: 1; }

@media (max-width: 760px) {
  .home-page .hero-stage { padding-top: 13rem; }
  .home-video-hero::before {
    background: linear-gradient(180deg, rgba(17, 28, 34, .02), rgba(17, 28, 34, .28) 35%, rgba(17, 28, 34, .72) 76%);
  }
  .home-video-hero .home-hero-poster,
  .home-video-hero .home-hero-video { object-position: 48% center; }
}

@media (max-width: 430px) {
  .home-page .hero-stage { padding-top: 17rem; }
}

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