/**
 * Hero: splitscreen met grote foto (bibliotheek: .ptrn-herobigimage met
 * daarin een geneste .ptrn-bighero-rij; kop links, tekst en knop rechts,
 * gevolgd door .hero-text-centered-image).
 *
 * Figma: SECTIONS → Hero → "Splitscreen". Het verloop zit op het vlak
 * (hero-_basis.css), de foto eronder op hero-text-centered.css.
 */

/* De geneste rij is alignfull en zou anders tot de rand van het scherm
   uitsteken; binnen het vlak blijft hij binnen het vlak. */
.ptrn-herobigimage .ptrn-bighero {
    width: auto !important;
    max-width: none !important;
    margin-inline: 0 !important;

    > .kt-row-column-wrap {
        padding-inline: clamp(24px, 5vw, 80px) !important;
    }
}