body {
    font-family: var(--font-primary);
    background: var(--color-background);
    color: var(--color-black);
    line-height: 1.6;
}

.container {
    width: min(90%, var(--max-width));
    margin-inline: auto;
}

section {
    padding: 100px 0;
}

.section-heading {
    max-width: 820px;
    margin-bottom: 56px;
}

.section-eyebrow {
    display: inline-block;

    margin-bottom: 16px;

    color: var(--color-green);

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

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

.section-title {
    font-size: clamp(2.4rem, 5vw, 4.8rem);

    line-height: 1.05;

    letter-spacing: -0.04em;

    font-weight: 700;
}

.section-description {
    max-width: 720px;

    margin-top: 22px;

    color: var(--color-gray);

    font-size: 1.1rem;

    line-height: 1.75;
}