/**
 * Quoin landing pages — scroll-reveal motion (frontend only; enqueued
 * by inc/quoin.php on the Quoin Landing templates). Progressive
 * enhancement: the classes are added by js/quoin-reveal.js, so with
 * JS off nothing is ever hidden. Reduced motion is respected twice —
 * the script bails and this CSS neutralizes.
 */

.quoin-rv {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}

.quoin-rv--in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .quoin-rv {
    opacity: 1;
    transform: none;
    transition: none;
  }
}