/* Explain: Layout styles for sections, including padding and background gradients. */
.section-pad {
    padding-top: clamp(5rem, 9vw, 8rem);
    padding-bottom: clamp(5rem, 9vw, 8rem);
}

.hero-split {
    position: relative;
    background-image:
        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%);
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
}

.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);
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
}