/* =========================================
   SECTIONS — rythme vertical des blocs de page
   ========================================= */

.section {
    padding-block: var(--space-xl);
}

.section--tight {
    padding-block: var(--space-md) var(--space-xl);
}

.section--alt {
    background-color: var(--color-background-alt);
}

.section__title {
    margin-bottom: var(--space-lg);
}

.section__more {
    margin-top: var(--space-lg);
}

@media (max-width: 640px) {
    .section {
        padding-block: var(--space-lg);
    }
}