/* Видео на сайте (30.09.2026): карточки-ролики в стиле карт клуба —
 * рамка цвета песка, кадр из видео, кнопка ▶, цитата серифом. */
.vcard{--w:220px;width:var(--w);aspect-ratio:9/16;position:relative;display:block;padding:0;border:0;cursor:pointer;color:var(--cream);text-align:center;
  border-radius:calc(var(--w) * .055);overflow:hidden;background:linear-gradient(180deg,rgba(22,17,15,0) 42%,rgba(22,17,15,.94) 88%),var(--img) 50% 30%/cover no-repeat,var(--ink-2);
  box-shadow:0 0 0 1px rgba(201,165,131,.55),0 30px 60px -30px #000;transition:box-shadow .4s,transform .4s}
.vcard::before{content:"";position:absolute;inset:calc(var(--w) * .035);border:1px solid rgba(201,165,131,.45);border-radius:calc(var(--w) * .035);pointer-events:none}
.vcard:hover,.vcard:focus-visible{box-shadow:0 0 0 1px rgba(255,150,110,.8) inset,0 0 38px -6px rgba(255,90,40,.6);transform:translateY(-4px);outline:none}
.vcard .play{position:absolute;left:50%;top:42%;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(243,235,226,.75);background:rgba(22,17,15,.35);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:box-shadow .4s}
.vcard:hover .play{box-shadow:0 0 0 1px var(--sand),0 0 44px rgba(255,90,40,.8)}
.vcard .play svg{width:18px;height:18px;fill:var(--cream);margin-left:3px}
.vcard .dur{position:absolute;z-index:1;top:calc(var(--w) * .07);right:calc(var(--w) * .075);padding:2px 8px;border-radius:20px;background:rgba(22,17,15,.62);font-family:var(--serif);font-size:13px;letter-spacing:.06em;color:var(--cream)}
.vcard .q{position:absolute;left:11%;right:11%;bottom:9%;font-family:var(--serif);font-style:italic;font-size:calc(var(--w) * .078);line-height:1.18;text-wrap:balance;text-shadow:0 1px 12px #000}

/* ----- Компьютерная раскладка: ряд под колодой текстовых отзывов ----- */
.vvids{position:relative;z-index:3;padding:36px 24px 72px;text-align:center}
.vvids-h{margin:0 0 30px;display:flex;flex-direction:column;align-items:center;gap:.4rem}
.vvids-h .t{font-family:var(--serif);font-weight:300;font-size:clamp(1.8rem,2.6vw,2.4rem);line-height:1.1}
.vvids-h .s{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--sand)}
.vvids-row{display:flex;justify-content:safe center;gap:clamp(16px,2vw,28px);flex-wrap:nowrap;overflow-x:auto;padding:10px 24px 18px;margin:0 -24px;scroll-snap-type:x proximity;scrollbar-width:none}
.vvids-row::-webkit-scrollbar{display:none}
.vvids-row .vcard{flex:none;--w:clamp(170px,15vw,220px);scroll-snap-align:center}

/* ----- Мобильная раскладка: отдельный экран с каруселью ----- */
.p-vvid .sec-title{margin-bottom:4px}
.p-vvid .vv-sub{margin:0 0 4px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sand)}
.p-vvid .rail{--w:min(58vw, calc((100cqh - 230px) * .5625))}
.p-vvid .slot .vcard{--w:inherit;width:var(--w)}
.p-vvid .slot{width:var(--w)}
.p-vvid .vv-hint{font-size:13px;color:var(--cream-dim);font-style:italic;font-family:var(--serif)}

/* Субтитры в окне просмотра — шрифтом сайта, на тёмной плашке */
.lb-in video::cue{font-family:"EB Garamond",Georgia,serif;font-size:1.05em;line-height:1.3;color:#F3EBE2;background:rgba(22,17,15,.72)}

/* ----- «Наш формат»: четвёртая карта «Почему Parley Club?» с роликом на обороте ----- */
.fmt-grid.solo .pair.four .cslot.cs-rule{--s:.66}
.charter .vplay{position:absolute;left:0;right:0;top:63%;z-index:2;display:flex;align-items:center;justify-content:center;gap:.55em;color:var(--sand);
  font-family:var(--serif);font-size:calc(var(--w) * .05);letter-spacing:.2em}
.charter .vplay svg{width:calc(var(--w) * .085);height:calc(var(--w) * .085);padding:calc(var(--w) * .022);border:1px solid rgba(201,165,131,.6);border-radius:50%;fill:var(--cream);
  box-shadow:0 0 18px -4px rgba(255,90,40,.7)}
.charter .vplay em{font-style:normal}
.vback .back-in,.pair .vid4 .back-in{inset:calc(var(--w) * .06) calc(var(--w) * .06) calc(var(--w) * .1);display:flex;align-items:center;justify-content:center;padding:0}
.why-v{display:block;height:100%;max-width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:calc(var(--w) * .025);background:#0c0908;box-shadow:0 0 0 1px rgba(201,165,131,.35)}
.why-v::cue{font-family:"EB Garamond",Georgia,serif;font-size:1em;line-height:1.3;color:#F3EBE2;background:rgba(22,17,15,.72)}
.pair .vid4 .turnback{bottom:calc(var(--w) * -.085)}
/* телефон: карта раскрывается на весь экран (m.js, expand) */
.xcard .why-v{height:100%;width:auto}
.vid4 .ttl .notranslate{white-space:nowrap}
.pair.four .cslot.cs-rule:has(.on)>.obj{transform:translate(calc(-50% - var(--dx, 0px)),-50%) scale(var(--os, 1))}
.xcard.vid4 .back-in{position:absolute;inset:calc(var(--w) * .07) calc(var(--w) * .07) calc(var(--w) * .2);display:flex;align-items:center;justify-content:center;padding:0;overflow:visible}
.xcard.vid4 .why-v{width:auto;height:auto;max-width:100%;max-height:100%}
/* Компьютер: видеоотзывы — свой экран (#vvideos в PAGE_SEL, app.js), целиком в окне */
.vvsec{position:relative;min-height:calc(100svh - 64px);display:flex;align-items:center;justify-content:center}
.vvsec .vvids{padding:28px 24px 40px}
.vvsec .vvids-row .vcard{--w:clamp(160px, min(15vw, calc((100svh - 64px - 210px) * .5625)), 220px)}