/**
 * Hero: met galerij/slider (bibliotheek: .hero-gallery, gevolgd door een
 * rij met de Afbeeldingen-slider) en .ptrn-herobigimage (kop links,
 * tekst rechts, foto eronder).
 *
 * Figma: SECTIONS → Hero → "Carousel Centered" / "Splitscreen": verloop
 * en witte tekst (hero-_basis.css); de foto's vallen over de onderkant
 * van het verloop (overlap regelt de plugin) en hebben dezelfde afronding.
 */

.hero-gallery {
    text-align: center;

    .kb-buttons-wrap {
        justify-content: center;
    }
}

.hero-gallery + .kb-row-layout-wrap .carmel-image-slider__slide,
.hero-gallery + .kb-row-layout-wrap .carmel-image-slider__slide img {
    border-radius: var(--alma-hero-radius);
    overflow: hidden;
}