/* Explain: Layout utilities for section spacing, grid structures, and background variations. */
.section-pad {
    padding-top: clamp(5rem, 9vw, 8rem);
    padding-bottom: clamp(5rem, 9vw, 8rem);
}

.hero-split {
    background:
        radial-gradient(120% 90% at 88% -12%, rgba(201, 162, 39, 0.18) 0%, rgba(201, 162, 39, 0) 55%),
        linear-gradient(180deg, #1E4536 0%, #163528 100%);
}

.section-soft {
    background:
        radial-gradient(90% 70% at 100% 0%, rgba(201, 162, 39, 0.10) 0%, rgba(201, 162, 39, 0) 60%),
        var(--soft-green);
}

.contact-section {
    background:
        radial-gradient(90% 70% at 0% -10%, rgba(201, 162, 39, 0.16) 0%, rgba(201, 162, 39, 0) 55%),
        linear-gradient(180deg, #1E4536, #163528);
}