/* Freem Russia — вид старого freemracing.ru поверх Slate:
   шапка белая, меню и слоган по центру; под блоками тёмно-синий фон
   (--color-ink), карточки «фото + текст» — белые плитки. */

/* Шапка */
.s-header__row--bottom .s-header__menu-list { justify-content: center; }
.s-header__row--bottom .s-header__menu-link { text-transform: uppercase; font-weight: 600; letter-spacing: .02em; }
.s-header__item--slogan { width: auto; }
.s-header__slogan { white-space: nowrap; text-transform: uppercase; font-weight: 700; letter-spacing: .03em; color: var(--ds-ink); }

/* Тёмно-синий фон под блоками страниц и главной */
.s-layout__main:has(.s-text--media) { background: var(--ds-ink); color: #fff; }
.s-layout__main:has(.s-text--media) .s-page-hero__title,
.s-layout__main:has(.s-text--media) .s-text:not(.s-text--media) .s-text__title { color: #fff; }
.s-layout__main:has(.s-text--media) .s-page-hero__eyebrow,
.s-layout__main:has(.s-text--media) .s-page-hero__lead,
.s-layout__main:has(.s-text--media) .s-text:not(.s-text--media) .s-text__content { color: rgba(255, 255, 255, .82); }
.s-layout__main:has(.s-text--media) .s-text:not(.s-text--media) { background: transparent; text-align: center; }
.s-layout__main:has(.s-text--media) .s-page-hero__actions .s-button:not(:first-child) { color: #fff; border-color: rgba(255, 255, 255, .5); background: transparent; }

/* Карточки «фото + текст» — белая плитка */
.s-text--media .s-text__inner { background: #fff; color: var(--color-fg); padding: 0; gap: 0; border-radius: var(--card-radius, 8px); overflow: hidden; align-items: stretch; }
.s-text--media .s-text__body { padding: clamp(24px, 4vw, 56px); align-self: center; }
.s-text--media .s-text__title { text-transform: uppercase; font-size: clamp(1.15rem, 1.6vw, 1.5rem); }
.s-text--media .s-text__media { margin: 0; }
.s-text--media .s-text__image { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }

/* Вводный абзац главной — по центру, светлым */
.s-layout__main:has(.s-text--media) .s-text:not(.s-text--media) .s-text__body { margin-inline: auto; max-width: 52rem; }
.s-layout__main:has(.s-text--media) .s-text:not(.s-text--media) :is(strong, em) { color: #fff; }

/* Главная кнопка на тёмно-синем — красным акцентом, иначе сливается с фоном */
.s-layout__main:has(.s-text--media) .s-page-hero__actions .s-button:first-child,
.s-cover__actions .s-button:first-child { background: #e3222b; border-color: #e3222b; color: #fff; }

/* Крошки над тёмно-синим первым экраном — на той же синей полосе во всю ширину */
.s-layout:has(.s-text--media) > .s-breadcrumbs { background: var(--ds-ink); box-shadow: 0 0 0 100vmax var(--ds-ink); clip-path: inset(0 -100vmax); padding-bottom: 8px; }
.s-layout:has(.s-text--media) > .s-breadcrumbs :is(a, .s-breadcrumbs__sep) { color: rgba(255, 255, 255, .8); }
.s-layout:has(.s-text--media) > .s-breadcrumbs .s-breadcrumbs__current { color: rgba(255, 255, 255, .55); }