/* =========================================================
   LAYOUT
   ========================================================= */

section {
    width: 100%;
    padding: var(--section-padding) 0;
}

.section-inner {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 var(--container-padding-x);
    box-sizing: border-box;
}

.section-inner-wide {
    max-width: var(--container-wide);
    margin: 0 auto;
    padding: 0 var(--container-padding-x);
    box-sizing: border-box;
}

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

.section-header {
    text-align: center;
    margin-bottom: var(--section-header-gap);
}