/* ==========================================================
   winpix — «Реклама ЖК и очередей» v2 (/services/advertising/), 06.10.2026, версия 1006a
   Страница собрана по структуре эталона «Презентация ЖК»: модули .pp-* берутся из
   /services/property-presentation/pp.css (подключён как есть, файл не менялся).
   Здесь — только свои модули страницы (префикс .ad-) и ритм отступов для её порядка блоков.
   ========================================================== */

/* ---------- Ритм (как у эталона: поле --pp-s 72 px на 1440 / 44 px на 390, пары одного фона — --pp-in/2) ---------- */
#when{padding-bottom:var(--pp-s)}                          /* за #when здесь перебивка, а не #proof */
.pp-il+#proof{padding-top:var(--pp-s)}                      /* после видео — обычное поле */
#works{padding-top:var(--pp-s);padding-bottom:calc(var(--pp-in) / 2)}   /* пара #works → #clients одного фона */
#proof{padding-bottom:var(--pp-s)}
.ad-works .chap__foot{margin-top:clamp(28px,3vw,44px)}

/* ---------- hero: свой постер шоурила (в pp.css фоном стоит постер эталона) ---------- */
.pp-hero__media{background-image:url(/media/rk/rk-hero-reel-poster.webp)}

/* ---------- #when: шесть задач — три колонки по две ---------- */
.ad-when__cols{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){ .ad-when__cols{grid-template-columns:1fr} }

/* ---------- #proof: сценарий → сцена → пэкшот ---------- */
.ad-proof__tabs{margin-top:clamp(8px,1vw,14px)}
.ad-proof .pp-tabs button{color:var(--milk);box-shadow:inset 0 0 0 1px var(--line-d)}
.ad-proof .pp-tabs button[aria-selected="true"]{color:var(--ink);box-shadow:none}
.ad-proof__stage{margin-top:4px}
.ad-proof__pane{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,3.4vw,56px);align-items:start}
.ad-proof__pane[hidden]{display:none}
.ad-proof__film{position:relative;aspect-ratio:16/9;border-radius:var(--r-card);overflow:hidden;background:var(--night-2)}
.ad-proof__film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ad-proof__tag{position:absolute;left:14px;top:14px;font-size:13px;padding:5px 12px;border-radius:var(--r-pill);background:rgba(26,20,18,.72);color:var(--milk)}
.ad-proof__dl{margin:0;display:grid;gap:22px}
.ad-proof__dl>div{padding-top:14px;border-top:1px solid var(--line-d)}
.ad-proof__dl dt{font-size:var(--small);color:var(--mute-d);margin-bottom:10px}
.ad-proof__dl dd{margin:0}
.ad-proof__dl dd p{margin:0 0 8px;color:var(--mute-d);font-size:16px;line-height:1.5;max-width:46ch}
.ad-proof__dl dd p.ad-proof__q{color:var(--milk);font-size:clamp(17px,1.35vw,20px);line-height:1.4}
.ad-proof__pack{font-size:clamp(19px,1.6vw,24px);line-height:1.3;letter-spacing:-.015em;color:var(--brick-text);max-width:30ch}
.ad-proof__src{margin-top:18px;font-size:var(--small);color:var(--mute-d)}
@media (max-width:900px){
  .ad-proof__pane{grid-template-columns:1fr;gap:20px}
  .ad-proof__film{margin-inline:calc(var(--gutter) * -.5)}
  .ad-proof .pp-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
  .ad-proof .pp-tabs::-webkit-scrollbar{display:none}
}

/* ---------- #materials: список УТП от застройщика (вместо карусели рендеров эталона) ---------- */
.ad-utp{margin:clamp(36px,4.5vw,64px) 0 0;padding:clamp(20px,2.6vw,36px);border-radius:var(--r-card);background:var(--night-2);box-shadow:inset 0 0 0 1px var(--line-d)}
.ad-utp__h{margin:0 0 16px;font-size:var(--small);color:var(--mute-d)}
.ad-utp__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ad-utp__list li{padding:12px 20px;border-radius:var(--r-pill);background:rgba(244,238,230,.06);box-shadow:inset 0 0 0 1px var(--line-d);font-size:clamp(17px,1.45vw,22px);letter-spacing:-.015em;line-height:1.2}
/* 08.10: четыре УТП, ставшие роликами, — акцентом; остальные приглушены */
.ad-utp__list li:not(.is-used){color:var(--mute-d)}
.ad-utp__list li.is-used{background:rgba(var(--brick-rgb),.32);box-shadow:inset 0 0 0 1px rgba(var(--brick-rgb),.9);color:var(--milk)}
.ad-utp figcaption{margin-top:18px;font-size:15px;color:var(--mute-d);line-height:1.45}
.ad-src{color:var(--mute-l);white-space:nowrap}
.ad-utp .ad-src,.pp-fears .ad-src{color:var(--mute-d)}
.ad-src::before{content:"· "}

/* ---------- Визуалы шагов и страхов: «документы» на столе (.ad-desk внутри .pp-desk-w эталона) ----------
   .ad-desk — тот же .pp-desk (в ленте с пином ширина = min(100cqw, 100cqh × 1.45)), внутри — шрифты в cqw, чтобы лист влезал целиком */
.ad-desk{aspect-ratio:1.45;container-type:inline-size;display:grid;align-content:center;justify-items:center}
.ad-doc{width:100%;background:#FBF7F1;color:var(--ink);border-radius:12px;padding:clamp(14px,4.2cqw,34px);display:grid;gap:clamp(6px,1.6cqw,14px);align-content:start;
  box-shadow:0 0 0 1px rgba(26,20,18,.06),0 30px 46px -26px rgba(60,30,20,.55)}
.ad-doc__k{margin:0;font-size:clamp(10.5px,1.7cqw,13px);letter-spacing:.06em;text-transform:uppercase;color:var(--mute-l)}
.ad-doc__row{display:grid;grid-template-columns:22% 1fr;gap:clamp(8px,2cqw,18px);padding-top:clamp(6px,1.4cqw,12px);border-top:1px solid var(--line-l)}
.ad-doc__row span{font-size:clamp(11px,1.75cqw,14px);color:var(--mute-l);line-height:1.4}
.ad-doc__row p,.ad-doc__p{margin:0;font-size:clamp(12px,2.05cqw,17px);line-height:1.42;max-width:none}
.ad-doc__p b{font-weight:500}
.ad-doc__s{margin:0;font-size:clamp(10.5px,1.6cqw,13px);color:var(--mute-l)}
.ad-doc__t{display:inline-block;margin-right:8px;font-size:.78em;padding:1px 8px;border-radius:var(--r-pill);background:var(--bone-2);color:var(--mute-l)}
.ad-doc--dark{background:var(--night);color:var(--milk);box-shadow:inset 0 0 0 1px var(--line-d),0 26px 44px -24px rgba(0,0,0,.7)}
.ad-doc--dark .ad-doc__k,.ad-doc--dark .ad-doc__s{color:var(--mute-d)}
/* хронология проекта */
.ad-tl{list-style:none;margin:clamp(2px,1cqw,8px) 0 0;padding:0;display:grid;gap:0;position:relative}
.ad-tl li{position:relative;display:grid;grid-template-columns:34% 1fr;gap:clamp(8px,2cqw,16px);padding:clamp(6px,1.35cqw,11px) 0 clamp(6px,1.35cqw,11px) clamp(18px,3.2cqw,26px);border-top:1px solid var(--line-l);font-size:clamp(12px,2.1cqw,17px);line-height:1.3}
.ad-doc--dark .ad-tl li{border-top-color:var(--line-d)}
.ad-tl li::before{content:"";position:absolute;left:2px;top:50%;width:clamp(7px,1.2cqw,10px);height:clamp(7px,1.2cqw,10px);margin-top:calc(clamp(7px,1.2cqw,10px) / -2);border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor}
.ad-tl li.is-mark::before{background:var(--brick);box-shadow:0 0 0 4px rgba(var(--brick-rgb),.2)}
.ad-tl b{font-weight:500}
.ad-tl li.is-mark b{color:var(--brick)}
.ad-doc--dark .ad-tl li.is-mark b{color:var(--brick-text)}
/* сценарий: диктор / в кадре */
.ad-script{width:100%;border-collapse:collapse;font-size:clamp(11.5px,1.95cqw,16px);line-height:1.35}
.ad-script th{text-align:left;font-weight:400;font-size:clamp(10.5px,1.6cqw,13px);color:var(--mute-l);padding:0 0 clamp(4px,1cqw,8px)}
.ad-script td{vertical-align:top;padding:clamp(5px,1.15cqw,9px) clamp(6px,1.6cqw,14px) clamp(5px,1.15cqw,9px) 0;border-top:1px solid var(--line-l)}
.ad-script td:first-child{width:52%}
.ad-script td[colspan]{color:var(--brick);font-weight:500;padding-top:clamp(7px,1.5cqw,12px)}
/* концепции в письме продюсера */
.ad-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:clamp(5px,1.1cqw,9px)}
.ad-chips li{font-size:clamp(11px,1.8cqw,14.5px);padding:clamp(4px,.8cqw,7px) clamp(8px,1.6cqw,13px);border-radius:var(--r-pill);border:1px solid var(--line-l);background:var(--bone)}
.ad-chips li.is-pick{background:var(--brick);border-color:var(--brick);color:var(--milk)}
/* кастинг: две карточки «кадр + из тритмента» */
.ad-desk--cast,.ad-desk--two{grid-template-columns:1fr 1fr;gap:clamp(10px,2.4cqw,22px);align-items:center}
.ad-cast{display:grid;gap:clamp(6px,1.4cqw,12px)}
.ad-cast img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px rgba(26,20,18,.06),0 26px 40px -24px rgba(60,30,20,.55)}
.ad-cast p{margin:0;font-size:clamp(12px,2cqw,17px);line-height:1.35;max-width:none}
.ad-cast:nth-child(2){translate:0 12%}
.ad-desk--two .ad-doc{align-self:stretch}
/* пэкшот */
.ad-desk--pack{grid-template-columns:1.25fr 1fr;gap:clamp(10px,2.4cqw,22px);align-items:end}
.ad-pack{position:relative}
.ad-pack img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px rgba(26,20,18,.06),0 26px 40px -24px rgba(60,30,20,.55)}
.ad-pack .pp-desk__tag{font-size:clamp(10px,1.5cqw,12px)}
.ad-pack__note{grid-column:1 / -1;margin:0;font-size:clamp(12px,2cqw,17px);line-height:1.4;max-width:58ch}
/* версии под эфир */
.ad-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,1.4cqw,12px)}
.ad-tiles li{display:grid;gap:3px;padding:clamp(8px,1.8cqw,14px);border-radius:8px;background:var(--bone);border:1px solid var(--line-l)}
.ad-tiles b{font-weight:500;font-size:clamp(13px,2.3cqw,19px);letter-spacing:-.01em}
.ad-tiles span{font-size:clamp(10.5px,1.65cqw,13.5px);color:var(--mute-l);line-height:1.3}
/* кадры в карточках страхов */
.ad-shots{list-style:none;margin:0;padding:0;display:grid;gap:clamp(6px,.8vw,10px);box-shadow:0 26px 44px -24px rgba(0,0,0,.7)}
.ad-shots--4{grid-template-columns:1fr 1fr}
.ad-shots--3{grid-template-columns:1fr 1fr}
.ad-shots--3 li:first-child{grid-column:1 / -1}
.ad-shots li{position:relative}
.ad-shots img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.ad-shots .pp-desk__tag{font-size:12px}
.ad-facts{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.ad-facts span{font-size:14px;padding:6px 12px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line-d);color:var(--milk)}
.pp-hzsec.is-hz .pp-fdesk:has(.ad-doc) .pp-fdesk__in{width:min(100%,100cqh * 1.3)}
.pp-hzsec.is-hz .pp-fdesk:has(.ad-shots--3) .pp-fdesk__in{width:min(100%,100cqh * 1.02)}   /* крупный кадр + два снизу: высота ≈ 0,85 ширины */

@media (max-width:900px){
  .ad-desk{aspect-ratio:auto}
  .ad-desk--cast,.ad-desk--two,.ad-desk--pack{grid-template-columns:1fr}
  .ad-cast:nth-child(2){translate:none}
  .ad-doc__row{grid-template-columns:1fr;gap:2px}
  .ad-tl li{grid-template-columns:1fr;gap:1px}
}

/* ==========================================================
   1007h — аудит вёрстки (06.10, _review/night_0610/ad_audit.md). Приводим к эталону «Презентация ЖК».
   ========================================================== */

/* hero: строка под H1 не тянется на всю ширину 1377 px (у эталона ~870 px) */
.pp-hero__sub{max-width:72ch}

/* #when: шесть задач — две колонки по три, как у эталона (2 × 2): в трёх колонках по 420 px текст упирался в край */
@media (min-width:901px){
  .ad-when__cols{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto)}
  .ad-when__cols li:nth-child(2n){border-bottom:0}
  .ad-when__cols li:nth-child(3n){border-bottom:1px solid var(--line-l)}
}

/* #works: метка этапа «02 Старт продаж» — номер слипался с текстом (стиль был только в work/page.css) */
.ad-works .work__meta{display:flex;align-items:baseline;gap:8px 16px;flex-wrap:wrap;font-size:var(--small);color:var(--mute-l);margin-top:2px}
.ad-works .work__stage i{font-style:normal;opacity:.6;margin-right:.5em;font-variant-numeric:tabular-nums}

/* #path, шаг 05 «Кастинг»: два кадра лесенкой с подписью сбоку — занимают стол, а не полосу посередине */
@media (min-width:901px){
  .ad-desk--cast{grid-template-columns:1fr;gap:clamp(8px,2cqw,16px);align-content:center}
  .ad-desk--cast .ad-cast{grid-template-columns:58% 1fr;align-items:end;gap:clamp(10px,2.4cqw,20px)}
  .ad-desk--cast .ad-cast:nth-child(2){grid-template-columns:1fr 58%;translate:none}
  .ad-desk--cast .ad-cast:nth-child(2) img{grid-column:2;grid-row:1}
  .ad-desk--cast .ad-cast:nth-child(2) p{grid-column:1;grid-row:1;text-align:right;justify-self:end}
  .ad-desk--cast .ad-cast p{max-width:24ch;padding-bottom:4px}
  /* шаг 07 «Пэкшот»: крупный кадр + второй внахлёст справа снизу, пояснение под ними */
  .ad-desk--pack{grid-template-columns:1fr;gap:0;align-content:center}
  .ad-desk--pack{justify-items:start}
  .ad-desk--pack .ad-pack:first-child{width:70%}
  .ad-desk--pack .ad-pack:nth-child(2){width:52%;justify-self:end;margin-top:-16%;z-index:1}
  .ad-desk--pack .ad-pack:nth-child(2) img{box-shadow:0 0 0 4px #FBF7F1,0 26px 40px -24px rgba(60,30,20,.55)}
  .ad-desk--pack .ad-pack__note{margin-top:clamp(10px,2.2cqw,18px);max-width:52ch}
}
/* #works на 901–1100 (две колонки): широкая первая + 7 карточек давали пустую ячейку в последнем ряду — последняя карточка на всю ширину.
   08.10: правило только при чётном числе карточек (широкая + нечётный хвост); 9 карточек = широкая + 8 — четыре полных ряда, растягивать нечего */
@media (min-width:901px) and (max-width:1100px){
  .ad-works .works__grid>.work:last-child:nth-child(even):not(.work--wide){grid-column:1 / -1}
  .ad-works .works__grid>.work:last-child:nth-child(even):not(.work--wide) .work__media{aspect-ratio:16/8.7}
}
/* 08.10 #works на ≥1101 (три колонки), 9 карточек (+ «Холмогоры» «Мастерская»): широкая первая + 8 оставляла последнюю одну в ряду —
   при 9 карточках широкая становится обычной (3×3), её подпись возвращается под превью (сброс оверлея .work--wide из styles.css) */
@media (min-width:1101px){
  .ad-works .works__grid:has(>.work:nth-child(9):last-child)>.work--wide{grid-column:auto;grid-template-rows:none;gap:14px}
  .ad-works .works__grid:has(>.work:nth-child(9):last-child)>.work--wide .work__media{grid-area:auto;aspect-ratio:16/10}
  .ad-works .works__grid:has(>.work:nth-child(9):last-child)>.work--wide .work__media::after{content:none}
  .ad-works .works__grid:has(>.work:nth-child(9):last-child)>.work--wide .work__media .facts{top:auto;bottom:14px;left:14px}
  .ad-works .works__grid:has(>.work:nth-child(9):last-child)>.work--wide>.h4{grid-area:auto;padding:0;color:inherit;font-size:19px}
  .ad-works .works__grid:has(>.work:nth-child(9):last-child)>.work--wide>.h4 .note{color:var(--mute-d)}
  .ad-works .works__grid:has(>.work:nth-child(9):last-child)>.work--wide>p{grid-area:auto;padding:0;color:var(--mute-l)!important;max-width:40ch}
}

/* ==========================================================
   07.10 ad_vis (1007w): мобильный hero и перебивка II с героями, вложения письма, календарный план на 6 недель,
   ярлыки сроков шагов, пилюли поводов #when, версии под эфир с вертикалью, светлый #next.
   Бэкап до правок — _review/night_0610/backup/ad_vis_0710/. Медиа — media/ad/INDEX.md.
   ========================================================== */

/* ---------- hero, мобайл в портрете: постер вертикального шоурила (видео подставляет ad.js по data-v-m) ---------- */
@media (max-width:900px) and (orientation:portrait){
  .pp-hero__media{background-image:url(/media/rk/rk-hero-reel-v-poster.webp)}
}

/* ---------- 02: три вложения письма продюсера в ряд, на узком — перенос (копия .pv-att из pv.css) ---------- */
.ad-att{display:flex;flex-wrap:wrap;gap:clamp(6px,1.2cqw,10px)}
.ad-att .pp-mail__file{justify-self:auto;min-width:0;gap:clamp(6px,1.2cqw,10px)}
.ad-att .pp-mail__file b{white-space:nowrap}

/* ---------- 03: календарный план на 6 недель (.pp-gc эталона, как .pv-wk «Продуктовых», только колонки — недели).
   --a / --b — начало и конец полосы в неделях от подписи (конец не включён: 0…2 = недели 1–2); --d — точка согласования. ---------- */
.ad-wk{--n:6}
.ad-wk .pp-gc__in{min-width:0}
.ad-wk .pp-gc__days{grid-template-columns:repeat(var(--n),1fr)}
.ad-wk .ad-wk__dh{font-size:11.5px;color:var(--mute-l);padding-left:6px;align-self:end;padding-bottom:5px}
.ad-wk .pp-gc__head--days{margin-bottom:2px}
.ad-wk .pp-gc__track{background:repeating-linear-gradient(to right,rgba(26,20,18,.12) 0 1px,transparent 1px calc(100% / var(--n)))}
.ad-wk .pp-gc__bar{left:calc(var(--a) / var(--n) * 100% + 3px);width:calc((var(--b) - var(--a)) / var(--n) * 100% - 6px)}
/* съёмочный день — ромб-акцент в начале недели 4 */
.ad-wk .pp-gc__row.is-mark .pp-gc__bar{left:calc((var(--a) + .16) / var(--n) * 100% - 7.5px);width:15px}
.ad-wk .pp-gc__row.is-mark .pp-gc__lbl{color:var(--brick);font-weight:500}
.ad-wk .pp-gc__row{min-height:clamp(30px,4.2svh,40px)}
.ad-wk__d{display:none}
.ad-wk__ok{position:absolute;top:50%;left:calc(var(--d) / var(--n) * 100% - 3px);width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#FBF7F1;box-shadow:inset 0 0 0 2px var(--ink),0 0 0 3px rgba(var(--brick-rgb),.18);z-index:1}
.ad-wk__leg{margin:12px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;color:var(--mute-l)}
.ad-wk__k{display:inline-block;flex:none;width:11px;height:11px}
.ad-wk__k--shoot{background:var(--brick);rotate:45deg;border-radius:2px;width:9px;height:9px;margin-right:2px}
.ad-wk__k--ok{border-radius:50%;box-shadow:inset 0 0 0 2px var(--ink);margin-left:12px}
@media (hover:hover){ .ad-wk .pp-gc__row:hover .pp-gc__bar{background:var(--brick)} }
/* ≤640: строка «этап · недели», под ней полоса шести недель на всю ширину */
@media (max-width:640px){
  .ad-wk .pp-gc__head{grid-template-columns:1fr}
  .ad-wk .ad-wk__dh{display:none}
  .ad-wk .pp-gc__days i:nth-child(even){visibility:visible}
  .ad-wk .pp-gc__days i{font-size:10.5px}
  .ad-wk .pp-gc__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l d" "t t";row-gap:3px;padding:7px 0 6px;min-height:0;border-top:1px solid var(--line-l);border-radius:0}
  .ad-wk .pp-gc__row:first-child{border-top:0}
  .ad-wk .pp-gc__lbl{grid-area:l;padding:0 4px 0 0;font-size:14px}
  .ad-wk__d{display:block;grid-area:d;font-size:12.5px;color:var(--mute-l);font-variant-numeric:tabular-nums;white-space:nowrap}
  .ad-wk .pp-gc__track{grid-area:t;min-height:16px}
  .ad-wk__ok{width:14px;height:14px;margin:-7px 0 0 -7px}
}

/* ---------- ярлык срока под заголовком шага #path (копия .pv-card__when из pv.css); на мобайле — только в раскрытом шаге ---------- */
.ad-card__when{margin:10px 0 0;font-size:var(--small);color:var(--mute-l);font-variant-numeric:tabular-nums}
.pp-card .ad-card__when+.pp-dl{margin-top:16px}
@media (max-width:900px){
  .pp-acc>.pp-card:not(.is-open) .ad-card__when{display:none}
  .pp-acc>.pp-card.is-open .ad-card__when{margin:0 0 10px}
}

/* ---------- страх 03: кадры трёх сезонов (крупный + два) и хронология рядом ---------- */
.ad-seasons{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(10px,1.2vw,18px);align-items:stretch}
.ad-seasons .ad-shots{align-self:center;align-content:start}   /* кадры не растягиваются на высоту хронологии */
.ad-seasons .ad-doc{align-content:center;padding:clamp(14px,1.6vw,26px)}
.ad-seasons .ad-tl li{font-size:clamp(12px,1vw,15px);grid-template-columns:42% 1fr;padding-block:clamp(5px,.55vw,9px)}
.ad-seasons .ad-doc__k{font-size:clamp(10.5px,.8vw,12.5px)}
.pp-hzsec.is-hz .pp-fdesk:has(.ad-seasons) .pp-fdesk__in{width:min(100%,100cqh * 2.05)}
@media (max-width:900px){
  .ad-seasons{grid-template-columns:1fr}
  .ad-seasons .ad-tl li{grid-template-columns:44% 1fr;gap:8px}   /* дата и событие в одну строку: лента страхов на мобайле узкая, столбик удваивал высоту */
}

/* ---------- 08: версии под эфир — плашки каналов крупнее, справа кадр вертикальной версии 9:16 ----------
   Стол .ad-desk 1.45 : 1; кадр шириной 33cqw → высота 0,59 ширины стола, с подписью — во всю высоту стола. */
.ad-desk--ver{grid-template-columns:minmax(0,1fr) 34%;/* 08.10: было 33cqw — cqw брался от контейнера страницы, в раскладке без горизонтального скролла кадр раздувался и наезжал на плитки */gap:clamp(10px,2.4cqw,22px);align-items:stretch;justify-items:stretch;align-content:center}
.ad-desk--ver .ad-doc{align-content:space-between}
.ad-desk--ver .ad-tiles{gap:clamp(6px,1.6cqw,14px)}
.ad-desk--ver .ad-tiles li{align-content:space-between;min-height:clamp(64px,13cqw,118px);padding:clamp(10px,2cqw,16px)}
.ad-desk--ver .ad-tiles b{font-size:clamp(15px,3cqw,25px)}
.ad-desk--ver .ad-tiles span{font-size:clamp(11px,1.7cqw,14px)}
.ad-ver{position:relative;margin:0;display:grid;align-self:center;gap:clamp(4px,1cqw,8px)}
.ad-ver img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:10px;box-shadow:0 0 0 1px rgba(26,20,18,.06),0 26px 40px -24px rgba(60,30,20,.55)}
.ad-ver .pp-desk__tag{font-size:clamp(10px,1.5cqw,12px)}
.ad-ver p{margin:0;font-size:clamp(11px,1.7cqw,14px);color:var(--mute-l);line-height:1.3;max-width:none}
@media (max-width:900px){
  .ad-desk--ver{grid-template-columns:minmax(0,1fr) 34%;align-items:start}
}
@media (max-width:520px){
  .ad-desk--ver .ad-tiles{grid-template-columns:1fr}
  .ad-desk--ver .ad-tiles li{min-height:0}
}

/* ---------- #when: пилюля-кадр слева от каждого повода ---------- */
.pp-when .ad-when__cols--pill li{grid-template-columns:auto minmax(0,1fr);column-gap:clamp(14px,1.4vw,20px);align-items:start}/* 08.10: пилюля по верху первой строки заголовка (правило «Имиджа») */
.ad-wpill{display:block;width:clamp(76px,6.4vw,104px);aspect-ratio:2/1;border-radius:999px;overflow:hidden;background:var(--bone-2);box-shadow:inset 0 0 0 1px rgba(26,20,18,.06)}
.ad-wpill video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.ad-when__cols--pill li>div>b:last-child{margin-bottom:0}
@media (max-width:900px){
  .pp-when .ad-when__cols--pill li{column-gap:14px}
  .ad-wpill{width:72px}
}

/* ---------- #next светлый (только эта страница): после тёмной формы #lead — обычный стык глав; карточки .pp-nc остаются тёмными плитками ---------- */
.ad-next.light .pp-nc{box-shadow:none;color:var(--milk)}

/* 08.10 (Алексей, по пилоту «Имиджа»): пилюли #when статичны — кадр-обложка rk-when-*-cover.webp, луп проявляется только при наведении на строку повода (reklama.js) */
.ad-wpill{position:relative}
.ad-wpill img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.ad-wpill video{position:absolute;inset:0;opacity:0;transition:opacity .35s}
.ad-wpill video.is-on{opacity:1}


/* ==========================================================
   08.10 (Алексей): правила «Имиджевого фильма» перенесены на «Рекламу» — страхи вариант C (винный фон, вкладки + экран, на ≤900 аккордеон),
   шаги #path 04–08 (кадры по строкам, кастинг + герои, план смен → кадр, монтажная лента, две версии + паспорт + письмо).
   Источник — brand-film/bf.css (1008h), классы bf-* → ad-* (база общая) / rk-* (новые компоненты). Бэкап — _review_bak_0810/ad_before_bfrules/.
   ========================================================== */
/* ---------- #fears (вариант C): доказательство в центре, тёплый винный фон ---------- */
.rk-fc{background:#3A141C;color:var(--milk)}
.rk-fc .chap__head p,.rk-fc__cap{color:rgba(244,238,230,.68)}
/* стыки D1: фон винный — не пара ни со светлым #path, ни с тёмным #compare, поэтому с обеих сторон обычное поле главы --s-chap.
   Перебиваем ID-правила эталона pp.css 1005v (#fears:not(.light):has(+ #compare…) и #fears…+#compare… — там «тёмная пара» с половинными полями) */
#fears.rk-fc,#fears.rk-fc:not(.light):has(+ #compare:not(.light)){padding-top:var(--s-chap);padding-bottom:var(--s-chap)}
#fears.rk-fc:not(.light)+#compare:not(.light){padding-top:var(--s-chap);border-top:0}
.rk-fc__b{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%;
  display:grid;grid-template-columns:clamp(30px,2.6vw,44px) minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:clamp(16px,1.6vw,22px) 0;border-top:1px solid rgba(244,238,230,.16)}
.rk-fc__b:focus-visible{outline:2px solid var(--milk);outline-offset:4px;border-radius:4px}
.rk-fc__no{font-size:14px;letter-spacing:.04em;color:rgba(244,238,230,.55);font-variant-numeric:tabular-nums}
.rk-fc__q{font-size:clamp(18px,1.45vw,22px);line-height:1.28;letter-spacing:-.015em;color:rgba(244,238,230,.6);transition:color .25s}
.rk-fc__b i{font-style:normal;width:22px;text-align:right;color:var(--brick-text)}
.rk-fc__b[aria-selected="true"] .rk-fc__q,.rk-fc__b[aria-expanded="true"] .rk-fc__q{color:var(--milk)}
.rk-fc__b[aria-selected="true"] .rk-fc__no,.rk-fc__b[aria-expanded="true"] .rk-fc__no{color:var(--brick-text)}
.rk-fc__b[aria-selected="true"] i::before{content:"→"}
@media (hover:hover){ .rk-fc__b:hover .rk-fc__q{color:var(--milk)} }
.rk-fc__hd{margin:0;font:inherit}
.rk-fc__pane[hidden]{display:none}
.rk-fc__screen{position:relative;border-radius:var(--r-card);overflow:hidden;background:#140B0C;box-shadow:inset 0 0 0 1px rgba(244,238,230,.12),0 40px 70px -40px rgba(0,0,0,.8)}
.rk-fc__in{width:100%;display:grid}
.rk-fc__txt{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);margin-top:clamp(20px,2.2vw,30px)}
.rk-fc__a{margin:0;font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:rgba(244,238,230,.9);max-width:46ch}
.rk-fc__cap{margin:0;font-size:14px;line-height:1.45}
/* >900: вкладки слева, экран справа (bf.js собирает .rk-fc__tabs и .rk-fc__stage) */
.rk-fc__box:has(.rk-fc__tabs){display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,4vw,72px);align-items:start}
.rk-fc__tabs{display:grid;border-bottom:1px solid rgba(244,238,230,.16)}
@media (min-width:901px){
  /* 08.10 fears2: экран — ровно по сетке 2×2 кадров 16:9 пункта 03 (поле 12 px, зазор 10 px), один размер для всех пунктов:
     высота = (ширина − 2·12 − 10) · 9/16 + 2·12 + 10. Ширина сцены — от .rk-fc__stage (container inline-size) */
  .rk-fc__stage{container-type:inline-size;container-name:rkfc}
  .rk-fc__screen{height:calc((100cqw - 34px) * .5625 + 34px);container-type:size;display:grid;place-items:center;padding:12px}
  .rk-fc .ad-shots{gap:10px;box-shadow:none}
  .rk-fc__screen--shots .rk-fc__in{width:100%}
  .rk-fc__screen--gc{padding:clamp(14px,2.4cqw,28px)}
  .rk-fc__screen--gc .rk-fc__in{width:min(100%,100cqh * 1.62);justify-items:center}
  .rk-fc__vid{position:relative;width:100%;height:100%}
  .rk-fc__screen--bleed .pp-desk__tag{left:20px;top:20px;font-size:13px;z-index:2}
  /* 01: кадр на весь экран; логотип и факты — три плашки одной высоты, по правому краю, отступ = отступу снизу */
}
/* ≤900: аккордеон «страх → ответ и визуал» */
@media (max-width:900px){
  .rk-fc__acc{border-bottom:1px solid rgba(244,238,230,.16)}
  .rk-fc__b{grid-template-columns:30px minmax(0,1fr) 28px;padding:18px 0}
  .rk-fc__q{font-size:19px}
  .rk-fc__b i{position:relative;align-self:center;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(244,238,230,.4);transition:transform .3s var(--ease-soft)}
  .rk-fc__b i::before,.rk-fc__b i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;margin:-.75px 0 0 -5.5px;background:var(--milk)}
  .rk-fc__b i::after{transform:rotate(90deg)}
  .rk-fc__b[aria-expanded="true"] i{transform:rotate(45deg)}
  .rk-fc__pane{padding:2px 0 26px}
  .rk-fc__screen{padding:12px;margin-inline:calc(var(--gutter) * -.5);container-type:inline-size}
  .rk-fc__screen--bleed{padding:0}
  .rk-fc__screen--bleed .ad-shots img{border-radius:0}
  .rk-fc__txt{grid-template-columns:1fr;gap:12px;margin-top:16px}
}
/* вариант C: плашки фактов поверх кадра — кегль от ширины экрана; строки страха во вкладках без «висящего» слова */
.rk-fc__q{text-wrap:balance}

/* 04: луп New Bridge — на весь экран */
.rk-fc__vid video{display:block;width:100%;height:100%;object-fit:cover}
/* 02: календарный план на 6 недель в экране */
.ad-wk--12 .pp-gc__lbl{font-size:clamp(13px,1.05vw,15.5px)}
@media (max-width:900px){
  .rk-fc .ad-shots{gap:8px}
  .rk-fc__vid{position:relative;aspect-ratio:16/9}
  .rk-fc__screen--gc{padding:10px}
}

/* ==========================================================
   Шаги #path 04–08 (из bf.css path_v3). Медиа «Рекламы» — media/rk/rk-s04…s08-*.webp.
   ========================================================== */

/* ---------- сетки кадров-миниатюр в документах (подпись под кадром) ---------- */
.rk-frames{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(5px,1cqw,9px)}
.rk-frames li{display:grid;gap:3px;min-width:0;align-content:start}
.rk-frames img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:var(--bone-2)}
.rk-frames span{font-size:clamp(9.5px,1.3cqw,12px);line-height:1.25;color:var(--mute-l)}
.rk-frames--4{grid-template-columns:repeat(4,1fr)}

/* ---------- 04: сценарий «Унистроя» (строки → в кадре) + кадры по строкам 2×3 ---------- */
.ad-desk--script2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.ad-desk--script2 .ad-doc--frames{align-content:start}
.ad-desk--script2 .ad-script td:first-child{width:44%}
.ad-desk--script2 .ad-doc__s{font-size:clamp(10px,1.4cqw,12.5px)}

/* ---------- 05: восемь строк кастинга + ряд героев; стол выше (1,2) ---------- */
.ad-desk--cast8{aspect-ratio:1.2}
.pp-hzsec.is-hz .pp-desk.ad-desk--cast8{width:min(100cqw,100cqh * 1.2)}
.ad-desk--cast8 .ad-doc{gap:clamp(4px,1cqw,9px);padding:clamp(12px,3cqw,26px)}
.ad-desk--cast8 .ad-doc__row{padding-top:clamp(4px,.9cqw,8px);gap:clamp(6px,1.6cqw,14px)}
.ad-desk--cast8 .ad-doc__row p{font-size:clamp(11.5px,1.72cqw,15px);line-height:1.35}
.ad-desk--cast8 .ad-doc__row span{font-size:clamp(10.5px,1.5cqw,13px)}
.rk-frames--cast{margin-top:clamp(4px,1cqw,8px);padding-top:clamp(6px,1.4cqw,12px);border-top:1px solid var(--line-l)}

/* ---------- 06: три карточки — план смен → кадр | локации с кадрами | съёмка + 3D ---------- */
.ad-desk--shoot{aspect-ratio:1.3;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"plan locs" "pair locs";gap:clamp(8px,1.8cqw,16px);align-items:start;align-content:center;justify-items:stretch}
.ad-desk--shoot>.ad-doc:nth-child(1){grid-area:plan}
.ad-desk--shoot>.ad-doc:nth-child(2){grid-area:locs}
.ad-desk--shoot>.ad-doc:nth-child(3){grid-area:pair}
.pp-hzsec.is-hz .pp-desk.ad-desk--shoot{width:min(100cqw,100cqh * 1.3)}
.ad-desk--shoot .ad-doc{padding:clamp(10px,2.2cqw,20px);gap:clamp(5px,1.1cqw,10px)}
.ad-desk--shoot .ad-doc__k{font-size:clamp(9.5px,1.3cqw,12px)}
.ad-desk--shoot .ad-doc__p{font-size:clamp(11px,1.5cqw,14px)}
.ad-desk--shoot .ad-doc__s{font-size:clamp(9.5px,1.3cqw,12px)}
.rk-strip{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:clamp(3px,.6cqw,6px)}
.rk-strip img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px;background:var(--bone-2)}
.rk-locs{list-style:none;margin:0;padding:0;display:grid;gap:clamp(5px,1cqw,9px)}
.rk-locs li{position:relative;display:grid;gap:3px;min-width:0}
.rk-locs img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:var(--bone-2)}
.rk-locs span:not(.pp-desk__tag){font-size:clamp(10px,1.35cqw,12.5px);line-height:1.25}
.rk-locs .pp-desk__tag{left:6px;top:6px;font-size:clamp(9px,1.2cqw,11px);padding:2px 7px}

/* ---------- 07: монтажная лента (тёмный лист) над ТЗ на 3D ---------- */
.ad-desk--edit{aspect-ratio:1.3;grid-template-rows:auto auto;gap:clamp(8px,1.8cqw,16px);align-content:center}
.pp-hzsec.is-hz .pp-desk.ad-desk--edit{width:min(100cqw,100cqh * 1.3)}
.rk-nle__tl{display:grid;gap:clamp(4px,.8cqw,7px)}
.rk-nle__row{display:grid;grid-template-columns:clamp(42px,8cqw,64px) minmax(0,1fr);align-items:center;gap:clamp(6px,1.2cqw,10px)}
.rk-nle__n{font-size:clamp(9.5px,1.3cqw,12px);color:var(--mute-d);text-transform:uppercase;letter-spacing:.04em}
.rk-nle__v{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:2px}
.rk-nle__v img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:2px}
.rk-nle__tr{position:relative;height:clamp(12px,2.4cqw,20px);border-radius:3px;background:rgba(244,238,230,.06)}
.rk-nle__tr i{position:absolute;top:0;bottom:0;left:var(--l);width:var(--w);border-radius:3px}
.rk-nle__tr--voice i{background:var(--brick)}
.rk-nle__tr--music i{background:rgba(244,238,230,.34)}
.rk-nle__tr--titles i{background:var(--brick-text);opacity:.85}
.ad-desk--edit .ad-doc__row{padding-top:clamp(4px,.9cqw,8px)}
.ad-desk--edit .ad-doc__row p{font-size:clamp(11.5px,1.75cqw,15px)}

/* ---------- 08: экран в зале (схема), одна сцена в двух версиях + паспорт, письмо сдачи; стол выше (1,2) ---------- */
.ad-desk--final{aspect-ratio:1.2;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(8px,1.8cqw,16px);align-content:center;align-items:start;justify-items:stretch}
.pp-hzsec.is-hz .pp-desk.ad-desk--final{width:min(100cqw,100cqh * 1.2)}
.ad-desk--final .ad-doc{padding:clamp(10px,2.4cqw,22px);gap:clamp(5px,1.1cqw,10px)}
.ad-desk--final .ad-doc__k{font-size:clamp(9.5px,1.3cqw,12px)}
.rk-locs--2{grid-template-columns:1fr 1fr}
.rk-locs--wide img{aspect-ratio:2.49}
.rk-pass{width:100%;border-collapse:collapse;font-size:clamp(10.5px,1.45cqw,13.5px);line-height:1.3}
.rk-pass th{text-align:left;font-weight:400;font-size:clamp(9.5px,1.25cqw,11.5px);color:var(--mute-l);padding:0 0 3px}
.rk-pass td{vertical-align:top;padding:clamp(3px,.8cqw,7px) clamp(5px,1.2cqw,10px) clamp(3px,.8cqw,7px) 0;border-top:1px solid var(--line-l)}
.rk-pass td:first-child{width:28%;font-weight:500;white-space:nowrap}
.rk-mailbox{container-type:inline-size;align-self:stretch;justify-self:stretch;width:100%;min-width:0;display:grid}
.rk-mailbox .pp-mail{box-shadow:0 0 0 1px rgba(26,20,18,.06),0 30px 46px -26px rgba(60,30,20,.55)}
.ad-att--files{display:grid;grid-template-columns:1fr 1fr}
.ad-att--files .pp-mail__file b{white-space:normal;overflow-wrap:anywhere;font-size:clamp(11px,1.6cqw,13.5px)}
.rk-mail__link{margin:0;font-size:clamp(11.5px,1.8cqw,14.5px);color:var(--brick);text-decoration:underline;text-underline-offset:3px}
@container (max-width:300px){ .ad-att--files{grid-template-columns:1fr} }   /* узкое письмо (1024): файлы в один столбец, имена не рвутся */

/* ---------- ≤900 (аккордеон): всё стопкой ---------- */
@media (max-width:900px){
  .ad-desk--cast8,.ad-desk--shoot,.ad-desk--edit,.ad-desk--final{aspect-ratio:auto;grid-template-columns:1fr}
  .ad-desk--shoot{grid-template-areas:"plan" "locs" "pair"}
  .ad-desk--script2{grid-template-columns:1fr}   /* сценарий и кадры стопкой (перебивает двухколоночное правило выше) */
  .rk-frames--4{grid-template-columns:repeat(4,1fr)}
  .rk-locs{grid-template-columns:repeat(3,1fr)}
  .rk-locs--2,.ad-desk--final .rk-locs--2{grid-template-columns:1fr 1fr}
  .ad-att--files{grid-template-columns:1fr}
}

/* ---------- #fears 02: план на 6 недель подробнее (12 строк) — плотнее строки, кегль не ниже 13 px; экран растёт по содержимому ---------- */
.ad-wk--12 .pp-gc__row{min-height:clamp(22px,2.9svh,30px)}
.ad-wk--12 .pp-gc__lbl{font-size:clamp(13px,.95vw,14.5px);padding:2px 10px 2px 6px}
.ad-wk--12 .pp-gc__h{margin-bottom:6px}
.ad-wk--12 .pp-gc__bar{height:10px;margin-top:-5px}
.ad-wk--12 .ad-wk__ok{width:14px;height:14px;margin:-7px 0 0 -7px}
.ad-wk--12 .ad-wk__leg{margin-top:8px}
@media (min-width:901px){
  .rk-fc__screen--gc{height:auto;min-height:calc((100cqw - 34px) * .5625 + 34px);container-type:inline-size}
  .rk-fc__screen--gc .rk-fc__in{width:100%;justify-items:center}
}

/* ---------- «Реклама»: дополнения к перенесённым компонентам ---------- */
/* 08: одна сцена в двух версиях — горизонталь 16:9 и вертикаль 9:16 одной высоты */
.rk-pair{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,3.16fr) minmax(0,1fr);gap:clamp(5px,1cqw,9px);align-items:start}
.rk-pair li{position:relative;min-width:0}
.rk-pair img{display:block;width:100%;height:auto;border-radius:6px;background:var(--bone-2)}
.rk-pair li:first-child img{aspect-ratio:16/9;object-fit:cover}
.rk-pair li:last-child img{aspect-ratio:9/16;object-fit:cover}
.rk-pair .pp-desk__tag{left:6px;top:6px;font-size:clamp(9px,1.2cqw,11px);padding:2px 7px}
.ad-desk--final .ad-doc__s{font-size:clamp(9.5px,1.3cqw,12px)}
/* #fears 03: кадры сезонов и хронология — внутри экрана 16:9 */
@media (min-width:901px){
  .rk-fc__screen--seasons{padding:12px}
  .rk-fc__screen--seasons .rk-fc__in{width:100%;height:100%}
  .rk-fc__screen--seasons .ad-seasons{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px;height:100%;align-items:stretch}
  .rk-fc__screen--seasons .ad-shots{box-shadow:none;align-content:center}
  .rk-fc__screen--seasons .ad-doc--tl{padding:clamp(10px,2.2cqw,20px);align-content:center}
  .rk-fc__screen--seasons .ad-tl li{padding-top:clamp(3px,.6cqw,6px);padding-bottom:clamp(3px,.6cqw,6px)}
}

/* 08.10 (Алексей): #fears 03 — справа шесть кадров серии (2×3) вместо хронологии */
.rk-shots6{grid-template-columns:1fr 1fr;box-shadow:none}
@media (min-width:901px){
  .rk-fc__screen--seasons .rk-shots6{height:100%;grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch}
  .rk-shots6 li{position:relative;min-height:0;overflow:hidden;border-radius:8px}
  .rk-shots6 img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
}
@media (min-width:901px){
  .rk-fc__screen--seasons .ad-seasons>.ad-shots--3{height:100%;grid-template-rows:minmax(0,1.6fr) minmax(0,1fr);align-content:stretch}
  .rk-fc__screen--seasons .ad-seasons>.ad-shots--3 li{position:relative;min-height:0;overflow:hidden;border-radius:8px}
  .rk-fc__screen--seasons .ad-seasons>.ad-shots--3 img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
  .rk-fc__screen--seasons .ad-seasons>.ad-shots--3 .pp-desk__tag{z-index:1}
}