/* Стили блоков главной (плашка логотипов MAK-1013, радиус фото, MAK-1075).
   Раньше печатались инлайном в <head> только на главной; при ajax-переходе
   с другой страницы <head> не обновляется — стили не приезжали и плашка
   теряла вид (MAK-1669). Теперь обычный файл, подключается на всех страницах
   (include/scripts-config.php). Радиус фото 32px — решение владельца,
   см. BENNET_HOME_PHOTO_RADIUS в include/home-blocks.php. Каждое правило
   прижато к .home-logos или body.home — за пределы главной ничего не течёт. */
/* ── MAK-1013: плашка логотипов партнёров ───────────────────────────── */
.home-logos{
  /* Тонкая линия сверху отделяет «доказательство» от личного текста,
     но не превращает плашку в самостоятельную секцию (MAK-1009 §2). */
  margin-top:40px;
  padding-top:40px;
  border-top:1px solid rgba(63,27,15,.14);
  --logo-k:1;            /* множитель ширин, переопределяется в медиа ниже */
}
.home-logos-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;  /* на десктопе плашка распирает контейнер от края до края */
  column-gap:24px;
  row-gap:28px;
}
.home-logos-list li::before,
.home-logos-list li::marker{content:none}
.home-logos-item{
  /* Ширина ячейки равна ширине марки — ровно то, чего нет в .moving-gallery
     на About Me, где фиксированная ячейка 204px уже картинки и марки налезают. */
  flex:0 0 auto;
  width:calc(var(--logo-w) * var(--logo-k));
  margin:0;
  padding:0;
}
.home-logos-item img{
  display:block;
  width:100%;
  height:auto;
  /* MAK-1049: владелец попросил вернуть натуральные цвета марок — серый фильтр
     снят. Полная непрозрачность оставлена намеренно: на фоне rgb(220,218,214)
     она даёт лучший контраст, чем прежние .72 (напр. Gannett 4.55:1 против
     3.14:1 у старого значения — .72 не приглушал цвет, а портил читаемость). */
}
@media (max-width:1024px){
  /* Планшет: один ряд, по центру.
     Множитель 0.68, а не 0.73 из MAK-1009 §2: в спеке сумма ширин (609px при
     ×0.73) сравнивалась с контейнером 688px без учёта просветов между марками.
     С четырьмя просветами ряд занимает 609+4×gap и в 688px уже не влезает —
     замер на 768 давал перенос во второй ряд. При ×0.68 сумма 566px, с
     просветами 20px получается 646px: один ряд с запасом 42px, как и
     задумано в макете. */
  .home-logos{--logo-k:.68}
  .home-logos-list{justify-content:center;column-gap:20px}
}
@media (max-width:767px){
  /* Мобильные: ×0.59, перенос в два ряда 3 + 2 делает flex-wrap. */
  .home-logos{--logo-k:.59;margin-top:32px;padding-top:32px}
  .home-logos-list{justify-content:center;column-gap:24px;row-gap:24px}
}

/* ── MAK-1013: радиус фотографии Оли ────────────────────────────────
   32px — значение, выбранное владельцем (BENNET_HOME_PHOTO_RADIUS).
   Селектор намеренно перекрывает и .is-style-rounded: пока стиль блока
   не снят из контента записи (правка данных, манифест MAK-1013), эллипс
   приходит именно оттуда. */
body.home .wp-block-column figure.wp-block-image img,
body.home .wp-block-column figure.wp-block-image.is-style-rounded img{
  border-radius:32px;
}

/* ── MAK-1075: блок Creative Direction появляется раньше ──────────────
   Между низом .sp-wrap (Selected Projects) и стартом залипающего блока
   был зазор 192px (padding-top:192px на общем .row_padding_top — правило
   в css/shortcodes.css, разделяемое со всеми content-row блоками сайта,
   трогать нельзя). Владелец попросил сократить проход примерно на 32px,
   саму механику pin (core/js/common.js) не менять.

   .pinned-lists-wrapper на главной единственный (проверено замером,
   MAK-1075) — margin-top тянет его вверх внутри существующего padding
   контейнера, не отменяя и не заменяя row_padding_top. На страницах
   кейсов, где .pinned-lists-wrapper тоже встречается, правило не
   действует: селектор прижат к body.home. */
body.home .pinned-lists-wrapper{
  margin-top:-32px;
}