/* 19.10.2026: секції шаблону для «Контактів» (маршрут, HUD-карта, відгуки) — витяг з pechersk.css без шапки, щоб меню не ламалось */
.hud{position:relative;isolation:isolate;--c:18px}
.hud::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(5,5,5,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:inset 0 0 18px rgba(225,255,39,.08);
  clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
.hud-tag{position:absolute;z-index:2;top:0;left:30px;background:var(--acid);color:#000;font:700 10px/1 var(--mono);letter-spacing:.14em;padding:5px 8px;text-transform:uppercase}
.hero-photo .hud-l{position:absolute;transform:translateZ(60px);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.chero-hud{position:absolute;z-index:2;right:62px;top:24px;font:500 11px/1 var(--mono);letter-spacing:.12em;text-shadow:0 1px 4px #000}
.chero-hud i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:8px;box-shadow:0 0 6px var(--red);animation:blink 1s steps(1) infinite}
.chero-btns{display:flex;gap:10px;flex-wrap:wrap}
.chero-hud b{font-weight:700;color:var(--acid)}
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.rev-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;background:rgba(11,11,11,.74)}
.rev-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px;scrollbar-width:none}
.rev-track::-webkit-scrollbar{display:none}
.rev{flex:0 0 clamp(260px,26vw,360px);scroll-snap-align:start;padding:26px 22px 20px;display:flex;flex-direction:column;gap:16px;min-height:220px}
.rev .stars{color:var(--acid);letter-spacing:.2em;text-shadow:0 0 8px rgba(225,255,39,.5)}
.rev q{font:600 18px/1.3 var(--display);quotes:"«" "»"}
.rev .who{margin-top:auto;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray)}
@media (max-width:980px){.chero-btns .btn{width:100%}.chero-hud{right:54px}.st-head,.rev-head,.online-in,.book{grid-template-columns:1fr}.who-grid{grid-template-columns:1fr 1fr}}
.gallery .st-head,.revs .rev-head,.team-head .cell{padding-block:clamp(48px,7vw,110px)}
.who2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.who-l{border-right:1px solid var(--line)}
.who-sticky{position:sticky;top:var(--hdr);min-height:calc(100svh - var(--hdr));display:flex;flex-direction:column;gap:20px}
.who-wire{width:min(260px,60%);aspect-ratio:1;align-self:center;margin:auto 0}
.who-idx{display:flex;align-items:baseline;gap:12px}
.who-idx b{font:900 clamp(40px,5vw,80px)/1 var(--display);color:var(--acid);text-shadow:0 0 18px rgba(225,255,39,.4)}
.who-list{list-style:none;margin:0;padding:18vh 0 26vh}
.who-list li a{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:16px;padding:clamp(22px,3vw,40px) clamp(18px,3vw,40px);border-bottom:1px solid var(--line);color:var(--ink-dim);opacity:.35;transition:opacity .35s,color .35s,background .35s}
.who-list li:first-child a{border-top:1px solid var(--line)}
.who-list .i{font:700 12px var(--mono);letter-spacing:.14em;color:var(--gray)}
.who-list .t{font:900 clamp(26px,3.4vw,54px)/1 var(--display);text-transform:uppercase}
.who-list .go{font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pink);opacity:0;transition:opacity .3s}
.who-list li.on a{opacity:1;color:var(--ink);background:rgba(225,255,39,.05)}
.who-list li.on .i{color:var(--acid)}
.who-list li.on .t{color:var(--acid);text-shadow:0 0 18px rgba(225,255,39,.35)}
.who-list li a:hover{opacity:1}
.who-list li a:hover .go,.who-list li.on .go{opacity:1}
.rev-track{scroll-snap-type:none}
.rev{will-change:transform}
@media (max-width:980px){.who2{display:block}.who-l{display:contents}.who-sticky{position:sticky;top:var(--hdr);z-index:3;min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-block:14px;border-bottom:1px solid var(--line);background:rgba(8,8,8,.92)}.who-sticky .sec-no,.who-sticky .lead{display:none}.who-sticky h2.big{font-size:clamp(30px,9vw,44px);flex:1}.who-wire{width:64px;margin:0;order:3}.who-idx{order:2}.who-idx b{font-size:36px}.who-idx .label{display:none}.who-list{padding:6vh 0 16vh}.who-list li a{grid-template-columns:40px 1fr;padding:22px 18px}.who-list .go{display:none}}
.how-stage,.who2,.grid2,.st-head,.rev-head,.online-in,.book,.revs2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.revs2{display:grid}
.rv-list .stars{color:var(--acid);letter-spacing:.2em;text-shadow:0 0 8px rgba(225,255,39,.5)}
@media (max-width:980px){.who2,.grid2,.st-head,.rev-head,.online-in,.book{grid-template-columns:minmax(0,1fr)!important}.revs2{display:block}}
.route{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.route-l{display:flex;flex-direction:column;gap:22px;border-right:1px solid var(--line);padding-block:clamp(48px,6vw,100px)}
.rt-list{margin:0}
.rt-list>div{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.rt-list dt{font-size:10px;letter-spacing:.16em;color:var(--gray);text-transform:uppercase;padding-top:3px}
.rt-list dd{margin:0;font:700 15px/1.35 var(--display)}
.rt-list dd.ph{color:var(--gray);font:italic 400 12px var(--mono)}
.hmap{position:relative;display:block;min-height:480px;background:#060606;overflow:hidden;cursor:pointer}
.hmap canvas{position:absolute;inset:0;width:100%;height:100%}
.hm-tag{position:absolute;left:18px;top:16px;font:700 10px var(--mono);letter-spacing:.14em;color:var(--acid);z-index:2}
.hm-pin{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.hm-pin b{background:var(--pink);color:#000;font:700 11px/1 var(--mono);letter-spacing:.12em;padding:8px 10px;white-space:nowrap}
.hm-pin i{order:2;width:14px;height:14px;background:var(--pink);transform:rotate(45deg);box-shadow:0 0 0 0 rgba(233,79,138,.7);animation:pinp 1.8s infinite}
.hm-cta{position:absolute;right:16px;bottom:16px;z-index:2;background:var(--acid);color:#000;font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:12px 14px;transition:transform .2s}
.hmap:hover .hm-cta{transform:translate(-3px,-3px);box-shadow:3px 3px 0 #000}
@media (max-width:980px){.route{grid-template-columns:1fr}.route-l{border-right:0;border-bottom:1px solid var(--line)}.hmap{min-height:360px}.rt-list>div{grid-template-columns:90px 1fr}}
.hm-pin b{background:var(--acid)}
.hm-pin i{background:var(--acid);animation-name:pinpa}
.rt-door{margin:22px 0 0;padding:14px}
.rt-door-ph{aspect-ratio:16/10;background:repeating-linear-gradient(135deg,rgba(244,244,244,.04) 0 10px,transparent 10px 20px),#0b0b0b;display:grid;place-items:center;border:1px dashed var(--line-2);background-size:cover;background-position:center}
.rt-door-ph span{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}
.rt-door figcaption{margin-top:10px;font:400 12px var(--mono);color:var(--ink-dim)}
.rt-door-ph.has-img{border-style:solid;background-color:#111}
@keyframes pinp{70%{box-shadow:0 0 0 22px rgba(233,79,138,0)}100%{box-shadow:0 0 0 0 rgba(233,79,138,0)}}
@keyframes pinpa{0%{box-shadow:0 0 0 0 rgba(225,255,39,.7)}70%{box-shadow:0 0 0 22px rgba(225,255,39,0)}100%{box-shadow:0 0 0 0 rgba(225,255,39,0)}}