/* Explain: Layout utilities for structured, classic sections */
.section-pad {
    padding-top: clamp(4.5rem, 8vw, 7rem);
    padding-bottom: clamp(4.5rem, 8vw, 7rem);
}

.hero-split {
    background: var(--surface-color);
    border-bottom: 1px solid var(--border-color);
}

.contact-section {
    background: var(--surface-color);
    border-top: 1px solid var(--border-color);
}