/* Source: 04-layout.css | Refactored location: assets/css/foundation/layout.css */
/* ===============================
   3. Layout
================================ */
.container {
    width: min(100% - (var(--gutter) * 2), var(--container));
    max-width: var(--container);
    margin: 0 auto;
    padding: 0;
}
.container.wide,
.container--wide {
    max-width: var(--container-wide);
}
.container.narrow,
.container--narrow {
    max-width: var(--container-narrow);
}
.container.reading,
.container--reading {
    max-width: var(--container-reading);
}
.section {
    padding: var(--section-space) 0;
}
.section--light {
    background: var(--color-light);
}
.section--tight {
    padding: var(--section-space-tight) 0;
}
.section--compact {
    padding: var(--section-space-compact) 0;
}
.section--center {
    text-align: center;
}
.wp-site-blocks > main > :where(.section, .wp-block-cover, .nofcc-section-background):first-child {
    margin-top: 0;
}
@media (max-width: 760px) {
    .section {
        padding: clamp(72px, 14vw, 96px) 0;
    }
    .section--tight {
        padding: clamp(56px, 11vw, 78px) 0;
    }
}