/* Hero banner slideshow — crossfade, no controls */
.banner--carousel { position: relative; overflow: hidden; }
.banner--carousel .banner__slide {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background-size: inherit; background-position: inherit; background-repeat: no-repeat;
  opacity: 0; transition: opacity 1.2s ease-in-out;
}
.banner--carousel .banner__slide.is-active { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .banner--carousel .banner__slide { transition: none; } }