/* ============================================================
   Первый экран /blog: подложка под текстовой колонкой (десктоп).
   Задача rp-1710-wp-blog-contrast (решение Павла 17.10.2026).

   Почему светлая, а не тёмная. Текст первого экрана — графит #393939
   (.hero__lead/.hero__note в sections.css, h1 наследует цвет body). Контраст
   считается между текстом и кадром под ним: тёмная подложка уменьшает
   светлоту фона и роняет контраст, светлая — поднимает. Поэтому «затемнение
   под колонкой» здесь — светлый scrim: тот же слой поверх фото; кадр, кроп и
   композиция не тронуты.

   Геометрия. Подложка лежит на ::before карточки (z-index 1; текст —
   .hero__text с z-index 2, фото — absolute без z-index), pointer-events: none.
   Непрозрачность .45 держится до 63% ширины карточки и гаснет к 85%:
   колонка текста на 1440 — 554px при карточке 1163 (53%), на 1024 — те же
   554px при 983 (60%), поэтому плато доходит до 63%. Правый край кадра
   (после 85%) не затемняется — фото не «гаснет» целиком.

   Только десктопная полоса: на <=980 раскладка кладёт текст ПОД фото
   (sections.css), подложка там не нужна и не включается.
   ============================================================ */
@media (min-width: 1024px) {
  body.blog .hero__card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg,
      rgba(255, 255, 255, .45) 0%,
      rgba(255, 255, 255, .45) 63%,
      rgba(255, 255, 255, 0) 85%);
  }
}