/* Explain: Section rhythm and gradient backdrops. */
.section-pad {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
    scroll-margin-top: 5rem;
}

.bg-gradient-dawn {
    background: linear-gradient(160deg, var(--cream) 0%, var(--warm-cream) 100%);
}

.bg-gradient-dusk {
    background: linear-gradient(155deg, var(--forest) 0%, var(--sage) 100%);
}

.bg-gradient-mist {
    background: linear-gradient(180deg, #ffffff 0%, var(--cream) 100%);
}

@media (min-width: 1024px) {
    .section-pad {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}