/* ============================================================
   VIVAT · PR-кластер — pillar-страница «Большой PR»
   Подключать после styles.css / service.css / pages.css
   ============================================================ */

/* ---------- Определение-сущность (AI-фрагмент) ---------- */
.entity-def{border-left:3px solid var(--accent);padding:6px 0 6px 24px;margin:0 0 26px;max-width:62ch}
.entity-def p{font-family:var(--font-display);font-weight:600;font-size:clamp(19px,2vw,25px);line-height:1.35;color:var(--ink);margin:0;text-wrap:pretty}

/* ---------- Полноэкранная подложка блока (для вставки в CMS) ---------- */
.vivat-main{position:relative;background:var(--bg);color:var(--ink);width:100vw;margin-left:calc(50% - 50vw);margin-top:calc(-1 * var(--vivat-gap,0px))}
.vivat-main>*{max-width:none}

/* ---------- Текстовый поток SEO-раздела ---------- */
.pr-prose{max-width:68ch}
.pr-prose p{color:var(--ink-2);font-size:16.5px;line-height:1.7;margin:0 0 15px;text-wrap:pretty}
.pr-prose p:last-child{margin-bottom:0}
.pr-prose strong{color:var(--ink);font-weight:700}

/* ---------- Список услуг (H3-блоки) ---------- */
.pr-services{display:grid;gap:16px;margin-top:50px}
.pr-svc{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,34px);padding:clamp(24px,3vw,34px);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--bg-2);transition:border-color .25s,transform .25s cubic-bezier(.2,.8,.2,1)}
.pr-svc:hover{border-color:var(--accent);transform:translateY(-3px)}
@media (max-width:760px){.pr-svc{grid-template-columns:1fr;gap:16px}}
.pr-svc__rail{display:flex;flex-direction:column;align-items:center;gap:12px}
@media (max-width:760px){.pr-svc__rail{flex-direction:row;align-items:center}}
.pr-svc__ic{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.pr-svc__ic svg{width:25px;height:25px}
.pr-svc__num{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--ink-3)}
.pr-svc h3{font-size:clamp(21px,2.3vw,28px);margin-bottom:12px;line-height:1.15}
.pr-svc p{color:var(--ink-2);font-size:16px;line-height:1.68;margin:0 0 12px;max-width:66ch;text-wrap:pretty}
.pr-svc__feat{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.pr-svc__feat li{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:10px;align-items:start;font-size:14.5px;line-height:1.5;color:var(--ink);text-wrap:pretty}
.pr-svc__feat li svg{width:16px;height:16px;margin-top:.28em;color:var(--accent)}
.pr-svc__kw{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;list-style:none;padding:0}
.pr-svc__kw li{font-family:var(--font-mono);font-size:11px;line-height:1.2;letter-spacing:.03em;white-space:nowrap;color:var(--ink-3);background:var(--bg-3);border-radius:999px;padding:6px 11px}
.pr-svc__more{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14.5px;line-height:1.3;color:var(--ink);margin-top:18px}
.pr-svc__more svg{width:15px;height:15px;color:var(--accent);transition:transform .2s}
.pr-svc:hover .pr-svc__more svg{transform:translateX(4px)}

/* ---------- Брендовый тезис ---------- */
.tezis{margin:44px 0 0;padding:clamp(26px,4vw,44px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-2);max-width:none}
.tezis blockquote{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,3.2vw,40px);line-height:1.15;letter-spacing:-.015em;color:var(--ink);margin:0;text-wrap:balance}
.tezis blockquote .accent{color:var(--accent)}
.tezis figcaption{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:16px}

/* ---------- Кейсы Большого PR ---------- */
.pr-cases{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:46px}
@media (max-width:860px){.pr-cases{grid-template-columns:1fr}}
.pr-case{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg-2);padding:clamp(22px,3vw,32px);display:flex;flex-direction:column;gap:0;transition:border-color .2s}
.pr-case:hover{border-color:var(--accent)}
.pr-case__client{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.pr-case dl{display:grid;gap:14px;margin:0}
.pr-case dt{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:5px}
.pr-case dd{margin:0;color:var(--ink-2);font-size:15px;line-height:1.6}
.pr-case__link{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px;color:var(--ink);margin-top:20px}
.pr-case__link svg{width:15px;height:15px;color:var(--accent);transition:transform .2s}
.pr-case:hover .pr-case__link svg{transform:translateX(4px)}
.pr-case--todo{border-style:dashed;background:transparent}
.pr-case--todo .pr-case__client{color:var(--ink-3)}
.pr-case--todo dd{color:var(--ink-3)}

/* ---------- Факты о компании (машиночитаемый блок) ---------- */
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:44px;list-style:none;padding:0}
@media (max-width:760px){.facts{grid-template-columns:1fr}}
.facts li{display:flex;gap:13px;align-items:flex-start;padding:20px 22px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--ink);font-size:15.5px;line-height:1.6}
.facts li svg{width:19px;height:19px;flex:0 0 auto;margin-top:3px;color:var(--accent)}

/* ---------- Оговорка / важное замечание ---------- */
.pr-caveat{display:flex;gap:16px;align-items:flex-start;margin-top:36px;padding:clamp(22px,3vw,30px);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-3)}
.pr-caveat__ic{flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}
.pr-caveat__ic svg{width:21px;height:21px}
.pr-caveat p{margin:0;color:var(--ink-2);font-size:15.5px;line-height:1.65;max-width:70ch}
.pr-caveat p+p{margin-top:10px}
.pr-caveat b{color:var(--ink)}

/* ---------- Связка компетенций ---------- */
.pr-chain{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px;list-style:none;padding:0}
.pr-chain li{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;color:var(--ink-2);background:var(--bg-3);border:1px solid var(--line-soft);border-radius:999px;padding:9px 16px}
.pr-chain li.is-key{background:var(--accent-soft);border-color:transparent;color:var(--accent);font-weight:500}

/* ---------- Пункты, страницы которых ещё не опубликованы ---------- */
.is-soon{cursor:default}
.is-soon em{font-family:var(--font-mono);font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px dashed var(--line);border-radius:999px;padding:3px 9px;white-space:nowrap}
.pr-svc__more.is-soon{color:var(--ink-3);gap:10px}
.pr-case__link.is-soon{color:var(--ink-3);font-weight:600;font-size:13.5px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.pr-links .is-soon{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--ink-3);background:transparent;border:1px dashed var(--line);border-radius:999px;padding:11px 18px}
.pr-links .is-soon svg{width:15px;height:15px;color:var(--ink-3)}

/* ---------- Внутренние ссылки раздела ---------- */
.pr-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;list-style:none;padding:0}
.pr-links a{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:11px 18px;transition:border-color .2s,background .2s}
.pr-links a:hover{border-color:var(--accent);background:var(--bg-3)}
.pr-links a svg{width:15px;height:15px;color:var(--accent)}