/* The shared carousel stays behind each page's existing overlay and content. */
[data-hero-carousel] > .hero-slides { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
[data-hero-carousel] > .hero-slides .hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; transition: opacity 1.15s ease; }
[data-hero-carousel] > .hero-slides .hero-image.is-active { opacity: 1; }
[data-hero-carousel] > [class$="-hero-overlay"] { z-index: 1; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
    [data-hero-carousel] > .hero-slides .hero-image { animation: none; transform: none; transition: none; }
}