/* найтивыход — дизайн-система лендинга осеннего тура 2026.
   ПАНК/DIY с афиши: чёрная стена в процарапанных каракулях, рукописный
   «шрамный» лого (картинкой), мелово-белый рукописный текст (Neucha),
   плашки-стикеры с лёгкими наклонами. Никакого глянца и скруглений —
   только прямые углы, мел и скотч. */

:root{
  --stena:#0B0B0C;      /* чёрная стена */
  --mel:#EDEAE4;        /* мелово-белый — текст и плашки */
  --pyl:#8F8C86;        /* пыльный серый, вторичный текст */
  --linia:rgba(237,234,228,.22);  /* процарапанные линии */
}

/* ТИПОГРАФИКА: рукопись + служебный Golos */
.nv-ruka{font-family:'Neucha';font-weight:400;line-height:1;color:var(--mel)}
.nv-body{font-family:'Golos Text';font-weight:400;line-height:1.5;color:var(--mel)}

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

/* КНОПКА-СТИКЕР — мел-плашка, чуть повёрнута, рукописный текст.
   Ховер — инверсия: чёрная с мел-обводкой, доворот. На таче нет. */
.nv-btn{display:inline-block;padding:12px 30px 10px;font-family:'Neucha';
        font-size:26px;line-height:1;text-decoration:none;text-align:center;
        background:var(--mel);color:var(--stena);
        transform:rotate(-1.2deg);
        box-shadow:3px 4px 0 rgba(237,234,228,.14);
        transition:background .18s,color .18s,transform .18s,box-shadow .18s}
.nv-btn:nth-child(even){transform:rotate(.8deg)}
@media (hover:hover){
  .nv-btn:hover{background:var(--stena);color:var(--mel);
    box-shadow:inset 0 0 0 2px var(--mel),3px 4px 0 rgba(237,234,228,.14);
    transform:rotate(.6deg) translateY(-2px)}
}

/* БЕГУЩАЯ СТРОКА — мел-лента как малярный скотч, наклеена чуть криво.
   Дорожка = ДВЕ одинаковые половины (по 8 наборов), правка текста =
   правка ВСЕХ копий. */
.nv-ticker{background:var(--mel);overflow:hidden;white-space:nowrap;
           padding:8px 0 6px}
.nv-ticker-track{display:inline-block;animation:nv-marquee 40s linear infinite}
.nv-ticker-track b{font-family:'Neucha';font-weight:400;font-size:24px;
                   color:var(--stena)}
.nv-ticker-track i{font-style:normal;font-family:'Neucha';font-size:24px;
                   color:var(--stena);margin:0 20px;opacity:.55}
@keyframes nv-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.nv-ticker-track{animation:none}}

/* СОЦКНОПКА подвала — стикер со значком и подписью */
.nv-soc{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:10px 26px;font-family:'Neucha';font-size:24px;line-height:1;
  text-decoration:none;background:var(--mel);color:var(--stena);
  transform:rotate(-.8deg);box-shadow:3px 4px 0 rgba(237,234,228,.14);
  transition:background .18s,color .18s,transform .18s,box-shadow .18s}
.nv-soc svg{width:20px;height:20px;display:block;flex:none}
.nv-soc .ikon-vk{width:29px;height:29px}
@media (hover:hover){
  .nv-soc:hover{background:var(--stena);color:var(--mel);
    box-shadow:inset 0 0 0 2px var(--mel),3px 4px 0 rgba(237,234,228,.14);
    transform:rotate(0) translateY(-2px)}
}

/* 16+ — мелом от руки */
.nv-age{display:inline-flex;align-items:center;justify-content:center;
        /* паддинги 6/2 центрируют Neucha в рамке (замер: базово текст
           сидел на 2.2px выше середины) */
        padding:6px 9px 2px;
        font-family:'Neucha';font-size:17px;color:var(--mel);
        box-shadow:inset 0 0 0 2px var(--linia)}

@media (max-width:640px){
  .nv-btn{display:block;padding:12px 20px 10px;font-size:24px}
  .nv-ticker{padding:6px 0 4px}
  .nv-ticker-track b,.nv-ticker-track i{font-size:20px}
  .nv-soc{width:100%;font-size:22px}
}

/* КРУГИ-ПРОЦАРАПКИ — оверлеи по краям блоков. Открытая (обрезанная)
   сторона PNG всегда уходит за край экрана: слева — зеркалом, справа —
   как есть. Работает одинаково на десктопе, планшете и мобиле. */
.nv-krug{position:absolute;z-index:0;pointer-events:none;
  width:clamp(180px,24vw,330px);height:auto;opacity:.85}
.nv-krug-l{left:-52px;transform:scaleX(-1)}
.nv-krug-r{right:-52px}