/* 3.56 AM — дизайн-система лендинга сольников (Мск 21.11 + СПб 27.11.2026).
   Палитра и типографика сняты с тур-афиши: студийный серый, гранж-жёлтый,
   Druk Cyr (заголовки) + Bebas Neue Cyrillic (подписи) + Golos (служебный).
   Углы ПРЯМЫЕ везде — скруглений в стиле афиши нет. */

:root{
  --noch:#0B0B0C;        /* чёрный: блок городов, футер */
  --ugol:#121214;        /* карточки на чёрном */
  --studio-t:#565658;    /* студийный серый, верх кадра */
  --studio:#7E7E80;      /* студийный серый, середина */
  --zheltyi:#FBF803;     /* жёлтый афиши — единственный акцент; снят с ядра
                            запечённых букв hero-kvadrat.jpg (ревью 20.08:
                            прежний #EFE000 был заметно теплее и двоил акцент) */
  --belyi:#FFFFFF;
  --mute:#A6A6AA;        /* вторичный текст на чёрном */
  --linia:rgba(255,255,255,.16);  /* обводки карточек и плашек */
  --r-panel:20px;        /* скругление карточек (правка заказчика 20.08) */
  --r-btn:12px;          /* скругление кнопок */
}

/* ТИПОГРАФИКА — три роли афиши */
.am-h    {font-family:'Druk Cyr';font-weight:500;line-height:.92;
          text-transform:uppercase;color:var(--belyi)}
.am-bebas{font-family:'Bebas Cyr';font-weight:400;letter-spacing:.14em;
          text-transform:uppercase;color:var(--belyi)}
.am-body {font-family:'Golos Text';font-weight:400;line-height:1.55;color:var(--belyi)}

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

/* КНОПКА — жёлтая плита, текст Druk крупно (правка заказчика 20.08:
   кегль сильно больше + скругление). Ховер — чёрная заливка слева
   направо (фирменный ход Футуры), на таче нет. */
/* Механика ховера ИНВЕРТИРОВАНА (правка 20.08, финальная): фон кнопки
   ЧЁРНЫЙ, жёлтое — псевдоэлемент-прямоугольник шире кнопки, клипуемый
   её скруглением. Ховер СХЛОПЫВАЕТ жёлтый слой вправо (визуально —
   чёрная заливка слева направо): в наведённом состоянии жёлтого слоя
   просто НЕТ, антиалиасной жёлтой нити на углах взяться неоткуда. */
.am-btn{display:inline-block;padding:15px 40px 18px;font-family:'Druk Cyr';font-weight:500;
        font-size:27px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;
        position:relative;overflow:hidden;background:var(--noch);color:var(--noch);
        border-radius:var(--r-btn)}
.am-btn::before{content:"";position:absolute;inset:-2px;
                background:var(--zheltyi);
                transform:scaleX(1);transform-origin:right;
                transition:transform .38s cubic-bezier(.2,.7,.3,1)}
.am-btn > span{position:relative;z-index:1;transition:color .2s}
@media (hover:hover){
  .am-btn:hover::before{transform:scaleX(0)}
  .am-btn:hover > span{color:var(--zheltyi)}
}

/* БЕГУЩАЯ СТРОКА — жёлтая лента, чёрный Druk крупно, лента ужата
   по высоте вплотную к тексту; паддинги 5/6 центруют буквы Druk
   в полосе (замер попиксельный), крестики крупные (правки 20.08). */
.am-ticker{background:var(--zheltyi);overflow:hidden;white-space:nowrap;padding:5px 0 6px}
.am-ticker-track{display:inline-block;animation:am-marquee 30s linear infinite}
.am-ticker-track b{font-family:'Druk Cyr';font-weight:500;font-size:26px;
                   letter-spacing:.05em;text-transform:uppercase;color:var(--noch)}
.am-ticker-track i{font-style:normal;font-family:'Druk Cyr';font-weight:500;
                   color:var(--noch);margin:0 26px;font-size:32px;opacity:.45;
                   line-height:0;vertical-align:-1px}
@keyframes am-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* по просьбе системы: людям с отключённой анимацией лента стоит на месте */
@media (prefers-reduced-motion:reduce){.am-ticker-track{animation:none}}

/* СОЦКНОПКИ — стекло, значок + подпись Druk. Порядок: Telegram, ВК.
   Ховер — жёлтая заливка слева направо, текст и иконка чернеют. */
.am-soc{display:inline-flex;align-items:center;justify-content:center;gap:12px;
  padding:14px 46px 16px;background:rgba(255,255,255,.06);
  position:relative;overflow:hidden;border-radius:var(--r-btn);
  box-shadow:inset 0 0 0 1px var(--linia);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  font-family:'Druk Cyr';font-weight:500;font-size:20px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--belyi);text-decoration:none;
  transition:color .2s}
.am-soc::before{content:"";position:absolute;inset:-2px;
  background:var(--zheltyi);
  transform:scaleX(0);transform-origin:left;
  transition:transform .38s cubic-bezier(.2,.7,.3,1)}
.am-soc > *{position:relative;z-index:1}
.am-soc img,.am-soc svg{width:22px;height:22px;display:block;flex:none;
  transition:filter .2s}
@media (hover:hover){
  .am-soc:hover::before{transform:scaleX(1)}
  .am-soc:hover{color:var(--noch)}
  .am-soc:hover img{filter:invert(1)}   /* белый png-значок ВК чернеет */
}

/* 16+ — служебная плашка */
.am-age{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;
        font-family:'Golos Text';font-weight:700;font-size:12px;letter-spacing:.08em;
        color:var(--belyi);box-shadow:inset 0 0 0 1px var(--linia);border-radius:8px}

@media (max-width:640px){
  .am-btn{display:block;text-align:center;padding:12px 20px 15px;font-size:22px}
  .am-ticker{padding:4px 0 5px}
  .am-ticker-track b{font-size:19px}
  .am-ticker-track i{font-size:24px;margin:0 18px}
  .am-soc{width:100%;padding:10px 18px 12px;font-size:18px}
  .am-soc img,.am-soc svg{width:20px;height:20px}
}