/* Главная страница. Общие стили (шапка, кнопки, подвал) — в site.css. */
.home{--neon:#ff3b3b;--neon2:#ff8a6a;--cork:#3b2e22}
.home .cnt{max-width:1140px;margin:0 auto;padding:0 20px}
.wrap-msg{max-width:1140px;margin:16px auto 0;padding:0 20px}
/* ============ ЗАСТАВКА ============ */
#intro{position:fixed;inset:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .9s}
#intro.off{opacity:0;pointer-events:none}
#rain{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s}
#intro.s2 #rain,#intro.s3 #rain,#intro.s4 #rain,#intro.s5 #rain{opacity:1}
.i-step{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transition:opacity .6s}
.i-step.on{opacity:1}
.i-date{font:18px 'PT Mono',monospace;color:#9a958a;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;border-right:2px solid #9a958a;overflow:hidden;width:0}
.i-date.type{animation:typing 1.6s steps(34) forwards,caret .7s step-end infinite}
@keyframes typing{to{width:34ch}}
@keyframes caret{50%{border-color:transparent}}
.wall{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,#2a1c14 0%,#120c09 55%,#000 100%)}
.wall:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 14px),repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 2px,transparent 2px 38px);opacity:.5}
#intro .sign{position:relative;text-align:center}
#intro .sign .neon{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(40px,10vw,120px);letter-spacing:.12em;color:#fff;text-shadow:0 0 6px #fff,0 0 14px var(--neon),0 0 30px var(--neon),0 0 60px var(--neon),0 0 100px #b00;line-height:1}
#intro .sign .neon .w{display:inline-block;white-space:nowrap}#intro .sign .neon .w span{display:inline-block}
#intro .sign .sub{font:clamp(13px,1.6vw,18px) 'PT Mono',monospace;color:#c9a27a;letter-spacing:.3em;margin-top:18px;text-transform:uppercase}
#intro.s2 .sign .neon .w span{animation:neonOn .9s both}
#intro.s2 .sign .neon .w span:nth-child(2n){animation-delay:.25s}#intro.s2 .sign .neon .w span:nth-child(3n){animation-delay:.45s}
@keyframes neonOn{0%{opacity:0}20%{opacity:1}30%{opacity:.2}45%{opacity:1}55%{opacity:.4}70%{opacity:1}100%{opacity:1}}
.s3 #intro .sign .neon .w span{animation:neonDie 1.4s both}
.s3 #intro .sign .neon .w span:nth-child(odd){animation-delay:.3s}.s3 #intro .sign .neon .w span:nth-child(3n){animation-delay:.6s}
@keyframes neonDie{0%{opacity:1}30%{opacity:.3}40%{opacity:1}70%{opacity:.1}100%{opacity:0;text-shadow:none;color:#3a2a22}}
.fire{position:absolute;left:0;right:0;bottom:-30%;height:80%;background:radial-gradient(ellipse at 50% 100%,rgba(255,140,40,.95) 0%,rgba(230,70,20,.7) 25%,rgba(120,20,0,.35) 55%,transparent 75%);opacity:0;transition:opacity 1.6s;filter:blur(6px)}
#intro.s3 .fire{opacity:1;animation:flick .18s infinite alternate}
@keyframes flick{from{transform:scaleY(1)}to{transform:scaleY(1.04)}}
.stamp-big{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(28px,6vw,72px);letter-spacing:.12em;color:var(--red);border:6px solid var(--red);padding:10px 28px;text-transform:uppercase;transform:rotate(-8deg) scale(3);opacity:0;mix-blend-mode:screen}
#intro.s4 .stamp-big{animation:slam .5s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes slam{to{transform:rotate(-8deg) scale(1);opacity:1}}
.stamp-big small{display:block;font:16px 'PT Mono',monospace;letter-spacing:.2em;margin-top:6px;text-align:center}
.nokia{width:min(78vw,420px);background:#0f1a10;border:10px solid #2a3330;border-radius:14px;padding:26px 22px;box-shadow:0 0 0 4px #141a16,0 30px 80px #000}
.nokia .lcd{background:#9bbf5a;color:#102010;font:clamp(16px,3.4vw,24px)/1.5 'PT Mono',monospace;padding:14px 16px;min-height:5.2em;box-shadow:inset 0 0 0 2px #7fa048;letter-spacing:.02em}
.nokia .lcd .hdr{font-size:.72em;opacity:.8;border-bottom:1px solid #7fa048;margin-bottom:6px;padding-bottom:4px}
.nokia .keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.nokia .keys i{display:block;height:22px;background:#3a4440;border-radius:11px}
#skip{position:absolute;right:22px;bottom:22px;z-index:101;font:13px 'PT Mono',monospace;letter-spacing:.14em;color:#9a958a;background:transparent;border:1px solid #3a3d44;padding:8px 14px;cursor:pointer;text-transform:uppercase}
#skip:hover{color:var(--text);border-color:var(--text)}
.i-title{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(70px,16vw,220px);letter-spacing:.2em;color:var(--text);line-height:1}
.i-title small{display:block;font:clamp(13px,1.6vw,18px) 'PT Mono',monospace;letter-spacing:.42em;color:var(--accent);margin-top:14px;font-weight:400}
.scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px);opacity:.35}

/* ============ ГЕРОЙ ============ */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 20% 40%,#2a1c14 0%,#120c09 50%,#0e0f12 100%)}
.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 14px),repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 2px,transparent 2px 38px);opacity:.45}
#rain2{position:absolute;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none}
.hero .cnt{position:relative;padding:80px 20px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero .neon{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(40px,6.4vw,84px);letter-spacing:.12em;color:#fff;text-shadow:0 0 6px #fff,0 0 14px var(--neon),0 0 30px var(--neon),0 0 60px var(--neon);line-height:1.02;animation:buzz 7s infinite}
@keyframes buzz{0%,100%{opacity:1}92%{opacity:1}93%{opacity:.4}94%{opacity:1}96%{opacity:.6}97%{opacity:1}}
.hero .neon .dead{color:#4a3228;text-shadow:none}
.hero .addr{font:14px 'PT Mono',monospace;color:#c9a27a;letter-spacing:.3em;text-transform:uppercase;margin:16px 0 34px}
.hero h1{font-size:clamp(30px,3.6vw,46px);line-height:1.15;color:var(--text);margin-bottom:14px}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p.lead{font-size:18px;color:#d6d0c2;max-width:540px;margin:0 0 28px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.hero .hint{font:13px 'PT Mono',monospace;color:var(--muted);margin-top:16px;letter-spacing:.04em}
.hero .phone{justify-self:center}
.hero .phone .nokia{transform:rotate(-4deg)}
.hero .phone .cap{font:13px 'PT Mono',monospace;color:var(--muted);text-align:center;margin-top:18px;letter-spacing:.1em}
/* ============ БЕГУЩАЯ СТРОКА 2003 ============ */
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0b0d;overflow:hidden;white-space:nowrap;padding:12px 0}
.ticker div{display:inline-block;animation:tick 70s linear infinite;font:14px 'PT Mono',monospace;color:#b7b1a4;letter-spacing:.08em}
.ticker span{margin:0 34px}
.ticker b{color:var(--accent);font-weight:400}
@keyframes tick{to{transform:translateX(-50%)}}
/* ============ ДОСКА ============ */
.board{background:var(--cork) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .18 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");padding:80px 0 130px;position:relative;box-shadow:inset 0 0 120px rgba(0,0,0,.6)}
.board .head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:40px}
.board h2{font-size:44px;color:var(--paper);text-shadow:0 2px 0 #000}
.board .hand{font:26px 'Caveat',cursive;color:#f3e9c9;transform:rotate(-2deg);max-width:420px}
.pins{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:34px 26px}
.pins svg.thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.pin{position:relative;background:var(--paper);padding:10px 10px 14px;box-shadow:0 14px 30px rgba(0,0,0,.55);transform:rotate(var(--r));cursor:pointer;transition:transform .25s,box-shadow .25s;opacity:0}
.pin.in{opacity:1;animation:drop .5s cubic-bezier(.2,1.4,.4,1) both}
@keyframes drop{from{transform:rotate(var(--r)) translateY(-30px) scale(1.04)}to{transform:rotate(var(--r)) translateY(0) scale(1)}}
.pin:hover{transform:rotate(0deg) translateY(-8px) scale(1.03);box-shadow:0 26px 50px rgba(0,0,0,.7);z-index:3}
.pin:before{content:'';position:absolute;top:-9px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff6b6b,#9a1111 60%,#5a0a0a);box-shadow:0 3px 4px rgba(0,0,0,.6);z-index:2}
.pin .img{aspect-ratio:4/3;overflow:hidden;background:#bdb39b;position:relative}
.pin .img img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.3) contrast(1.05) saturate(.9)}
.pin.locked .img img{filter:sepia(.6) brightness(.5) contrast(1.1)}
.pin .st{position:absolute;right:8px;top:8px;font:12px 'Oswald',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--red);border:2px solid var(--red);padding:2px 7px;transform:rotate(-10deg);background:rgba(239,231,210,.85)}
.pin.free .st{color:#2f7a2a;border-color:#2f7a2a}
.pin.locked .st{color:#5b4a3a;border-color:#5b4a3a}
.pin .cap{font:20px 'Caveat',cursive;color:#2a241c;margin:10px 2px 0;line-height:1.1}
.pin .cap small{display:block;font:11px 'PT Mono',monospace;color:#6a6357;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.pin .price{font:15px 'Oswald',sans-serif;color:#2a241c;margin-top:6px;letter-spacing:.06em}
.pin .price.free{color:#2f7a2a}.pin .price.soon{color:#6a6357;font-size:12px;letter-spacing:.12em}
.note{position:absolute;background:#f6e9a6;color:#2a241c;font:22px 'Caveat',cursive;padding:14px 16px;width:220px;box-shadow:0 10px 24px rgba(0,0,0,.5);transform:rotate(3deg);line-height:1.15;z-index:2}
.note:before{content:'';position:absolute;top:-8px;left:40%;width:50px;height:16px;background:rgba(255,255,255,.35);transform:rotate(-6deg)}
/* ============ СТОЛ ОПЕРА ============ */
.desk{padding:90px 0 60px;position:relative;background:#1a120d url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='w'><feTurbulence baseFrequency='.004 .09' numOctaves='3' seed='3'/><feColorMatrix values='0 0 0 0 .25 0 0 0 0 .15 0 0 0 0 .08 0 0 0 .55 0'/></filter><rect width='300' height='300' filter='url(%23w)'/></svg>");box-shadow:inset 0 0 160px rgba(0,0,0,.75)}
.desk .top{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin-bottom:46px}
.desk h2{font-size:44px;color:var(--paper)}
.desk .typed{font:13px 'PT Mono',monospace;color:#b59c7c;letter-spacing:.16em;text-transform:uppercase}
.deskgrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:start}
.page{background:#f3ecd8 repeating-linear-gradient(0deg,transparent 0 31px,#cfd8e6 31px 32px);color:#26211a;padding:40px 28px 34px 58px;position:relative;transform:rotate(-1.2deg);box-shadow:0 22px 50px rgba(0,0,0,.6);min-height:520px}
.page:before{content:'';position:absolute;top:0;bottom:0;left:44px;width:1px;background:#e2a2a2}
.page:after{content:'';position:absolute;left:-6px;top:30px;bottom:30px;width:14px;background:repeating-linear-gradient(0deg,transparent 0 22px,#8a7f6a 22px 26px,transparent 26px 40px);opacity:.6}
.page .d{font:700 30px 'Caveat',cursive;color:#1f1a14;margin:0 0 6px;line-height:32px}
.page .e{position:relative;font:23px/32px 'Caveat',cursive;color:#2b2419;margin:0;padding-right:84px}
.page .e b{font-weight:700;color:#8a1e14}
.page .e s{text-decoration:line-through;color:#7a6e5c}
.page .e .tag{position:absolute;right:-2px;top:7px;font:10px 'PT Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#6b5a3e;border:1px solid #a08a62;padding:1px 6px;transform:rotate(-4deg);background:rgba(243,236,216,.9)}
.page .noise{margin:26px 0 0;font:12px 'PT Mono',monospace;color:#5c5140;letter-spacing:.1em;text-transform:uppercase;line-height:32px}
.page .noise i{display:inline-block;width:11px;height:14px;background:#d9cfb6;margin-right:3px;vertical-align:middle;border:1px solid #a89b7e}
.page .noise i.on{background:#c0392b;border-color:#8a1e14}
.page .noise em{font:20px 'Caveat',cursive;color:#8a1e14;text-transform:none;letter-spacing:0;margin-left:10px}
.page .ring{position:absolute;right:26px;top:22px;width:92px;height:92px;border-radius:50%;border:9px solid rgba(120,72,20,.22);box-shadow:inset 0 0 0 2px rgba(120,72,20,.12);transform:rotate(-20deg) scaleX(.96);pointer-events:none}
.pile{position:relative;height:600px}
.ph{position:absolute;background:#fff;padding:8px 8px 10px;box-shadow:0 18px 40px rgba(0,0,0,.6);transform:rotate(var(--r));opacity:0}
.ph.in{opacity:1;animation:lay .6s cubic-bezier(.2,1,.3,1) both}
@keyframes lay{from{transform:rotate(var(--r)) translateY(26px) scale(1.03);opacity:0}to{transform:rotate(var(--r));opacity:1}}
.ph img{display:block;width:100%;filter:contrast(1.05) saturate(.92)}
.ph .c{font:19px 'Caveat',cursive;color:#2a241c;line-height:1.1;margin:8px 2px 0}
.ph .clip{position:absolute;top:-14px;left:26px;width:22px;height:48px;border:3px solid #8e8e8e;border-radius:11px/14px;border-bottom-color:transparent;transform:rotate(8deg);box-shadow:1px 1px 0 rgba(0,0,0,.3)}
.ph .clip:after{content:'';position:absolute;left:4px;top:8px;width:8px;height:34px;border:2px solid #9a9a9a;border-radius:6px/8px;border-top-color:transparent}
.ph.map{left:0;top:0;width:60%;--r:-3deg;z-index:1}
.ph.phone{right:0;top:26px;width:33%;--r:4deg;z-index:2;background:#111;padding:6px}
.ph.phone .c{color:#d8cfb8}
.ph.phone .c{font-size:17px}
.cork{position:absolute;left:8%;bottom:0;width:80%;height:230px;background:var(--cork) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .18 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");box-shadow:0 18px 40px rgba(0,0,0,.6),inset 0 0 0 6px #2a1f16;transform:rotate(1.5deg);z-index:3}
.cork .ev{position:absolute;width:24%;background:var(--paper);padding:6px 6px 8px;transform:rotate(var(--r));box-shadow:0 8px 18px rgba(0,0,0,.5)}
.cork .ev img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:sepia(.35)}
.cork .ev small{display:block;font:11px 'PT Mono',monospace;color:#5c5140;margin-top:5px;letter-spacing:.06em}
.cork .ev:before{content:'';position:absolute;top:-6px;left:50%;width:13px;height:13px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff6b6b,#9a1111 60%,#5a0a0a);box-shadow:0 2px 3px rgba(0,0,0,.6)}
.cork .ded{position:absolute;right:3%;top:34px;background:#f6e9a6;padding:10px 14px;font:21px 'Caveat',cursive;color:#2a241c;transform:rotate(-5deg);box-shadow:0 8px 18px rgba(0,0,0,.5);width:170px;line-height:1.1}
.cork .ded b{color:#8a1e14}
.cork svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.cork .lbl{position:absolute;left:14px;bottom:8px;font:18px 'Caveat',cursive;color:#f3e9c9}

/* ============ ПОДПИСКА (ТЕЛЕГРАММА) ============ */
.subs{padding:40px 0 90px;background:var(--bg)}
.tg{max-width:760px;margin:0 auto;background:#efe7d2 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='p'><feTurbulence baseFrequency='.8' numOctaves='2'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .06 0'/></filter><rect width='200' height='200' filter='url(%23p)'/></svg>");color:#26211a;padding:26px 34px 30px;position:relative;transform:rotate(.6deg);box-shadow:0 24px 60px rgba(0,0,0,.6);font-family:'PT Mono',monospace}
.tg:before{content:'';position:absolute;inset:8px;border:1px solid #9c8f74;pointer-events:none}
.tg .hd{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #26211a;padding-bottom:8px;margin-bottom:16px;flex-wrap:wrap;gap:8px}
.tg .hd b{font:700 26px 'Oswald',sans-serif;letter-spacing:.3em}
.tg .hd span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5c5140}
.tg .line{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;margin:10px 0}
.tg .line label{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#5c5140;flex:0 0 auto}
.tg input{flex:1 1 240px;background:transparent;border:0;border-bottom:1px dashed #26211a;font:19px 'PT Mono',monospace;color:#26211a;padding:6px 4px;outline:none;min-width:0}
.tg input:focus{border-bottom-style:solid}
.tg .body{font-size:17px;letter-spacing:.06em;text-transform:uppercase;line-height:1.6;margin:14px 0 18px;padding:12px 14px;background:rgba(255,255,255,.35)}
.tg .foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.tg .foot small{font-size:12.5px;color:#5c5140;max-width:420px;line-height:1.45}
.tg .btn{background:#26211a;color:#efe7d2;font-size:15px;padding:12px 22px}
.tg .btn:hover{background:#3a3226;transform:none}
.tg .ok{display:none;position:absolute;right:34px;top:18px;font:700 22px 'Oswald',sans-serif;letter-spacing:.2em;color:var(--red);border:3px solid var(--red);padding:4px 12px;transform:rotate(-12deg);text-transform:uppercase;opacity:.9}
.tg.sent .ok{display:block;animation:stampIn .35s cubic-bezier(.2,1.6,.4,1) both}
@keyframes stampIn{from{transform:rotate(-12deg) scale(2.2);opacity:0}to{transform:rotate(-12deg) scale(1);opacity:.9}}
.tg.sent .btn{pointer-events:none;opacity:.45}
/* ============ ВОПРОСЫ (ПРОТОКОЛ) ============ */
.faq{padding:70px 0 90px;background:var(--bg2)}
.prot{max-width:860px;margin:0 auto;background:var(--paper);color:#26211a;padding:40px 46px 46px;position:relative;transform:rotate(-.5deg);box-shadow:0 24px 60px rgba(0,0,0,.6);font-family:'PT Mono',monospace}
.prot h2{font:700 22px 'PT Mono',monospace;letter-spacing:.28em;text-transform:uppercase;text-align:center;margin:0 0 6px}
.prot .meta{text-align:center;font-size:12.5px;letter-spacing:.08em;color:#5c5140;margin-bottom:30px;line-height:1.6}
.prot .qa{margin:0 0 22px;line-height:1.55;font-size:15px}
.prot .qa b{display:block;font-weight:700;letter-spacing:.04em;margin-bottom:4px}
.prot .qa b:before{content:'ВОПРОС: ';color:#8a1e14}
.prot .qa p{margin:0;padding-left:0}
.prot .qa p:before{content:'ОТВЕТ: ';color:#5c5140}
.prot .sign{margin-top:34px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:14px;font-size:12.5px;letter-spacing:.06em;color:#5c5140}
.prot .sign .hand{font:28px 'Caveat',cursive;color:#1f3a7a;transform:rotate(-6deg);display:inline-block}
.prot .stamp2{position:absolute;right:40px;top:28px;font:700 15px 'Oswald',sans-serif;letter-spacing:.2em;color:#1f5aa8;border:3px double #1f5aa8;border-radius:50%;width:124px;height:124px;display:grid;place-items:center;text-align:center;transform:rotate(14deg);opacity:.55;text-transform:uppercase;line-height:1.2;padding:10px}
.prot .mg{position:absolute;left:-30px;top:46%;font:22px 'Caveat',cursive;color:#8a1e14;transform:rotate(-90deg);transform-origin:left top;white-space:nowrap}
/* ============ МОДАЛКА ============ */
.modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.8)}
.modal.open{display:flex}
.modal .boxwrap{position:relative;max-width:760px;width:100%}
.modal .box{background:var(--paper);color:#2a241c;max-height:92vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.7);animation:pop .22s ease-out}
@keyframes pop{from{transform:translateY(12px) rotate(-1deg);opacity:0}to{transform:none;opacity:1}}
.modal .box img{width:100%;aspect-ratio:16/7;object-fit:cover;display:block;filter:sepia(.3)}
.modal .inner{padding:22px 26px 26px}
.modal .no{font:12px 'PT Mono',monospace;letter-spacing:.12em;color:#6a6357;text-transform:uppercase}
.modal h3{font-size:30px;margin:4px 0 10px}
.modal .teaser{font:26px 'Caveat',cursive;color:#3a342a;margin:0 0 12px}
.modal .desc{margin:0 0 14px}
.modal .meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;color:#6a6357;margin-bottom:18px}
.modal .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.modal .close{position:absolute;top:10px;right:14px;background:rgba(0,0,0,.6);color:#fff;border:0;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer;z-index:2}
.pay{background:var(--paper2);border:1px dashed #b7ad94;padding:12px 14px;font-size:14px;margin-top:14px}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:30px;background:var(--accent);color:#1a1409;padding:10px 16px;font-family:'Oswald',sans-serif;z-index:60;opacity:0;transition:opacity .2s}
.toast.on{opacity:1}
@media(max-width:980px){.hero .cnt{grid-template-columns:1fr}.hero .phone{display:none}.pins{grid-template-columns:repeat(2,1fr)}.note{display:none}.deskgrid{grid-template-columns:1fr}.pile{height:auto;display:flex;flex-direction:column;gap:30px;padding-top:16px}.ph{position:static!important;width:100%!important;opacity:1}.ph.phone{width:60%!important;margin:0 auto}.cork{position:relative;left:0;width:100%;height:230px;transform:none}.cork .ded{width:34%;font-size:16px;padding:8px 10px;top:6px}.cork .ev:nth-child(4){display:none}.cork .ev{width:30%}.cork .lbl{font-size:15px}.prot{padding:30px 22px 34px}.prot .mg{display:none}.prot .stamp2{width:90px;height:90px;font-size:11px;right:16px;top:12px}.tg{padding:22px 18px 24px}.tg .ok{right:16px}}
@media(max-width:600px){#intro .sign{padding:0 12px}#intro .sign .sub{letter-spacing:.14em}.i-title{letter-spacing:.12em}}



/* ---------- дополнения к превью ---------- */
#intro[hidden]{display:none}
.hero .hint a{color:var(--accent2)}
.pin{display:flex;flex-direction:column}
.pin:focus-visible{outline:3px solid var(--accent2);outline-offset:4px}
.pin .btn.play{margin-top:10px;align-self:flex-start;font-size:14px;padding:8px 14px}
.pin.free{box-shadow:0 14px 30px rgba(0,0,0,.55),0 0 0 3px rgba(47,122,42,.0)}
.pin.soon .img img{filter:sepia(.6) brightness(.5) contrast(1.1)}
.pin.soon .st{color:#5b4a3a;border-color:#5b4a3a}
.pin.free .st{color:#2f7a2a;border-color:#2f7a2a}
.talk .row{margin-top:6px}
.msg-card.vk{border-radius:8px;background:#1b2230;border-color:#2b3a52}
.msg-card .av{background:#5a4a3a}
.msg-card .ft a{color:#8ea0c0}
.tg .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.tg .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;letter-spacing:.04em;color:#3a3226;margin:0 0 14px;cursor:pointer}
.tg .consent input{margin:2px 0 0;width:16px;height:16px;accent-color:#26211a;flex:none}
.modal[hidden]{display:none}
.modal .facts{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:13.5px;color:#6a6357;margin-bottom:18px}
.modal .btn.ghostp{background:transparent;color:#2a241c;border:1px solid #8a8070}
.modal .btn.ghostp:hover{border-color:#2a241c}
@media(max-width:600px){.pins{grid-template-columns:repeat(2,1fr);gap:26px 14px}.pin .cap{font-size:17px}.pin .btn.play{font-size:12px;padding:6px 10px}.note{display:none}}
@media(max-width:380px){.pins{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ticker div{animation:none}.talk .row .track{animation:none}.hero .neon{animation:none}}