/* Scroll-in motion for catalogue product compositions. */
.image-reveal {
  opacity: 0;
  translate: 0 26px;
  scale: .96;
}

.image-reveal.visible {
  animation: catalogue-image-in .72s cubic-bezier(.2,.75,.25,1) var(--image-delay, 0ms) both;
}

@keyframes catalogue-image-in {
  from { opacity: 0; translate: 0 26px; scale: .96; }
  to { opacity: 1; translate: 0 0; scale: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .image-reveal { opacity: 1; translate: 0; scale: 1; }
  .image-reveal.visible { animation: none; }
}