.sp-home-hero-media {
  position: absolute;
  inset-inline: 0;
  top: -56px;
  bottom: 0;
  overflow: hidden;
  background: #e1eff8 url("/assets/owned/simpriest/home-hero-poster.jpg") center / cover no-repeat;
}

.sp-home-hero-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% center;
}

.sp-home-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(240, 247, 252, 0.95) 0%, rgba(240, 247, 252, 0.87) 30%, rgba(240, 247, 252, 0.48) 52%, rgba(240, 247, 252, 0.1) 76%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(10, 30, 48, 0.08));
}

@media (min-width: 1024px) {
  .sp-home-hero-media {
    top: -72px;
  }
}

@media (max-width: 767px) {
  .sp-home-hero-video {
    object-position: 60% center;
  }

  .sp-home-hero-media::after {
    background: linear-gradient(180deg, rgba(240, 247, 252, 0.96) 0%, rgba(240, 247, 252, 0.9) 54%, rgba(240, 247, 252, 0.38) 78%, rgba(240, 247, 252, 0.12) 100%);
  }

  .sp-home-hero-media + [data-section="Hero"] {
    overflow: hidden;
  }

  .sp-home-hero-media + [data-section="Hero"] [data-testid="destination-modal-button"] {
    box-sizing: border-box;
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
    padding-inline-end: 64px;
  }

  .sp-home-hero-media + [data-section="Hero"] li,
  .sp-home-hero-media + [data-section="Hero"] li p {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sp-home-hero-video {
    visibility: hidden;
  }
}