/* Explain: Layout utilities for page sections and hero areas. */
.section-pad {
    padding-top: clamp(4.5rem, 9vw, 8rem);
    padding-bottom: clamp(4.5rem, 9vw, 8rem);
}

.page-hero {
    position: relative;
    overflow: hidden;
    padding-top: clamp(9rem, 18vw, 12.5rem);
    padding-bottom: clamp(4rem, 8vw, 6rem);
}