/* Главная: живое фото в герое.
   Фото разрезано на слои (images/hero/): комната с прозрачным небом и чистое небо.
   Камера медленно идёт по комнате, небо за окном смещается меньше комнаты — получается глубина.
   Слои совпадают пиксель в пиксель, поэтому без анимации видно прежнее фото.
   Облака за окном были 14 октября 2026 — владелец попросил их убрать. */
.pg--home .hero::before{content:none;background-image:none}  /* без этого браузер всё равно качает hero.jpg */
.hero__scene{position:absolute;inset:0;z-index:0;overflow:hidden;container-type:inline-size;filter:saturate(1.05) contrast(1.03) brightness(1.01)}
/* Коробка с пропорциями фото, заполняющая героя как background-size:cover. */
.hero__stage{position:absolute;left:50%;top:50%;height:max(100%,55.78vw);height:max(100%,55.78cqw);aspect-ratio:1920/1071;transform:translate(-50%,-50%)}
.hero__sky,.hero__room{position:absolute;inset:0;background-repeat:no-repeat;background-size:100% 100%;transform-origin:64% 42%;backface-visibility:hidden}
.hero__sky{background-image:url('../images/hero/sky.webp');transform:scale(1.03)}
.hero__room{background-image:url('../images/hero/room.webp');transform:scale(1.03)}

@media (prefers-reduced-motion:no-preference){
  .hero__room{animation:lg-cam-room 40s ease-in-out infinite alternate;will-change:transform}
  .hero__sky{animation:lg-cam-sky 40s ease-in-out infinite alternate;will-change:transform}
}

/* Комната: шаг к окну и проход вдоль него. Небо — те же движения, но слабее.
   Сдвиг всегда меньше запаса от увеличения (origin 64% 42%), края фото не открываются. */
@keyframes lg-cam-room{
  0%{transform:scale(1.05) translate(1.8%,.5%)}
  50%{transform:scale(1.13) translate(-1%,-1%)}
  100%{transform:scale(1.09) translate(-2.6%,.3%)}
}
@keyframes lg-cam-sky{
  0%{transform:scale(1.035) translate(.65%,.18%)}
  50%{transform:scale(1.06) translate(-.35%,-.35%)}
  100%{transform:scale(1.045) translate(-.9%,.1%)}
}