/**
 * Правки главной страницы, которых нет в сборке фронта.
 *
 * Eyebrow-подписи секций («Специальное предложение», «О студии», «ИИ-технологии»)
 * — 18px на всех разрешениях, кроме узких мобильных (≤360px), где остаётся 14px.
 *
 * В bundle эти подписи 12–15px, причём на ширине ≥980px действует правило
 * `body.page-home .home-*__eyebrow { font-size: clamp(...,15px) }` — поэтому
 * префикс `body.page-home` обязателен: он уравнивает специфичность, а порядок
 * загрузки (home.css после main.css) отдаёт победу нашим правилам.
 */
body.page-home .home-promo__eyebrow,
body.page-home .home-about__eyebrow,
body.page-home .home-ai__eyebrow {
    font-size: 18px;
}

@media (max-width: 360px) {
    body.page-home .home-promo__eyebrow,
    body.page-home .home-about__eyebrow,
    body.page-home .home-ai__eyebrow {
        font-size: 14px;
    }
}

/*
 * Заголовок «Этапы работы» над блоком процесса. В разметке ему добавлен
 * модификатор `--visible` (в bundle базовый `home-process__title` визуально
 * скрыт), который раскрывает его и даёт font-weight:600. Размер по ТЗ — 32px,
 * 24px при ≤360px. Префикс `body.page-home` поднимает специфичность выше
 * bundle-правил (у которых 24px уже с ≤979px).
 */
body.page-home .home-process__title--visible {
    font-size: 32px;
}

@media (max-width: 360px) {
    body.page-home .home-process__title--visible {
        font-size: 24px;
    }
}

/*
 * CTA «Связаться с нами» в тёмной плитке блока «Процесс работы» — белый
 * прямоугольный блок с тёмным текстом вместо текст-ссылки (в bundle это
 * `link-text` белого цвета с подчёркиванием). Тот же вид продублирован
 * в service-page.css (плитка есть и на страницах услуг).
 */
body.page-home .home-process__cta-link.link-text {
    align-self: flex-start;
    margin-top: auto;
    padding: 12px 24px;
    background: #fff;
    color: #242424;
    overflow: visible;
    transition: background-color .2s ease, color .2s ease;
}

body.page-home .home-process__cta-link.link-text:hover,
body.page-home .home-process__cta-link.link-text:focus-visible {
    background: #f5f5f5;
    color: #242424;
}

body.page-home .home-process__cta-link .link-text__line {
    display: none;
}