/* Главная МАККО, редакция 5 (22.10.2026) — стили, которые нужны только «/».
   Общий assets/site.css не трогаем: он правится параллельно и держит
   токены брендбука. Здесь — только новые блоки главной и подъём контраста.

   Палитра ролей. Латунь (--accent) остаётся заливкой кнопки; для надписей
   на тёмном у главной своя роль --gl-accent-on-dark — на фоне блока
   (#201E19) базовая латунь даёт 6,8:1, а вторичный текст по заданию ≥ 7:1.
   Дым (--muted, 6,6:1 на ночи) поднят внутри main до 9,0:1 на фоне страницы
   и 8,3:1 на фоне блока. Основной текст --text — 15,8:1 / 14,5:1.
   Тёмная среда — единственная тема сайта (вариант B, утверждён 14.09),
   светлой редакции у него нет, поэтому переопределять нечего. */
.gl-live{
  --muted:#BDB6A9;
  --gl-accent-on-dark:#D2B47F;   /* латунь-надпись: 9,1:1 на ночи, 8,4:1 на блоке */
  --gl-num:#D2B47F;
}

/* ── Первый экран: подзаголовок под H1 ─────────────────────────────── */
.gl-live .gl-sub{margin:-.1em 0 18px; color:var(--text, #F2EFE9);
  font:600 clamp(19px,2.6vw,26px)/1.25 'Montserrat',system-ui,sans-serif;
  letter-spacing:-.005em; text-shadow:0 2px 18px rgba(23,22,18,.55)}

/* ── Доверие: две строки текстом ───────────────────────────────────── */
.gl-trust{padding-top:28px; padding-bottom:28px; background:var(--bg, #171612);
  color:var(--text, #F2EFE9); border-bottom:1px solid var(--line, #332F27)}
.gl-trust-in{display:grid; gap:0}
.gl-trust-i{margin:0; padding:18px 0; display:grid; gap:3px}
.gl-trust-i + .gl-trust-i{border-top:1px solid var(--line, #332F27)}
.gl-trust-i b{color:var(--text, #F2EFE9); font:700 17px/1.3 'Montserrat',system-ui,sans-serif}
.gl-trust-i span{color:var(--muted, #BDB6A9); font-size:15px; line-height:1.45}
@media(min-width:760px){
  .gl-trust{padding-top:36px; padding-bottom:36px}
  .gl-trust-in{grid-template-columns:1fr 1fr; gap:32px}
  .gl-trust-i + .gl-trust-i{border-top:0; border-left:1px solid var(--line, #332F27); padding-left:32px}
}

/* ── С чего начать: четыре сценария ────────────────────────────────── */
.gl-ways{display:grid; gap:14px; margin-top:30px}
@media(min-width:760px){ .gl-ways{grid-template-columns:repeat(2,1fr); gap:16px} }
.gl-way{display:flex; flex-direction:column; background:var(--surface, #201E19);
  color:var(--text, #F2EFE9); border:1px solid var(--line, #332F27);
  border-radius:var(--r-c, 14px); padding:22px 20px 22px}
@media(min-width:900px){ .gl-way{padding:28px 28px 28px} }
.gl-way-n{display:block; margin-bottom:12px; color:var(--gl-num);
  font:600 13px/1 'JetBrains Mono',ui-monospace,monospace; letter-spacing:.14em}
.gl-way h3{margin:0 0 8px; color:var(--text, #F2EFE9)}
.gl-way-d{margin:0 0 16px; color:var(--muted, #BDB6A9); font-size:15.5px; line-height:1.55}

/* Путь по сайту: вертикальная линия с точками — читается как маршрут. */
.gl-path{list-style:none; margin:0 0 16px; padding:0; display:grid; gap:12px}
.gl-path li{position:relative; padding-left:24px; display:grid; gap:2px}
.gl-path li::before{content:''; position:absolute; left:4px; top:8px; width:8px; height:8px;
  border-radius:50%; background:var(--gl-accent-on-dark)}
.gl-path li + li::after{content:''; position:absolute; left:7px; top:-12px; height:20px;
  border-left:2px solid var(--line-2, #4A4437)}
.gl-path a{color:var(--gl-accent-on-dark); font:600 16px/1.35 'Montserrat',system-ui,sans-serif;
  text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px}
.gl-path a:hover{color:var(--text, #F2EFE9)}
.gl-path b{color:var(--text, #F2EFE9); font:600 16px/1.35 'Montserrat',system-ui,sans-serif}
.gl-path span{color:var(--muted, #BDB6A9); font-size:14.5px; line-height:1.45}

.gl-need{margin:0 0 18px; padding:12px 14px; border-radius:var(--r-s, 9px);
  background:var(--surface-2, #1C1A16); color:var(--muted, #BDB6A9);
  font-size:15px; line-height:1.5}
.gl-need b{color:var(--text, #F2EFE9)}
.gl-way-btn{margin-top:auto; align-self:stretch; text-align:center}
@media(min-width:620px){ .gl-way-btn{align-self:flex-start} }

.gl-ways-more{margin:22px 0 0; color:var(--muted, #BDB6A9); font-size:16px}
.gl-ways-more a{color:var(--gl-accent-on-dark); white-space:nowrap}
.gl-ways-more a + a{margin-left:10px}

/* ── После обращения ───────────────────────────────────────────────── */
.gl-cta .kicker{color:var(--gl-accent-on-dark)}
.gl-cta-who{color:var(--text, #F2EFE9) !important; font-size:17px}
.gl-after{counter-reset:a; list-style:none; margin:20px 0 4px; padding:0; display:grid; gap:12px}
@media(min-width:900px){ .gl-after{grid-template-columns:repeat(3,1fr); gap:16px} }
.gl-after li{counter-increment:a; position:relative; padding:16px 16px 16px 52px;
  background:var(--surface-2, #1C1A16); color:var(--text, #F2EFE9);
  border:1px solid var(--line, #332F27); border-radius:var(--r-m, 10px)}
.gl-after li::before{content:counter(a,decimal-leading-zero); position:absolute; left:16px; top:17px;
  color:var(--gl-num); font:600 13px/1.4 'JetBrains Mono',ui-monospace,monospace}
.gl-after b{display:block; margin-bottom:4px; color:var(--text, #F2EFE9);
  font:600 16.5px/1.3 'Montserrat',system-ui,sans-serif}
.gl-after span{color:var(--muted, #BDB6A9); font-size:15px; line-height:1.5}

/* Латунь-надпись на блоке (карточки, панели) — роль --gl-accent-on-dark,
   а не базовая латунь: та на #201E19 не дотягивает до 7:1. */
.gl-live .card .more,
.gl-live .cta .kicker,
.gl-live .card a:not(.btn){color:var(--gl-accent-on-dark)}

/* ── Правки Ксении 27.10 ─────────────────────────────────────────────── */
/* Ролик первого экрана лежит поверх кадра-заставки и кадрируется так же. */
.hero-video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:50% 82%}
/* Дом в ролике стоит в нижней половине кадра 4:3 — по центру в полосе оставалось одно небо. */
@media(min-width:900px){ .gl-live .hero-video{object-position:60% 72%} }
@media(prefers-reduced-motion:reduce){ .hero-video{display:none} }

/* Ссылка на экспертный совет АДД под строкой доверия. */
.gl-trust-i a{color:var(--gl-accent-on-dark); font-size:15px; text-decoration:underline;
  text-underline-offset:3px; justify-self:start; margin-top:4px}
.gl-trust-i a:hover{color:var(--text, #F6F3EE)}

/* Сценарии: при наведении и при фокусе карточка выворачивается в светлую —
   человек видит, на каком сценарии он сейчас. Цвета объявлены вместе с фоном. */
.gl-way{transition:background-color var(--t-mid,220ms), border-color var(--t-mid,220ms)}
.gl-way:hover, .gl-way:focus-within{background:#F6F3EE; border-color:#F6F3EE; color:#171612}
.gl-way:hover h3, .gl-way:focus-within h3,
.gl-way:hover .gl-path b, .gl-way:focus-within .gl-path b{color:#171612}
.gl-way:hover .gl-way-n, .gl-way:focus-within .gl-way-n{color:#6E5527}
.gl-way:hover .gl-way-d, .gl-way:focus-within .gl-way-d,
.gl-way:hover .gl-path span, .gl-way:focus-within .gl-path span{color:#4A463E}
.gl-way:hover .gl-path a, .gl-way:focus-within .gl-path a{color:#6E5527}
.gl-way:hover .gl-path li::before, .gl-way:focus-within .gl-path li::before{background:#6E5527}
.gl-way:hover .gl-path li + li::after, .gl-way:focus-within .gl-path li + li::after{border-left-color:#C9C1B2}
.gl-way:hover .gl-need, .gl-way:focus-within .gl-need{background:#E9E4DA; color:#4A463E}
.gl-way:hover .gl-need b, .gl-way:focus-within .gl-need b{color:#171612}

/* Под фото объекта — его задача или главное решение. */
.pj-task{margin:0 0 14px; color:var(--muted, #C6C0B4); font-size:14.5px; line-height:1.5}
.pj-task b{display:block; color:var(--text, #F6F3EE); font:600 13px/1.4 'Montserrat',system-ui,sans-serif;
  letter-spacing:.06em; text-transform:uppercase; margin-bottom:2px}

/* Подзаголовки внутри «Направлений». */
.gl-sub-h{margin:30px 0 0; color:var(--text, #F6F3EE)}

/* Первый экран 27.10: дневной кадр дома Купермана не гасим целиком — темнее
   только колонка текста слева и низ под полосой фактов, дом справа в цвете. */
@media(min-width:900px){
  .gl-live .hero-ph img{object-position:60% 50%}
  .gl-live .hero::after{background:
    linear-gradient(90deg,rgba(23,22,18,.88) 0%,rgba(23,22,18,.82) 40%,
      rgba(23,22,18,.5) 56%,rgba(23,22,18,0) 72%),
    linear-gradient(180deg,rgba(23,22,18,0) 0%,rgba(23,22,18,0) 70%,
      rgba(23,22,18,.7) 92%,#171612 100%)}
}