/* ==========================================
   TYPOGRAPHY — HEADINGS
   ========================================== */
h1, h2, h3, h4, h5, h6,
.t-title,
.t-title_xl,
.t-title_xxl,
.t-uptitle {
    font-family: 'Inter Tight', 'Inter', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: -0.04em !important;
    line-height: 1.1 !important;
}
h2 {
    letter-spacing: -0.03em !important;
    line-height: 1.1 !important;
}
h3, h4 {
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
}

/* ==========================================
   TYPOGRAPHY — BODY
   ========================================== */
body,
p,
.t-text,
.t-descr,
.t-name,
.t-card__descr {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: -0.01em !important;
    font-variant-numeric: tabular-nums;
}

/* ==========================================
   TYPOGRAPHY — BUTTONS
   ========================================== */
.t-btn,
.t-btn__text {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
}

/* ==========================================
   TYPOGRAPHY — NAVIGATION
   ========================================== */
.t-menu__link,
.t-menu__list-item {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
}

/* ==========================================
   MOBILE — TABLET (769px–960px)
   ========================================== */
@media (max-width: 960px) {
    h1,
    .t-title_xxl {
        line-height: 1.1 !important;
        letter-spacing: -0.03em !important;
    }
    h2 {
        letter-spacing: -0.025em !important;
        line-height: 1.15 !important;
    }
    h3 {
        letter-spacing: -0.02em !important;
    }

    /* ==========================================
       MOBILE MENU — блок M100
       ========================================== */

    /* Верхняя полоса: логотип + бургер */
    .t-menu {
        min-height: 52px !important;
        height: 52px !important;
    }

    /* Логотип вертикально по центру */
    .t-menu__logo-wrapper {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Иконка бургера */
    .t-menu__burger-icon {
        margin-top: 0 !important;
    }

    /* Открытое мобильное меню — внешний контейнер */
    .t-menu__mobile-wrapper {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    /* Каждый пункт меню */
    .t-menu__list-item {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        line-height: 1.3 !important;
    }

    /* Ссылка внутри пункта */
    .t-menu__link {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }

    /* Кнопка CTA в меню (если есть) */
    .t-menu__btn-wrapper {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

/* ==========================================
   MOBILE — SMALL SCREENS (≤768px)
   ========================================== */
@media (max-width: 768px) {
    h1, h2, h3,
    .t-title,
    .t-title_xl,
    .t-title_xxl {
        line-height: 1.15 !important;
        letter-spacing: -0.025em !important;
    }
    body,
    p,
    .t-text,
    .t-descr {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    /* Карточки кейсов и подписи */
    .t-card__descr,
    .t-uptitle {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    /* Меню чуть компактнее на совсем маленьких экранах */
    .t-menu {
        min-height: 48px !important;
        height: 48px !important;
    }

    .t-menu__list-item {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .t-menu__link {
        font-size: 14px !important;
    }
}