/* Explain: Modern layout utilities with clean spacing and section padding. - */
.section-pad {
    padding-top: clamp(5rem, 8vw, 7rem);
    padding-bottom: clamp(5rem, 8vw, 7rem);
}

.hero-split {
    background: var(--secondary-color);
}

.contact-section {
    background: var(--surface-color);
}