/* ============================================================
   ПЕРВЫЙ ЭКРАН НОВЫХ НАПРАВЛЕНИЙ — общая левая часть (30.09.2026)
   Заголовок строчными, крупно, с отрицательным трекингом; акцентное
   слово — цветом направления с тонкой линией снизу (не «маркер» ботов,
   не капс ИИ и сайтов). Справа у каждой страницы своя сцена.
   ============================================================ */
.sh{
  position:relative; isolation:isolate; overflow-x:clip;
  padding-top:calc(var(--header-h) + clamp(12px, 2vw, 36px));
  padding-bottom:clamp(56px, 6vw, 100px);
}
.sh__inner{
  display:grid; grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
  gap:clamp(24px, 4vw, 80px); align-items:center;
}
.sh__title{
  margin:0 0 clamp(16px, 1.6vw, 26px);
  font:600 clamp(34px, 4.2vw, 68px)/1.03 var(--font-display);
  letter-spacing:-.035em; color:var(--fg); text-wrap:balance;
}
.sh__title em{
  font-style:normal; color:var(--accent-1);
  text-decoration:underline; text-decoration-thickness:.06em; text-underline-offset:.12em;
  text-decoration-color:rgba(var(--accent-rgb), .35);
}
.sh__lead{ margin:0 0 clamp(24px, 2.4vw, 36px); max-width:46ch; font-size:clamp(16px, 1.18vw, 19px); line-height:1.6; color:var(--fg-lead); }
.sh__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px; }
.sh__alt{ font:600 15px/1 var(--font); color:var(--fg); text-decoration:none; border-bottom:1.5px solid rgba(var(--accent-rgb), .45); padding-bottom:4px; transition:color .2s, border-color .2s; }
.sh__alt:hover{ color:var(--accent-1); border-color:var(--accent-1); }
.sh__proof{ list-style:none; margin:clamp(24px, 2.4vw, 34px) 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px 24px; }
.sh__proof li{ position:relative; padding-left:20px; font-size:14.5px; color:var(--fg-lead); }
.sh__proof li::before{ content:""; position:absolute; left:0; top:.45em; width:10px; height:10px; border-radius:2px; background:var(--accent-1); box-shadow:3px 3px 0 rgba(var(--accent-rgb), .25); }
.sh__stage{ position:relative; }

/* общая «подпись-сноска» под сценой: мелко, моно, что это пример */
.sh__note{ margin:12px 0 0; font:500 13px/1.4 var(--font); color:var(--fg-mute); text-align:right; }

@media (max-width: 900px){
  .sh__inner{ grid-template-columns:1fr; gap:34px; }
  .sh__title{ font-size:clamp(32px, 8.6vw, 50px); }
}