/* ===============
   SECTIONS
=============== */

.section {
    padding: 105px 0;
}

.small-section {
    padding: 55px 0;
}

.light-section {
    background: var(--light);
}

.dark-section {
    background: var(--dark-2);
}

.section-heading {
    margin-bottom: 55px;
}

.section-heading.center {
    text-align: center;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.section-label {
    display: inline-block;
    color: var(--primary-color);
    font-weight: 700;
    letter-spacing: 0.13em;
    margin-bottom: 10px;
}

.section-heading h2 {
    line-height: 1.1;
    letter-spacing: -0.035em;
    margin-bottom: 14px;
}

.section-heading p {
    color: var(--muted);
    line-height: 1.7;
}



/* Grids */
.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
    align-items: stretch;
}

.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-md);
}

.grid-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--spacing-md);
}