/* Типографика в стиле Tilda, на clamp() */

/* Крупный заголовок (Hero) */
.t-title-xl {
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.2;
    /* примерно от 32px до 52px */
    font-size: clamp(2rem, 1.5rem + 2vw, 3.25rem);
}

/* Заголовки секций (H2) */
.t-title-l {
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.3;
    /* примерно от 26px до 38px */
    font-size: clamp(1.625rem, 1.3rem + 1.2vw, 2.375rem);
}

/* Подзаголовки/карточки (H4) */
.t-title-m {
    font-weight: 600;
    line-height: 1.4;
    /* примерно 18–22px */
    font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
}

/* Заголовки поменьше (H5) */
.t-title-s {
    font-weight: 600;
    line-height: 1.4;
    /* примерно 17–20px */
    font-size: clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
}

/* Крупный текст (подзаголовки, Hero subtitle) */
.t-text-l {
    /* примерно 17–19px */
    font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
    line-height: 1.7;
}

/* Обычный текст */
.t-text {
    /* примерно 15–16px */
    font-size: clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);
    line-height: 1.7;
}