@charset "UTF-8";
/* Страница «Блог».
   __top — обёртка hero и списка: ограничивает sticky у page-hero (фото не уезжает под «Следи за новостями»).
   __hero — кадр фото page-hero (переменные блока), фото 5 : 3: на телефоне 539 по центру, сдвиг вверх на 22;
   на md — по ширине экрана, от верха; на xl — по ширине, по центру кадра 560 (сдвиг вверх на 152 из 865). */
.blog__hero {
  --page-hero-image-width: 138.2%;
  --page-hero-image-x: -50%;
  --page-hero-image-y: -6.8%;
}
@media (min-width: 768px) {
  .blog__hero {
    --page-hero-image-width: 100%;
    --page-hero-image-y: 0%;
  }
}
@media (min-width: 1280px) {
  .blog__hero {
    --page-hero-image-y: -17.6%;
  }
}