.section-heading {
    max-width: 720px;
    margin-bottom: var(--space-xl);
}

.section-heading--center {
    margin-inline: auto;
    text-align: center;
}

.section-heading__eyebrow {
    display: inline-block;

    margin-bottom: var(--space-xs);

    color: var(--color-primary);

    font-size: 0.875rem;
    font-weight: 700;

    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.section-heading__title {
    margin-bottom: var(--space-sm);

    font-size: clamp(2rem, 4vw, 3.25rem);
}

.section-heading__text {
    margin-bottom: 0;

    color: var(--color-text-light);

    font-size: 1.05rem;
}