/* Mobile hero crossfade. The desktop hero and all copy/CTAs remain unchanged. */
@media (max-width: 640px) {
  .hero.mobile-hero-slideshow-ready {
    isolation: isolate;
  }

  .hero .mobile-hero-slide {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 900ms ease;
    pointer-events: none;
  }

  .hero .mobile-hero-slide.is-visible {
    opacity: 1;
  }

  .hero.mobile-hero-slideshow-ready .hero-shade {
    z-index: 1;
  }

  .hero.mobile-hero-slideshow-ready .energy-line,
  .hero.mobile-hero-slideshow-ready .hero-content {
    z-index: 2;
  }
}

@media (max-width: 640px) and (prefers-reduced-motion: reduce) {
  .hero .mobile-hero-slide {
    transition: none;
  }
}