/* ==========================================================================
   Страница экспоната: анимации, которые есть только здесь. Общие правила
   (появление при прокрутке, наведение) — css/motion.css.
   Въезд фотоленты — js/pages/exhibit-motion.js.
   ========================================================================== */

/* Шапка поднимается при загрузке: метки, название, описание, затем подписи ленты. */
.exhibit-head__tags,
.exhibit-head__title,
.exhibit-head__lead,
.exhibit-gallery__controls {
  animation: motion-fade-up 0.8s var(--motion-ease) both;
}

.exhibit-head__tags {
  animation-delay: 0.05s;
}

.exhibit-head__title {
  animation-delay: 0.15s;
}

.exhibit-head__lead {
  animation-delay: 0.28s;
}

.exhibit-gallery__controls {
  animation-delay: 0.7s;
}

/* Характеристики: строки выплывают слева по очереди. */
.exhibit-specs.reveal .exhibit-specs__item {
  opacity: 0;
  transform: translateX(-16px);
  transition:
    opacity 0.5s var(--motion-ease),
    transform 0.6s var(--motion-ease);
  transition-delay: 0.25s;
}

.exhibit-specs.reveal .exhibit-specs__item:nth-child(2) {
  transition-delay: 0.33s;
}

.exhibit-specs.reveal .exhibit-specs__item:nth-child(3) {
  transition-delay: 0.41s;
}

.exhibit-specs.reveal .exhibit-specs__item:nth-child(n + 4) {
  transition-delay: 0.49s;
}

.exhibit-specs.reveal.is-visible .exhibit-specs__item {
  opacity: 1;
  transform: none;
}

/* Фото в тексте открывается шторкой сверху вниз. */
.exhibit-figure.reveal .exhibit-figure__img {
  clip-path: inset(0 0 100% 0);
  transition: clip-path 1.1s var(--motion-ease) 0.1s;
}

.exhibit-figure.reveal.is-visible .exhibit-figure__img {
  clip-path: inset(0);
}

/* Цитата: знак «кавычки» проявляется следом за врезкой. */
.quote--exhibit.reveal .quote__mark {
  opacity: 0;
  scale: 0.6;
  transition:
    opacity 0.5s var(--motion-ease),
    scale 0.6s var(--motion-ease);
  transition-delay: 0.3s;
}

.quote--exhibit.reveal.is-visible .quote__mark {
  opacity: 1;
  scale: 1;
}