/* Approved desktop alignment patch. Mobile keeps the live v8 portrait intro. */
@keyframes hero-alignment-fail-open {
  to {
    opacity: 1;
  }
}

@media (min-width: 761px) {
  .loading-hero {
    min-height: 100svh;
  }

  .loading-hero::after {
    display: none;
  }

  .loading-hero-media {
    width: 100%;
    opacity: 0;
    box-shadow: none;
    animation: hero-alignment-fail-open 1ms linear 1400ms forwards;
  }

  html[data-hero-alignment-ready="true"] .loading-hero-media {
    opacity: 1;
    animation: none;
    transition: opacity 320ms ease;
  }

  .loading-hero-poster,
  .loading-hero-video,
  .loading-hero-poster img,
  .loading-hero-video video {
    object-fit: cover;
    object-position: center center;
  }

  html[data-loading-reveal="true"] .site-header {
    transition:
      opacity 560ms ease,
      visibility 560ms ease,
      background 560ms ease,
      border-color 560ms ease,
      color 560ms ease;
  }
}

@media (min-width: 761px) and (min-aspect-ratio: 2 / 1) {
  .loading-hero-poster,
  .loading-hero-video,
  .loading-hero-poster img,
  .loading-hero-video video {
    object-fit: contain;
  }
}

@media (min-width: 761px) and (orientation: landscape) and (max-height: 607px) {
  .loading-hero {
    height: 100svh;
    min-height: 100svh;
  }
}

@media (min-width: 761px) and (prefers-reduced-motion: reduce) {
  .loading-hero-media,
  html[data-hero-alignment-ready="true"] .loading-hero-media,
  html[data-loading-reveal="true"] .site-header {
    transition: none;
  }

  .loading-hero-media,
  html[data-hero-alignment-ready="true"] .loading-hero-media {
    opacity: 1;
    animation: none;
  }
}