/* Главная v4 — страница /v4/, рабочая версия.
Заведена 02.09.2026 копией утверждённой клиентом v2; та остаётся эталоном.
Фирменный оранжевый #E95C0C взят с логотипа БЦ «Кусково».
Всё под префиксом tsv4-; страница дополнительно помечена классом
tsv4-page на , через него перекрашиваем шапку и фон темы. */
.tsv4{
--ink:#1b1b1d;
--ink-2:#5c5c63;
--ink-3:#8e8e96;
--bg:#f7f6f4;
--card:#ffffff;
--line:rgba(27,27,29,.10);
--line-2:rgba(27,27,29,.18);
--accent:#e95c0c;
--dark:#1b1b1d;
--r-lg:28px;
--r-md:18px;
/* ── Вертикальный ритм ────────────────────────────────
Все вертикальные отступы страницы берутся отсюда, чтобы секции стояли
через один и тот же шаг, а их шапки были набраны по одной схеме
«надрубрика → заголовок → лид → содержимое». На узких экранах шаг
переопределяется в медиазапросах — одной строкой на всю страницу,
а не по отступу в каждой секции. */
--sp-sec:96px; /* между секциями */
--sp-head:36px; /* шапка секции → её содержимое */
--sp-lbl:14px; /* надрубрика → заголовок */
--sp-txt:16px; /* заголовок → абзац */
--sp-cta:28px; /* последний абзац → кнопка */
--sp-tight:10px; /* плотная пара строк: заголовок карточки и её текст */
background:var(--bg);
color:var(--ink);
font-family:'Open Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
font-size:16px;
line-height:1.6;
overflow-x:hidden;
}
.tsv4 *,.tsv4 *::before,.tsv4 *::after{box-sizing:border-box}
/* Тема Archi красит сами теги section и article в тёмный (#18191b) — на светлой
странице это перебивало наш фон. Сбрасываем, свой фон задаём точечно. */
.tsv4 section,.tsv4 article,.tsv4 aside,.tsv4 figure{background:transparent}
.tsv4 figure{margin:0}
/* Цвет задаём явно: тема красит заголовки и ссылки в белый, а на светлой странице
они пропадают. Базовый тёмный — на теги, а исключения (белый текст на фото и в
тёмной секции) — селектором из двух классов, он весит больше «класс + тег». */
.tsv4 h1,.tsv4 h2,.tsv4 h3{
margin:0;letter-spacing:-.02em;color:var(--ink);
/* тема переводит заголовки в верхний регистр и добавляет разрядку —
в референсе обычный регистр, возвращаем его */
text-transform:none;font-family:inherit;
}
.tsv4 .tsv4-hero__title,
.tsv4 .tsv4-dark__title,
.tsv4 .tsv4-dark__label,
.tsv4 .tsv4-dark__lead{color:#fff}
.tsv4 .tsv4-dark__label{color:rgba(255,255,255,.55)}
.tsv4 .tsv4-dark__lead{color:rgba(255,255,255,.72)}
/* ВАЖНО. Сбросы выше («класс + тег», вес 0-1-1) весят больше одиночного класса,
поэтому обычное `.tsv4-sec__title{margin-bottom:30px}` молча не применяется —
так на странице обнулились разом 15 отступов, и заголовки слиплись
с содержимым. Любой вертикальный отступ у ,