@charset "UTF-8";
/* Страница «Академия»: фон --color-gray (как в макете), все секции — на нём.
   __hero — page-hero --static (интро наезжает на него обычным потоком: при sticky в нижних углах
   карточек интро просвечивало бы фото); кадр фото (переменные блока): телефон 855 × 689 по центру,
   сдвиг вверх на 9; md — 794 × 640, сдвиг на 10; xl — 1440 × 1160, сдвиг на 150 (по рендеру макета).
   __gallery — дополнительные поля вокруг галереи: 32 / 48 / 0 (в макете галерея в обёртке). */
.academy {
  background-color: var(--color-gray);
}
.academy__hero {
  --page-hero-image-width: 219.2%;
  --page-hero-image-y: -1.3%;
}
@media (min-width: 768px) {
  .academy__hero {
    --page-hero-image-width: 103.4%;
    --page-hero-image-y: -1.6%;
  }
}
@media (min-width: 1280px) {
  .academy__hero {
    --page-hero-image-width: 100%;
    --page-hero-image-y: -13%;
  }
}
.academy__gallery {
  padding-block: 2rem;
}
@media (min-width: 768px) {
  .academy__gallery {
    padding-block: 3rem;
  }
}
@media (min-width: 1280px) {
  .academy__gallery {
    padding-block: 0;
  }
}