/* ==========================================================
   CONTAINER
   ========================================================== */

.container {
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: clamp(var(--space-250), 4vw, var(--space-500));
}

/* ==========================================================
   SECTION
   ========================================================== */

.section {
    padding-block: clamp(var(--space-600), 9vw, var(--space-700));
    scroll-margin-top: calc(var(--header-height) + var(--header-offset) + var(--space-300));
}