/* IOWA в Нижнем Новгороде — стили сайта.
   Тёмная тема по официальной афише: сине-чёрный фон #0E1D24, розовый #FA258C,
   геометрический гротеск. Шрифт афиши — Gilroy/подобный; ближайший с кириллицей
   на Google Fonts — Montserrat, он и используется везде. */

:root{
  --fon:#0E1D24;          /* фон афиши */
  --fon2:#12232B;         /* чередование секций, чуть светлее */
  --pov:#172A32;          /* карточки */
  --pov2:#1D333C;         /* карточка поверх карточки */
  --belyi:#FFFFFF;
  --tekst:#FFFFFF;
  --tiho:#C5CED3;         /* второстепенный текст */
  --seryi:#8A9AA3;        /* подписи */
  --liniya:rgba(255,255,255,.12);
  --liniya2:rgba(255,255,255,.28);
  --rozovyi:#FA258C;      /* розовый афиши, точный */
  --rozovyi2:#FF52A6;     /* наведение */
  --rozovyi-fon:rgba(250,37,140,.14);
  --shir:1200px;
  --pole:clamp(16px,4vw,48px);
  --radius:6px;
  --disp:"Montserrat","Segoe UI",Arial,system-ui,sans-serif;
  --text:"Montserrat","Segoe UI",Arial,system-ui,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--fon);color:var(--tekst);font-family:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.est-lipkaya{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
h1,h2,h3,.disp{font-family:var(--disp);font-weight:600;margin:0;line-height:1.12;letter-spacing:0;text-wrap:balance}
h2{font-size:clamp(26px,3.2vw,40px)}
h3{font-size:clamp(17px,1.5vw,20px);font-weight:600;line-height:1.3}
p{margin:0}
a{color:var(--rozovyi);text-decoration:none}
a:hover{color:var(--rozovyi2);text-decoration:underline;text-underline-offset:3px}
img{max-width:100%;display:block;height:auto}
button{font:inherit}
:focus-visible{outline:3px solid var(--rozovyi);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
::selection{background:var(--rozovyi);color:#fff}

.obertka{width:100%;max-width:var(--shir);margin:0 auto;padding-inline:var(--pole)}
/* Надзаголовок — как «СОЛЬНЫЙ КОНЦЕРТ» на афише: белые капители с разрядкой */
.nad{font-family:var(--disp);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--belyi)}
.nad--roz{color:var(--rozovyi)}
.tiho{color:var(--tiho)}
.tabl{font-variant-numeric:tabular-nums}

/* Кнопки */
.knopka{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--rozovyi);color:#fff;font-family:var(--disp);font-weight:600;font-size:15px;letter-spacing:.02em;padding:16px 28px;min-height:54px;border:0;cursor:pointer;border-radius:var(--radius);transition:background .15s,transform .15s;text-decoration:none;white-space:nowrap}
.knopka:hover{background:var(--rozovyi2);color:#fff;text-decoration:none}
.knopka:active{transform:translateY(1px)}
.knopka--kontur{background:transparent;color:var(--belyi);box-shadow:inset 0 0 0 1.5px var(--liniya2)}
.knopka--kontur:hover{background:rgba(255,255,255,.08);color:var(--belyi)}
.knopka--belaya{background:#fff;color:var(--fon)}
.knopka--belaya:hover{background:#FFE1EF;color:var(--fon)}
.knopka--malaya{padding:11px 18px;min-height:44px;font-size:14px}
.knopka[disabled]{opacity:.6;cursor:default}

/* Шапка */
.shapka{position:sticky;top:0;z-index:20;background:rgba(14,29,36,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--liniya)}
.shapka-vnutri{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.logo{font-family:var(--disp);font-weight:500;font-size:24px;letter-spacing:.02em;color:var(--rozovyi);display:flex;align-items:baseline;gap:12px;text-decoration:none}
.logo:hover{text-decoration:none;color:var(--rozovyi2)}
.logo small{font-family:var(--disp);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--tiho)}
.menyu{display:flex;gap:26px;font-size:14px;font-weight:500}
.menyu a{color:var(--belyi)}
.menyu a:hover{color:var(--rozovyi);text-decoration:none}
@media (max-width:900px){.menyu{display:none}.shapka .knopka{display:none}}

/* Первый экран — композиция афиши: слева текст, справа портрет на белом */
.geroi{padding-block:clamp(28px,5vw,72px) 0;overflow:hidden}
.geroi-setka{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center}
.geroi-tekst{padding-bottom:clamp(28px,5vw,72px)}
.geroi h1{font-size:clamp(64px,10vw,150px);font-weight:500;line-height:.95;letter-spacing:.01em;margin:22px 0 22px}
.geroi h1 .marka{display:block;color:var(--rozovyi)}
.geroi h1 > span:not(.marka){display:block;font-size:.26em;font-weight:500;letter-spacing:.02em;text-transform:none;margin-top:16px;line-height:1.15;color:var(--belyi)}
.geroi-pod{font-size:clamp(16px,1.35vw,19px);max-width:34em;color:var(--tiho);font-weight:400}
.vozrast{display:inline-grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--liniya2);transform:rotate(45deg);margin-left:12px;vertical-align:middle}
.vozrast span{transform:rotate(-45deg);font-size:10px;font-weight:600;letter-spacing:0;color:var(--belyi)}
.geroi-foto{position:relative;align-self:center;padding-bottom:clamp(28px,5vw,72px)}
.geroi-foto img{width:100%;max-width:520px;margin-inline:auto;aspect-ratio:4/5;object-fit:cover;border-radius:4px;background:#F7F7F8;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
/* Строка даты — как «19 НОЯБРЯ | 19:00» на афише: капители, розовая черта-разделитель */
.bilet-lenta{display:flex;flex-wrap:wrap;gap:0;margin:30px 0 28px;border-block:1px solid var(--liniya)}
.bilet-lenta > div{padding:14px 18px 14px 0;margin-right:18px;border-right:2px solid var(--rozovyi);min-width:0}
.bilet-lenta > div:last-child{border-right:0;margin-right:0}
.bilet-lenta b{display:block;font-family:var(--disp);font-weight:600;font-size:16px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--belyi)}
.bilet-lenta span{font-size:12px;color:var(--seryi);letter-spacing:.08em;text-transform:uppercase}
.deistviya{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.geroi-primech{margin-top:16px;font-size:13px;color:var(--seryi)}
@media (max-width:900px){
  .geroi-setka{grid-template-columns:1fr;gap:8px}
  .geroi-foto{order:-1;margin-top:18px;padding-bottom:0}
  .geroi-foto img{max-width:none;aspect-ratio:3/2;border-radius:4px}
  .geroi-tekst{padding-bottom:36px}
  .geroi h1{font-size:clamp(64px,22vw,110px)}
  .bilet-lenta{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding-block:6px}
  .bilet-lenta > div{border-right:0;border-left:2px solid var(--rozovyi);padding:8px 0 8px 14px;margin:6px 0}
  .bilet-lenta > div:first-child{grid-column:1/-1}
  .bilet-lenta b{font-size:14px}
  .deistviya .knopka{flex:1 1 auto}
}

/* Бегущая строка с хитами — розовая полоса, как плашка */
.lenta{background:var(--rozovyi);color:#fff;overflow:hidden;padding-block:13px}
.lenta-put{display:flex;gap:0;width:max-content;animation:beg 42s linear infinite}
.lenta-put span{font-family:var(--disp);font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;padding-inline:26px;white-space:nowrap;display:inline-flex;align-items:center;gap:26px}
.lenta-put span::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--fon);display:inline-block}
@keyframes beg{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.lenta-put{animation:none;flex-wrap:wrap;width:auto;justify-content:center;row-gap:8px}}

/* Секции */
section{padding-block:clamp(52px,7vw,96px)}
.zag-ryad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(20px,4vw,64px);align-items:start;margin-bottom:clamp(28px,4vw,48px)}
.zag-ryad p{font-size:clamp(16px,1.25vw,18px);max-width:36em;color:var(--tiho)}
.zag-ryad .nad{display:block;margin-bottom:12px}
@media (max-width:760px){.zag-ryad{grid-template-columns:1fr;gap:14px}}

.pochemu{background:var(--fon2);border-block:1px solid var(--liniya)}
.karty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--liniya);border:1px solid var(--liniya);border-radius:8px;overflow:hidden}
.karta{background:var(--pov);padding:clamp(22px,2.6vw,34px)}
.karta .nomer{font-family:var(--disp);font-weight:600;font-size:12px;letter-spacing:.22em;color:var(--rozovyi);margin-bottom:22px}
.karta h3{margin-bottom:10px;color:var(--belyi)}
.karta p{color:var(--tiho);font-size:15px}
@media (max-width:820px){.karty{grid-template-columns:1fr}}

/* Билеты */
.temnaya{background:var(--fon);color:#fff;border-block:1px solid var(--liniya)}
.bilety-setka{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:start}
.ceny{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px}
.cena{font-family:var(--disp);font-weight:600;font-size:13px;letter-spacing:.04em;padding:9px 13px;border:1px solid var(--liniya2);border-radius:999px;color:#fff;font-variant-numeric:tabular-nums}
.cena--ot{background:var(--rozovyi);color:#fff;border-color:var(--rozovyi)}
.bilety-spisok{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px;color:var(--tiho);font-size:15px}
.bilety-spisok li{padding-left:22px;position:relative}
.bilety-spisok li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:2px;background:var(--rozovyi)}
.bilety-spisok a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.vidzhet{background:var(--pov);border:1px solid var(--liniya);border-radius:8px;min-height:360px;display:flex;align-items:center;justify-content:center;text-align:center;padding:36px 24px;position:relative;overflow:hidden}
.vidzhet-zaglushka{max-width:420px;display:grid;gap:16px;justify-items:center;position:relative}
.vidzhet-zaglushka .disp{font-size:clamp(20px,2vw,26px);font-weight:600}
.vidzhet-zaglushka p{color:var(--tiho);font-size:15px}
.vidzhet-shema{position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:radial-gradient(circle,#fff 1.4px,transparent 1.6px);background-size:18px 18px;mask-image:radial-gradient(ellipse at 50% 100%,#000 30%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 100%,#000 30%,transparent 72%)}
@media (max-width:900px){.bilety-setka{grid-template-columns:1fr}.vidzhet{min-height:0}}

/* Об артисте */
.o-setka{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:start}
.o-tekst{display:grid;gap:18px;font-size:clamp(15px,1.2vw,17px);color:var(--tiho);max-width:38em}
.o-tekst h2{margin-bottom:8px;color:var(--belyi)}
.cifry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--liniya);border:1px solid var(--liniya);border-radius:8px;overflow:hidden;margin-top:12px}
.cifra{background:var(--pov);padding:22px 22px 20px}
.cifra b{display:block;font-family:var(--disp);font-weight:600;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.01em;line-height:1;color:var(--rozovyi)}
.cifra span{display:block;margin-top:8px;font-size:13px;color:var(--tiho);line-height:1.35}
.o-foto figure{margin:0}
.o-foto img{border-radius:4px;background:#EAEDF2}
.o-foto figcaption{margin-top:10px;font-size:13px;color:var(--seryi)}
.premii{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.premii span{font-size:12px;font-weight:500;letter-spacing:.04em;padding:7px 12px;border-radius:999px;background:var(--rozovyi-fon);color:#FF8CC4;border:1px solid rgba(250,37,140,.3)}
@media (max-width:900px){.o-setka{grid-template-columns:1fr}.o-foto{order:-1}}

/* Фотолента */
.fotolenta{padding-block:0 clamp(52px,7vw,96px)}
.fotolenta-setka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fotolenta figure{margin:0}
.fotolenta img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;background:#F7F7F8}


/* Что прозвучит */
.pesni{background:var(--fon2);border-block:1px solid var(--liniya)}
.pesni-spisok{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--liniya)}
.pesni-spisok li{font-family:var(--disp);font-weight:500;font-size:clamp(20px,2.3vw,30px);padding:18px 0;border-bottom:1px solid var(--liniya);display:flex;align-items:baseline;gap:18px;color:var(--belyi)}
.pesni-spisok li i{font-style:normal;font-weight:600;font-size:12px;color:var(--rozovyi);letter-spacing:.1em;min-width:2.2em;font-variant-numeric:tabular-nums}
.pesni-spisok li:nth-child(odd){padding-right:32px}
.pesni-spisok li:nth-child(even){padding-left:32px;border-left:1px solid var(--liniya)}
.pesni-prim{margin-top:18px;font-size:13px;color:var(--seryi);max-width:46em}
@media (max-width:700px){.pesni-spisok{grid-template-columns:1fr}.pesni-spisok li:nth-child(odd){padding-right:0}.pesni-spisok li:nth-child(even){padding-left:0;border-left:0}}

/* Как добраться */
.mesto-setka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.adres{background:var(--pov);border:1px solid var(--liniya);border-radius:8px;padding:clamp(22px,2.6vw,34px);display:grid;gap:14px}
.adres .disp{font-size:clamp(22px,2vw,28px);font-weight:600;color:var(--belyi)}
.adres p{color:var(--tiho)}
.sovety{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.sovety li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.sovety .ikon{width:44px;height:44px;border-radius:6px;background:var(--rozovyi-fon);color:var(--rozovyi);display:grid;place-items:center;font-family:var(--disp);font-weight:600;font-size:14px;border:1px solid rgba(250,37,140,.3)}
.sovety b{display:block;font-weight:600;margin-bottom:2px;color:var(--belyi)}
.sovety p{color:var(--tiho);font-size:15px}
@media (max-width:820px){.mesto-setka{grid-template-columns:1fr}}

/* Вопросы */
.voprosy .spisok{border-top:1px solid var(--liniya);max-width:820px}
details{border-bottom:1px solid var(--liniya)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;font-weight:600;font-size:clamp(15px,1.25vw,17px);color:var(--belyi)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--disp);font-weight:400;font-size:26px;color:var(--rozovyi);flex-shrink:0;transition:transform .2s;line-height:1}
details[open] summary::after{transform:rotate(45deg)}
details p,details ul{margin:0 0 20px;color:var(--tiho);max-width:60ch;font-size:15px}
details ul{padding-left:20px}

/* Финальный призыв — повтор афиши */
.final{background:var(--fon2);color:#fff;text-align:center;border-block:1px solid var(--liniya)}
.final h2{font-size:clamp(40px,7vw,104px);font-weight:500;letter-spacing:0;line-height:1;color:var(--rozovyi)}
.final .pod{display:block;font-size:clamp(18px,2.2vw,30px);font-weight:500;color:#fff;margin-top:14px;letter-spacing:.02em}
.final .deistviya{margin-top:30px}
.final p{margin:16px auto 0;color:var(--tiho);max-width:36em;font-size:14px}
.final .deistviya{justify-content:center}

/* Подписка */
.podpiska{background:var(--fon)}
.podpiska-setka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.podpiska p{color:var(--tiho)}
.forma{display:grid;gap:14px;background:var(--pov);border:1px solid var(--liniya);border-radius:8px;padding:clamp(20px,2.4vw,30px)}
.forma label.pole{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--belyi)}
.forma input[type=email],.forma input[type=text]{font:inherit;font-size:16px;padding:13px 14px;border:1.5px solid var(--liniya2);border-radius:var(--radius);background:var(--fon);color:#fff;width:100%}
.forma input[type=email]::placeholder,.forma input[type=text]::placeholder{color:var(--seryi)}
.forma input[type=email]:focus,.forma input[type=text]:focus{border-color:var(--rozovyi);outline:none}
.galka{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--tiho);line-height:1.4}
.galka input{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:var(--rozovyi)}
.forma .oshibka{color:#FF7A7A;font-size:14px}
.forma .uspeh{color:#7EE0A6;font-size:15px;font-weight:500}
@media (max-width:820px){.podpiska-setka{grid-template-columns:1fr}}

/* Подвал */
.podval{padding-block:40px 32px;border-top:1px solid var(--liniya);font-size:13px;color:var(--tiho)}
.podval-setka{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;margin-bottom:28px}
.podval h4{margin:0 0 10px;font-family:var(--disp);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--seryi);font-weight:600}
.podval ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.podval a{color:var(--belyi)}
.podval-niz{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid var(--liniya);font-size:12px;color:var(--seryi)}
@media (max-width:760px){.podval-setka{grid-template-columns:1fr}}

/* Липкая кнопка на телефоне */
.lipkaya{position:fixed;left:0;right:0;bottom:0;z-index:25;padding:10px var(--pole) calc(10px + env(safe-area-inset-bottom,0px));background:rgba(14,29,36,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--liniya);transform:translateY(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
.lipkaya.vidna{transform:none;visibility:visible;transition:transform .25s ease}
.lipkaya-vnutri{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:var(--shir);margin:0 auto}
.lipkaya-podpis{font-size:12px;line-height:1.3;color:var(--tiho);min-width:0}
.lipkaya-podpis b{display:block;color:#fff;font-weight:600;font-size:14px}
.lipkaya .knopka{flex-shrink:0}
@media (min-width:769px){.lipkaya{display:none}}
@media (prefers-reduced-motion:reduce){.lipkaya{transition:none}}

/* Правовые страницы */
.dok{max-width:760px;padding-block:clamp(36px,5vw,64px)}
.dok h1{font-size:clamp(28px,4vw,44px);margin:10px 0 22px;color:var(--belyi)}
.dok h2{font-size:clamp(19px,1.8vw,23px);margin:34px 0 10px;font-weight:600;color:var(--belyi)}
.dok p,.dok li{color:var(--tiho);font-size:15px}
.dok p{margin-bottom:12px}
.dok ul{padding-left:22px;margin:0 0 14px}
.dok li{margin-bottom:6px}
.dok b{color:var(--belyi)}

/* ---------- Фоновое видео (первый экран и финал) ----------
   Ролики Mixkit, перекрашены в цвета афиши (#0E1D24 → #FA258C).
   На телефоне видео не грузится — остаётся картинка-заглушка (poster). */
.s-video{position:relative;isolation:isolate;overflow:hidden}
.s-video > .obertka{position:relative;z-index:2}
.fon-video{position:absolute;inset:0;z-index:0;pointer-events:none}
.fon-video video{width:100%;height:100%;object-fit:cover;display:block;opacity:.75}
.fon-video::after{content:"";position:absolute;inset:0}
.geroi .fon-video::after{background:
  linear-gradient(90deg,rgba(14,29,36,.94) 0%,rgba(14,29,36,.82) 42%,rgba(14,29,36,.45) 100%),
  linear-gradient(180deg,rgba(14,29,36,0) 60%,var(--fon) 100%)}
.final .fon-video video{opacity:.6}
.final .fon-video::after{background:radial-gradient(ellipse at center,rgba(18,35,43,.72) 0%,rgba(18,35,43,.55) 55%,rgba(18,35,43,.85) 100%)}
@media (max-width:900px){
  .geroi .fon-video::after{background:linear-gradient(180deg,rgba(14,29,36,.55) 0%,rgba(14,29,36,.9) 45%,var(--fon) 100%)}
}

/* ---------- Анимации (GSAP, файл js/dvizhenie.js) ----------
   Пока скрипт не стартовал, первый экран спрятан, чтобы не мигал.
   Класс .anim снимается сам через 2,5 с, если скрипты не загрузились. */
.geroi h1 .marka{perspective:600px}
.bukva{display:inline-block;will-change:transform}
.fotolenta figure{overflow:hidden;border-radius:4px}
.fotolenta figure img{border-radius:0}

/* ---------- Версия 2 (26.09.2026) ---------- */
/* Пропуск к содержимому: виден только при переходе с клавиатуры */
.propusk{position:absolute;left:16px;top:-60px;z-index:50;background:var(--rozovyi);color:#fff;padding:10px 16px;border-radius:var(--radius);font-weight:600;font-size:14px;text-decoration:none;transition:top .15s}
.propusk:focus{top:12px;color:#fff;text-decoration:none}
main:focus{outline:none}
/* Карточка «Как выбрать билет» — кнопка прижата к низу */
.karta{display:flex;flex-direction:column}
.karta--bilet .knopka{margin-top:auto;align-self:flex-start}
.karta--bilet p{margin-bottom:20px}
/* Об IOWA: «Послушать перед концертом» */
.o-setka{align-items:center}
.slushat{background:var(--pov);border:1px solid var(--liniya);border-radius:8px;padding:clamp(20px,2.4vw,30px)}
.slushat-zag{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--belyi);margin-bottom:14px}
.treki{list-style:none;margin:0;padding:0;border-top:1px solid var(--liniya)}
.treki li{border-bottom:1px solid var(--liniya)}
.treki a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:13px 4px;color:var(--belyi);text-decoration:none;border-radius:4px;transition:background .15s}
.treki a:hover{background:rgba(250,37,140,.08);color:var(--belyi);text-decoration:none}
.trek-ikon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--rozovyi);color:#fff;font-size:12px;padding-left:2px;transition:transform .15s}
.treki a:hover .trek-ikon{transform:scale(1.08)}
.trek-imya{font-size:clamp(17px,1.5vw,20px);font-weight:500}
.trek-gde{font-size:12px;color:var(--seryi);letter-spacing:.04em}
.slushat-prim{margin-top:14px;font-size:12px;color:var(--seryi)}

@media (max-width:600px){.geroi .nad{letter-spacing:.14em;line-height:1.8}}

/* ---------- Версия 3 (27.09.2026) ---------- */
/* Приглашение: два повода-действия и кнопка под тремя преимуществами */
.priglashenie{margin-top:clamp(16px,2vw,24px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:clamp(20px,3vw,40px);align-items:center;padding:clamp(22px,2.8vw,36px);border-radius:8px;background:linear-gradient(120deg,rgba(250,37,140,.22),rgba(250,37,140,.06) 60%);border:1px solid rgba(250,37,140,.35)}
.priglashenie h3{font-size:clamp(18px,1.6vw,22px);margin-bottom:8px;color:var(--belyi)}
.priglashenie p{color:var(--tiho);font-size:15px}
@media (max-width:900px){.priglashenie{grid-template-columns:1fr}.priglashenie-knopka .knopka{width:100%}}
/* Плеер Яндекс Музыки: до нажатия — лёгкая кнопка, после — iframe */
.pleer{margin-bottom:14px;border-radius:8px;overflow:hidden}
.pleer-knopka{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:64px;background:rgba(250,37,140,.1);border:1px solid rgba(250,37,140,.35);border-radius:8px;color:var(--belyi);text-align:left;cursor:pointer;transition:background .15s}
.pleer-knopka:hover{background:rgba(250,37,140,.18)}
.pleer-knopka b{display:block;font-weight:600;font-size:16px}
.pleer-pod{display:block;font-size:12px;color:var(--tiho);margin-top:2px}
.pleer.zagruzhen iframe{display:block;width:100%;height:450px;border:0;background:#fff}
.slushat-prim a{color:var(--belyi);text-decoration:underline;text-underline-offset:3px}
/* Пометка у формы на тестовом стенде без https */
.forma-zamet{font-size:12px;line-height:1.45;color:var(--seryi);border-left:2px solid var(--rozovyi);padding-left:10px}
@media (prefers-reduced-motion:reduce){.lipkaya,.lipkaya.vidna{transition:none}}
.bez-komissii{color:var(--belyi);font-weight:600}
/* ---------- Эффекты (28.09.2026): наклон портрета с бликом, магнитные кнопки ---------- */
.geroi-foto{perspective:1100px}
.naklon{position:relative;transform-style:preserve-3d;will-change:transform;border-radius:4px}
.naklon picture{display:block}
.blik{position:absolute;inset:0;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(circle at var(--bx,50%) var(--by,30%),rgba(255,255,255,.38) 0%,rgba(255,255,255,.1) 30%,rgba(255,255,255,0) 58%),linear-gradient(115deg,rgba(250,37,140,0) 40%,rgba(250,37,140,.10) 100%)}
.knopka.magnit{will-change:transform}
@media (prefers-reduced-motion:reduce){.blik{display:none}}
.bukva{text-align:center}
.forma-pomosh{font-size:13px;color:var(--tiho);text-align:center}
.forma-pomosh a{color:var(--belyi);text-decoration:underline;text-underline-offset:3px}