/* Базовый шаг 8px. Сетка 12 колонок на широком экране, 4 - на телефоне. */
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--container-max:1440px;   /* ширина контейнера */
--page-margin:64px;       /* поля на широком экране */
--gutter:24px;            /* межколонник */
--columns:12;
--section-gap:128px;      /* расстояние между секциями */
--block-gap:48px;         /* заголовок раздела -> содержимое */
--strip-gap:16px;         /* кадр -> полоса текста под ним */
--header-height:72px;
--radius:0;               /* прямые углы, как плашки логотипа */
--radius-max:2px;         /* единственно допустимое скругление, и только по причине */
--touch-min:24px;--touch-primary:44px;
--border-width:1px;
--focus-width:2px;--focus-offset:2px;
}
@media (max-width:767px){:root{
--page-margin:20px;--gutter:16px;--columns:4;
--section-gap:64px;--block-gap:32px;--strip-gap:12px;--header-height:56px;
}}