/* «VERBEE» — дизайн-система лендинга (шаблон парка ФУТУРЫ, от Mr Lambo
   x Пабло / 3.56 AM). Города, кнопки, лента, ценз — Druk Cyr; служебный
   текст — Golos Text. Цвета ТОЛЬКО через palitra.css.
   ФОН НЕ БИТМАП (урок LeanJe: растянутая картинка пикселит на ретине) —
   стена одним цветом, фактуру несёт сама афиша в шапке.
   Скругления: кнопки --r-btn, панели --r-panel (стандарт 04.09 «чуть дороже»). */

:root{--r-btn:6px; --r-panel:14px}

html{scroll-behavior:smooth;overflow-anchor:none}

/* ТИПОГРАФИКА — три роли: .lp-krup — город (Druk Bold),
   .lp-slug — служебная строка (Golos 400). Даты набираются ШТАМПАМИ
   с афиши (картинки), текстовой роли даты нет. */
.lp-krup{font-family:var(--f-druk);
  font-weight:700;line-height:.96;letter-spacing:.01em;text-transform:uppercase;
  color:var(--bumaga)}
.lp-slug{font-family:'Golos Text',sans-serif;font-weight:400;font-size:14px;
  line-height:1.4;letter-spacing:.01em;color:var(--pyl)}

/* КНОПКА — красная плашка в цвет штампов. Ховер — бумажная заливка
   слева направо (приём всего парка); красным заливать нельзя,
   кнопка уже красная. Заливка слоем ::before c z-index:-1. */
.lp-btn{position:relative;isolation:isolate;overflow:hidden;
  display:inline-block;padding:16px 34px 18px; /* оптика: Druk сидел низко (замер 3x: зазор 22/18.3) — верх/низ поменяны */
  font-family:var(--f-druk);
  font-weight:700;font-size:26px;line-height:1;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;text-align:center;
  background:var(--knopka);color:var(--knopka-txt);border-radius:var(--r-btn);
  transition:color .2s}
.lp-btn::before{content:"";position:absolute;inset:0;z-index:-1;
  background:var(--knopka-hover);transform:scaleX(0);transform-origin:left;
  transition:transform .38s cubic-bezier(.2,.7,.3,1)}
@media (hover:hover){
  .lp-btn:hover::before{transform:scaleX(1)}
  .lp-btn:hover{color:var(--knopka-hover-txt)}
}
@media (prefers-reduced-motion:reduce){
  .lp-btn::before,.lp-soc::before,.lp-ikon::before{transition:none}
}

/* КНОПКА-ПРИЗРАК — контур акцентом (соцсети подвала) */
.lp-soc{position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;
  justify-content:center;gap:10px;padding:13px 28px 15px; /* оптика Druk: было 15/13 — текст низко */
  font-family:var(--f-druk);font-weight:700;
  font-size:19px;line-height:1;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;color:var(--bumaga);background:transparent;
  box-shadow:inset 0 0 0 2px var(--kontur);
  border-radius:var(--r-btn);transition:color .2s}
.lp-soc::before{content:"";position:absolute;inset:0;z-index:-1;
  background:var(--knopka-hover);transform:scaleX(0);transform-origin:left;
  transition:transform .38s cubic-bezier(.2,.7,.3,1)}
.lp-soc svg,.lp-soc img{width:19px;height:19px;display:block;flex:none}
.lp-soc img,.lp-ikon img{transition:filter .2s} /* белый PNG ВК на бумажной заливке ховера → чёрный, как SVG Telegram (VERBEE 07.09) */
@media (hover:hover){
  .lp-soc:hover::before{transform:scaleX(1)}
  .lp-soc:hover{color:var(--knopka-hover-txt)}
  .lp-soc:hover img{filter:brightness(0)}
}

/* БЕГУЩАЯ СТРОКА — красная лента в цвет штампов. Дорожка = две
   одинаковые половины; правка текста = правка ВСЕХ копий. */
.lp-ticker{background:var(--lenta);overflow:hidden;white-space:nowrap;
  position:relative;z-index:6; /* выше туман-слоя hero: лента накрывает пустой низ сцены (сжатие стыков 04.09) */
  padding:10px 0 10px} /* оптика: замер 12/10.7 при 11/9 */
.lp-ticker-track{display:inline-block;animation:lp-marquee 42s linear infinite}
.lp-ticker-track b,.lp-ticker-track i{
  font-family:var(--f-druk);
  font-size:24px;line-height:1;letter-spacing:.07em;text-transform:uppercase;
  color:var(--lenta-txt)}
.lp-ticker-track b{font-weight:700}
.lp-ticker-track i{font-style:normal;font-weight:500;margin:0 22px;opacity:.55}
@keyframes lp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.lp-ticker-track{animation:none}}

/* 16+ — в тонкой рамке */
.lp-age{display:inline-flex;align-items:center;justify-content:center;
  padding:5px 8px 6px; /* оптика Druk: чернила низко в кегельной */
  font-family:var(--f-druk);
  font-weight:500;font-size:14px;line-height:1;letter-spacing:.04em;
  color:var(--pyl);box-shadow:inset 0 0 0 1px var(--linia);
  border-radius:calc(var(--r-btn) - 2px)}

/* СОЦ-ИКОНКА шапки */
.lp-ikon{position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;color:var(--bumaga);background:var(--ikon-fon);
  box-shadow:inset 0 0 0 2px var(--ikon-kant);border-radius:var(--r-btn);
  transition:color .2s}
.lp-ikon::before{content:"";position:absolute;inset:0;z-index:-1;
  background:var(--knopka-hover);transform:scaleX(0);transform-origin:left;
  transition:transform .34s cubic-bezier(.2,.7,.3,1)}
.lp-ikon svg,.lp-ikon img{width:21px;height:21px;display:block}
@media (hover:hover){
  .lp-ikon:hover::before{transform:scaleX(1)}
  .lp-ikon:hover{color:var(--knopka-hover-txt)}
  .lp-ikon:hover img{filter:brightness(0)}
}

@media (max-width:640px){
  .lp-btn{display:block;padding:14px 18px 16px;font-size:22px} /* оптика Druk */
  .lp-soc{width:100%;font-size:18px}
  .lp-ticker{padding:7px 0 7px} /* оптика */
  .lp-ticker-track b,.lp-ticker-track i{font-size:20px}
  .lp-ticker-track i{margin:0 14px}
}