/* ── Кадрирование фона первого экрана на узком экране ──────────────
   Доля приходит из разметки переменной --hero-x: её считает страница
   по двум полям кабинета — видимая часть и смещение.

   Правило стоит только под узкий экран. На широком фон входит в кадр
   целиком, и сдвиг, подобранный под телефон, там сломал бы кадр.
   Порог 900 px — тот же, по которому скрипт страницы отличает широкий
   экран от узкого; второе значение разъехалось бы с первым.

   Запасное значение 50% держит прежнее поведение, пока клиент ничего
   не выбрал. */

@media (max-width: 899.98px) {
  .hero__photo {
    object-position: var(--hero-x, 50%) center;
  }
}