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

/* ---------- Ритм (как у эталона: поле --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)}
.bf-works .chap__foot{margin-top:clamp(28px,3vw,44px)}

/* ---------- hero: свой постер шоурила (в pp.css фоном стоит постер эталона) ---------- */
.pp-hero__media{background-image:url(/media/bf/bf-hero-reel-v4-poster.webp)}   /* 08.10 path_v3: заставка «Унистроя» v4 (было v3: bf-hero-reel-v3-poster.webp; до него hq-v2) */
@media (max-width:900px) and (orientation:portrait){ .pp-hero__media{background-image:url(/media/bf/bf-hero-reel-v4v-poster.webp)} }   /* 08.10 path_v3: было -v3v- */
/* 07.10 bf_vis: в шоуриле v3 много светлого неба (BMX, кольцо, двор) — затемнение под H1 плотнее, чем у эталона (pp.css .pp-hero__shade), верх кадра прежний */
.pp-hero__shade{background:
  linear-gradient(180deg,rgba(26,20,18,.66) 0%,rgba(26,20,18,.18) 24%,rgba(26,20,18,.3) 42%,rgba(26,20,18,.68) 66%,rgba(26,20,18,.94) 100%),
  radial-gradient(95% 85% at 0% 100%,rgba(26,20,18,.7) 0%,rgba(26,20,18,0) 64%)}

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

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

/* ---------- #materials: миссия компании из брифа клиента (вместо карусели рендеров эталона) ---------- */
.bf-mission{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)}
.bf-mission__h{margin:0 0 16px;font-size:var(--small);color:var(--mute-d)}
.bf-mission__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.bf-mission__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}
.bf-mission figcaption{margin-top:18px;font-size:15px;color:var(--mute-d);line-height:1.45}
.bf-src{color:var(--mute-l);white-space:nowrap}
.bf-mission .bf-src,.pp-fears .bf-src{color:var(--mute-d)}
.bf-src::before{content:"· "}

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

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

/* ---------- 1007a: свои модули «Имиджевого фильма» ---------- */
/* #proof: подпись-источник внутри панели (у каждой работы своя) */
.bf-proof__pane .bf-proof__src{grid-column:1 / -1;margin-top:0}
/* #fears 01: награда + две плашки фактов */
.bf-award{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(10px,1.4vw,18px);align-items:center}
.bf-award__logo{display:grid;place-items:center;aspect-ratio:1;border-radius:12px;background:rgba(244,238,230,.06);box-shadow:inset 0 0 0 1px var(--line-d);padding:14%}
.bf-award__logo img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}
.bf-award__facts{list-style:none;margin:0;padding:0;display:grid;gap:clamp(8px,1vw,12px)}
.bf-award__facts li{padding:clamp(12px,1.4vw,18px);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line-d);background:rgba(244,238,230,.04)}
.bf-award__facts b{display:block;font-weight:400;font-size:clamp(20px,2vw,30px);letter-spacing:-.02em;line-height:1.1;color:var(--milk)}
.bf-award__facts span{display:block;margin-top:6px;font-size:14px;line-height:1.35;color:var(--mute-d)}
.bf-award__still{grid-column:1 / -1}
.bf-award__still img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.pp-hzsec.is-hz .pp-fdesk:has(.bf-award) .pp-fdesk__in{width:min(100%,100cqh * 1.05)}
.pp-hzsec.is-hz .pp-fdesk:has(.bf-shots--1) .pp-fdesk__in{width:min(100%,100cqh * 1.6)}
@media (max-width:900px){ .bf-award{grid-template-columns:1fr 1.3fr} }

/* 07.10 D2 (мобильная компактность v2, цель ≤ 20 экранов на 390): строки миссии — плотные пилюли, по две-три в ряд (было по одной в строке, ≈ 330 px) */
@media (max-width:900px){
  .bf-mission{padding:18px 16px}
  .bf-mission__list{gap:8px}
  .bf-mission__list li{padding:9px 14px;font-size:15px}
  .bf-mission figcaption{margin-top:14px;font-size:14px}
}

/* ==========================================================
   07.10 bf_vis (1007z): новый шоурил hero (вертикальный на мобайле), календарный план на 8 недель в шаге 03,
   сценарий + хронология в шаге 04, ярлыки сроков шагов, три вложения письма, схема экрана 10 560×1440 в шаге 08,
   пилюли-кадры задач #when, светлый #next. Бэкап — _review/night_0610/backup/bf_vis_0710/. Медиа — media/bf/INDEX.md.
   ========================================================== */

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

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

/* ---------- 04: сценарий v.3 и хронология проекта рядом (на ≤900 — одна под другой) ---------- */
.bf-desk--script{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:clamp(10px,2.2cqw,20px);align-items:stretch;align-content:center;justify-items:stretch}
.bf-desk--script .bf-doc--tl{align-content:start}
.bf-desk--script .bf-doc{padding:clamp(12px,3cqw,26px)}
.bf-desk--script .bf-script{font-size:clamp(11px,1.62cqw,14.5px)}
.bf-desk--script .bf-script th{font-size:clamp(10px,1.4cqw,12px)}
.bf-desk--script .bf-tl li{grid-template-columns:1fr;gap:1px;font-size:clamp(11px,1.62cqw,14.5px);padding-block:clamp(5px,1.1cqw,9px)}
.bf-desk--script .bf-tl li span{color:var(--mute-l)}
.bf-desk--script .bf-tl li.is-mark span{color:var(--ink)}
.bf-desk--script .bf-doc__k{font-size:clamp(10px,1.45cqw,12.5px)}
@media (max-width:900px){
  .bf-desk--script{grid-template-columns:1fr}
  .bf-desk--script .bf-tl li{grid-template-columns:40% 1fr;gap:8px}
}

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

/* ---------- 08: схема экрана отдела продаж 10 560×1440 (7,33 : 1): кадр 2,35 : 1 по центру, титры по бокам ---------- */
.bf-screen{display:grid;gap:clamp(4px,.9cqw,8px);margin-bottom:clamp(2px,.6cqw,6px)}
.bf-screen__wall{display:grid;grid-template-columns:minmax(0,3588fr) minmax(0,3384fr) minmax(0,3588fr);aspect-ratio:10560/1440;border-radius:6px;overflow:hidden;background:#141A1F;
  box-shadow:0 0 0 1px rgba(26,20,18,.1),0 18px 30px -20px rgba(60,30,20,.6)}
.bf-screen__wall img{display:block;width:100%;height:100%;object-fit:cover}
.bf-screen__t{display:grid;place-items:center;padding:0 6%;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.02em;line-height:1.05;
  font-size:clamp(8px,1.55cqw,13px);color:#B9EE3B;background:linear-gradient(90deg,#10161B,#1B242B)}
.bf-screen__t:last-child{background:linear-gradient(270deg,#10161B,#1B242B)}
.bf-screen__cap{margin:0;display:grid;grid-template-columns:3588fr 3384fr 3588fr;font-size:clamp(9.5px,1.4cqw,12px);color:var(--mute-l);text-align:center;font-variant-numeric:tabular-nums}
.bf-screen__cap span{border-top:1px solid var(--line-l);padding-top:4px;margin:0 3px}

/* ---------- #when: пилюля-кадр слева от каждой задачи (как .ad-wpill «Рекламы ЖК») ---------- */
.pp-when .bf-when__cols--pill li{grid-template-columns:auto minmax(0,1fr);column-gap:clamp(14px,1.4vw,20px);align-items:center}
.bf-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)}
.bf-wpill video{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:900px){
  .pp-when .bf-when__cols--pill li{column-gap:14px}
  .bf-wpill{width:72px}
}

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

/* ==========================================================
   08.10 правки Алексея (1008a). Бэкап — _review/night_0610/backup/bf_0810/.
   ========================================================== */

/* ---------- п.1 hero: новый H1 «Имиджевые фильмы / для девелоперов для доверия, / лояльности и продаж».
   >900 — три блока .pp-ln (pp.css); ≤900 — поток с balance. Кегль мобайла чуть меньше эталона (10,4vw → 9,8vw),
   чтобы «лояльности и продаж» помещалась одной строкой на 360–390: итого 4 строки на 390 ---------- */
/* 08.10 v2: H1 «Имиджевые фильмы / девелоперов для доверия, / лояльности и продаж» — строки Алексея держим и на ≤900 (.pp-ln блоками).
   В потоке (эталон, 10,4vw или прежние 9,8vw) на 390 выходило «…/ девелоперов / для доверия, / …» — строка из одного слова. Самая длинная строка ≈ 11,1 em,
   поэтому кегль 8,2vw (32 px на 390, 30 px на 360, потолок 50 px на 768–900). Было: clamp(32px,9.8vw,52px) в потоке */
@media (max-width:900px){ .pp-hero__h{font-size:clamp(26px,8.2vw,50px)} .pp-hero__h .pp-ln{display:block} }

/* ---------- п.2 #when: пилюля-кадр по верху первой строки заголовка повода (было по центру пункта) ---------- */
.pp-when .bf-when__cols--pill li{align-items:start}

/* ==========================================================
   08.10 (1008b → 1008c): блок страхов #fears — выбран вариант C «доказательство в центре» (A и B сняты, бэкап — _review/night_0610/backup/bf_0810_variants/).
   ========================================================== */
/* ---------- #fears (вариант C): доказательство в центре, тёплый винный фон ---------- */
.bf-fc{background:#3A141C;color:var(--milk)}
.bf-fc .chap__head p,.bf-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.bf-fc,#fears.bf-fc:not(.light):has(+ #compare:not(.light)){padding-top:var(--s-chap);padding-bottom:var(--s-chap)}
#fears.bf-fc:not(.light)+#compare:not(.light){padding-top:var(--s-chap);border-top:0}
.bf-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)}
.bf-fc__b:focus-visible{outline:2px solid var(--milk);outline-offset:4px;border-radius:4px}
.bf-fc__no{font-size:14px;letter-spacing:.04em;color:rgba(244,238,230,.55);font-variant-numeric:tabular-nums}
.bf-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}
.bf-fc__b i{font-style:normal;width:22px;text-align:right;color:var(--brick-text)}
.bf-fc__b[aria-selected="true"] .bf-fc__q,.bf-fc__b[aria-expanded="true"] .bf-fc__q{color:var(--milk)}
.bf-fc__b[aria-selected="true"] .bf-fc__no,.bf-fc__b[aria-expanded="true"] .bf-fc__no{color:var(--brick-text)}
.bf-fc__b[aria-selected="true"] i::before{content:"→"}
@media (hover:hover){ .bf-fc__b:hover .bf-fc__q{color:var(--milk)} }
.bf-fc__hd{margin:0;font:inherit}
.bf-fc__pane[hidden]{display:none}
.bf-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)}
.bf-fc__in{width:100%;display:grid}
.bf-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)}
.bf-fc__a{margin:0;font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:rgba(244,238,230,.9);max-width:46ch}
.bf-fc__cap{margin:0;font-size:14px;line-height:1.45}
.bf-fc .bf-award__facts span{color:rgba(244,238,230,.72)}
/* >900: вкладки слева, экран справа (bf.js собирает .bf-fc__tabs и .bf-fc__stage) */
.bf-fc__box:has(.bf-fc__tabs){display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,4vw,72px);align-items:start}
.bf-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. Ширина сцены — от .bf-fc__stage (container inline-size) */
  .bf-fc__stage{container-type:inline-size;container-name:bffc}
  .bf-fc__screen{height:calc((100cqw - 34px) * .5625 + 34px);container-type:size;display:grid;place-items:center;padding:12px}
  .bf-fc .bf-shots{gap:10px;box-shadow:none}
  .bf-fc__screen--shots .bf-fc__in{width:100%}
  .bf-fc__screen--gc{padding:clamp(14px,2.4cqw,28px)}
  .bf-fc__screen--gc .bf-fc__in{width:min(100%,100cqh * 1.62);justify-items:center}
  .bf-fc__screen--bleed,.bf-fc__screen--award{padding:0}
  .bf-fc__screen--bleed .bf-fc__in,.bf-fc__screen--award .bf-fc__in{width:100%;height:100%}
  .bf-fc__vid{position:relative;width:100%;height:100%}
  .bf-fc__screen--bleed .pp-desk__tag{left:20px;top:20px;font-size:13px;z-index:2}
  /* 01: кадр на весь экран; логотип и факты — три плашки одной высоты, по правому краю, отступ = отступу снизу */
  .bf-fc .bf-award{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:flex-end;align-items:stretch;gap:1.4cqw;width:100%;height:100%;padding:3.4cqw;box-sizing:border-box}
  .bf-fc .bf-award__still{position:absolute;inset:0;z-index:0}
  .bf-fc .bf-award__still::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,11,12,0) 40%,rgba(20,11,12,.78) 100%)}
  .bf-fc .bf-award__still img{height:100%;aspect-ratio:auto;border-radius:0}
  .bf-fc .bf-award__logo{position:relative;z-index:1;aspect-ratio:auto;width:auto;padding:0 2cqw;background:rgba(20,11,12,.62);backdrop-filter:blur(8px)}
  .bf-fc .bf-award__logo img{width:9cqw}
  .bf-fc .bf-award__facts{position:relative;z-index:1;display:flex;gap:1.4cqw;align-items:stretch}
  .bf-fc .bf-award__facts li{max-width:25cqw;background:rgba(20,11,12,.62);backdrop-filter:blur(8px);display:grid;align-content:end}
}
/* ≤900: аккордеон «страх → ответ и визуал» */
@media (max-width:900px){
  .bf-fc__acc{border-bottom:1px solid rgba(244,238,230,.16)}
  .bf-fc__b{grid-template-columns:30px minmax(0,1fr) 28px;padding:18px 0}
  .bf-fc__q{font-size:19px}
  .bf-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)}
  .bf-fc__b i::before,.bf-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)}
  .bf-fc__b i::after{transform:rotate(90deg)}
  .bf-fc__b[aria-expanded="true"] i{transform:rotate(45deg)}
  .bf-fc__pane{padding:2px 0 26px}
  .bf-fc__screen{padding:12px;margin-inline:calc(var(--gutter) * -.5);container-type:inline-size}
  .bf-fc__screen--bleed{padding:0}
  .bf-fc__screen--bleed .bf-shots img{border-radius:0}
  .bf-fc__txt{grid-template-columns:1fr;gap:12px;margin-top:16px}
}
/* вариант C: плашки фактов поверх кадра — кегль от ширины экрана; строки страха во вкладках без «висящего» слова */
.bf-fc__q{text-wrap:balance}
@media (min-width:901px){
  .bf-fc .bf-award__facts b{font-size:clamp(16px,2.5cqw,28px)}
  .bf-fc .bf-award__facts span{font-size:clamp(12px,1.25cqw,14px)}
  .bf-fc .bf-award__facts li{padding:clamp(10px,1.6cqw,18px)}
}

/* 08.10 fears2: логотип WOW Awards — светлый на прозрачном фоне (media/awards/award_wow-light.webp), плашка тёмная, как у фактов */
.bf-fc .bf-award__logo{background:rgba(20,11,12,.62)}
/* 04: луп New Bridge — на весь экран */
.bf-fc__vid video{display:block;width:100%;height:100%;object-fit:cover}
/* 02: календарный план на 6 недель в экране */
.bf-wk--6 .pp-gc__lbl{font-size:clamp(13px,1.05vw,15.5px)}
@media (max-width:900px){
  .bf-fc .bf-shots{gap:8px}
  .bf-fc__vid{position:relative;aspect-ratio:16/9}
  .bf-fc__screen--gc{padding:10px}
  .bf-fc .bf-award__logo{box-shadow:inset 0 0 0 1px var(--line-d)}
}
/* 08.10 (1008e): луп при наведении в пункте 01 #fears (bf.js) — поверх постера, под затемнением и плашками */
.bf-award__still{position:relative}
.bf-hover-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;pointer-events:none;border-radius:inherit}
.bf-hover-loop.is-on{opacity:1}
/* 08.10: перебивка I (#ch-1) — заставка «Унистроя»: начинается со светлой стройки и белого чертежа под надписью.
   Затемнение плотнее эталона (pp.css .pp-il--calm .pp-il__shade) только здесь: низ и левый нижний угол, верх кадра почти прежний */
#ch-1 .pp-il__shade{background:
  linear-gradient(180deg,rgba(26,20,18,.36) 0%,rgba(26,20,18,0) 24%,rgba(26,20,18,.12) 44%,rgba(26,20,18,.62) 70%,rgba(26,20,18,.9) 100%),
  radial-gradient(95% 75% at 0% 100%,rgba(26,20,18,.72) 0%,rgba(26,20,18,0) 66%)}
@media (max-width:767px){
  #ch-1 .pp-il__shade{background:
    linear-gradient(180deg,rgba(26,20,18,.36) 0%,rgba(26,20,18,0) 22%,rgba(26,20,18,.3) 46%,rgba(26,20,18,.78) 66%,rgba(26,20,18,.92) 100%)}
}

/* ==========================================================
   08.10 path_v3 (1008h): правки Алексея по шагам #path 02–08, hero v4, #fears 01 и 02. Бэкап — _review/night_0610/backup/bf_0810_path/.
   Медиа — media/bf/bf-s04…s08-*.webp (INDEX.md). Общие .pp-* не трогались.
   ========================================================== */

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

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

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

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

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

/* ---------- 08: экран в зале (схема), одна сцена в двух версиях + паспорт, письмо сдачи; стол выше (1,2) ---------- */
.bf-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.bf-desk--final{width:min(100cqw,100cqh * 1.2)}
.bf-desk--final .bf-doc{padding:clamp(10px,2.4cqw,22px);gap:clamp(5px,1.1cqw,10px)}
.bf-desk--final .bf-doc__k{font-size:clamp(9.5px,1.3cqw,12px)}
.bf-doc--hall{grid-column:1 / -1}
.bf-hall{position:relative;display:grid;justify-items:center;padding:clamp(8px,1.6cqw,16px) clamp(10px,2.2cqw,22px) clamp(16px,3.2cqw,30px);border-radius:8px;overflow:hidden;
  background:linear-gradient(180deg,#2B2427 0%,#1C1719 64%,#2E2628 64%,#3B3235 100%)}
.bf-hall__dim{width:78%;margin:0 0 clamp(3px,.6cqw,6px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-size:clamp(9px,1.2cqw,11px);color:rgba(244,238,230,.55);font-variant-numeric:tabular-nums}
.bf-hall__dim::before,.bf-hall__dim::after{content:"";height:1px;background:currentColor;opacity:.5}
.bf-hall__wall{width:78%;position:relative;z-index:1;margin:0}
.bf-hall__h{position:absolute;right:clamp(10px,2.2cqw,22px);top:50%;translate:0 -50%;font-size:clamp(9px,1.2cqw,11px);color:rgba(244,238,230,.55);font-variant-numeric:tabular-nums}
.bf-hall__people{position:absolute;left:14%;bottom:clamp(4px,.9cqw,9px);height:5.8cqw;display:flex;gap:1.6cqw;align-items:flex-end;z-index:2}
.bf-hall__people svg{height:100%;width:auto;fill:#0D0A0B}
.bf-locs--2{grid-template-columns:1fr 1fr}
.bf-locs--wide img{aspect-ratio:2.49}
.bf-pass{width:100%;border-collapse:collapse;font-size:clamp(10.5px,1.45cqw,13.5px);line-height:1.3}
.bf-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}
.bf-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)}
.bf-pass td:first-child{width:28%;font-weight:500;white-space:nowrap}
.bf-mailbox{container-type:inline-size;align-self:stretch;justify-self:stretch;width:100%;min-width:0;display:grid}
.bf-mailbox .pp-mail{box-shadow:0 0 0 1px rgba(26,20,18,.06),0 30px 46px -26px rgba(60,30,20,.55)}
.bf-att--files{display:grid;grid-template-columns:1fr 1fr}
.bf-att--files .pp-mail__file b{white-space:normal;overflow-wrap:anywhere;font-size:clamp(11px,1.6cqw,13.5px)}
.bf-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){ .bf-att--files{grid-template-columns:1fr} }   /* узкое письмо (1024): файлы в один столбец, имена не рвутся */

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

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

/* ---------- #fears 01: три плашки одной высоты — «1 млн», логотип WOW, «WOW Awards 2020» (логотип теперь li внутри .bf-award__facts) ---------- */
.bf-award__facts li.bf-award__logo{aspect-ratio:auto}
@media (min-width:901px){
  .bf-fc .bf-award__facts li.bf-award__logo{display:grid;place-items:center;padding:0 2cqw;max-width:none;align-content:center}
}
@media (max-width:900px){
  .bf-award{grid-template-columns:1fr}
  .bf-award__facts{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:8px}
  .bf-award__facts li.bf-award__logo{display:grid;place-items:center;padding:10px 12px;width:auto}
  .bf-award__facts li.bf-award__logo img{width:60px;max-height:none}
  .bf-award__facts b{font-size:clamp(17px,5vw,20px)}
  .bf-award__facts span{font-size:12.5px}
}

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