/* ==========================================================================
   Layout
   ========================================================================== */

.container {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

.section {
    padding: var(--spacing-4xl) 0;
}

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

.section-title {
    font-size: 36px;
    font-weight: var(--font-medium);
    color: var(--color-black);
    margin-bottom: var(--spacing-lg);
}

.section-subtitle {
    font-size: 16px;
    font-weight: var(--font-medium);
    color: var(--color-text-light);
    max-width: 710px;
    margin: 0 auto;
    line-height: 1.4;
    text-align: center;
}