/*  ========================================================
    #HERO / БОЛЬШЕ ЧЕМ КОМПАНИЯ
    ======================================================== */

.hero {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    color: var(--color-black);
    text-align: center;
    margin-inline: auto;
    max-width: 72.125rem;
}

.hero__title {
    font-family: var(--font-unbounded);
    font-size: var(--font-h2-desktop);
    font-weight: 900;
    text-transform: uppercase;
}

.hero__description {
    font-size: var(--font-h3-desktop);
    font-weight: normal;
    color: var(--color-gray-text);
}

@media (max-width: 1024px) {
    /*  #1024_HERO  */

    .hero {
        gap: 3.444rem;
    }

    .hero__title {
        font-size: 3.788rem;
    }

    .hero__description {
        font-size: 1.492rem;
    }
}

@media (max-width: 768px) {
    /*  #768_HERO  */

    .hero {
        max-width: 51.425rem;
        gap: 3.214rem;
    }

    .hero__title {
        font-size: 3.696rem;
    }

    .hero__description {
        font-size: 1.928rem;
    }
}