/* ==========================================================================
   «Экспозиция выставки» (/halls/, бывшие «Залы»): анимации, которые есть только здесь. Общие правила
   (появление при прокрутке, списки в карточках залов, наведение) — css/motion.css.
   ========================================================================== */

/* Заголовок и описание поднимаются при загрузке страницы. */
.halls-page .catalog-head__title,
.halls-page__lead {
  animation: motion-fade-up 0.8s var(--motion-ease) both;
}

.halls-page .catalog-head__title {
  animation-delay: 0.1s;
}

.halls-page__lead {
  animation-delay: 0.25s;
}

/* Экран на зал (≥ 1200 px): при наведении снимок плитки медленно приближается, стрелка
   экспоната сдвигается вверх-вправо. Плитки не поднимаются и не получают тень. */
.hall-show__photo img {
  transition: scale 0.9s var(--motion-ease);
}

.hall-show__exhibit-arrow {
  transition: translate 0.25s var(--motion-ease), color 0.15s ease;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .hall-show__hall:hover .hall-show__photo img,
  .hall-show__exhibit:hover .hall-show__photo img {
    scale: 1.04;
  }

  .hall-show__exhibit:hover .hall-show__exhibit-arrow {
    translate: 2px -2px;
  }
}
