/* Общие свойства title и desc для блоков Design iRidi. */
:root {
    --iridi-title-font-size: 50px;
    --iridi-title-font-weight: 700;
    --iridi-title-color: currentColor;
    --iridi-desc-font-size: 21px;
    --iridi-desc-margin-top: 40px;
    --iridi-desc-color: currentColor;
}

@media (min-width: 2251px) {
    :root {
        --iridi-title-font-size: 60px;
        --iridi-desc-font-size: 28px;
        --iridi-desc-margin-top: 50px;
    }
}

@media (max-width: 1600px) {
    :root {
        --iridi-title-font-size: 40px;
    }
}

@media (max-width: 1300px) {
    :root {
        --iridi-title-font-size: 32px;
        --iridi-desc-font-size: 18px;
    }
}

@media (max-width: 1000px) {
    :root {
        --iridi-title-font-size: 28px;
        --iridi-desc-margin-top: 30px;
    }
}

@media (max-width: 700px) {
    :root {
        --iridi-title-font-size: 24px;
        --iridi-desc-font-size: 16px;
        --iridi-desc-margin-top: 20px;
    }
}

/* Global h3 typography for Design iRidi blocks. */
:root {
    --iridi-h3-font-size: 32px;
}

h3 {
    font-style: normal;
    font-weight: 700;
    font-size: var(--iridi-h3-font-size);
    line-height: 100%;
    letter-spacing: -0.06em;
}

@media (max-width: 1599px) {
    :root { --iridi-h3-font-size: 28px; }
}

@media (max-width: 1299px) {
    :root { --iridi-h3-font-size: 24px; }
}

@media (max-width: 999px) {
    :root { --iridi-h3-font-size: 21px; }
}

@media (max-width: 699px) {
    :root { --iridi-h3-font-size: 18px; }
}