/* =================================================================
   PIXEL PROS — Animations au scroll (page démo "Comptoir d'Auguste")
   Reveals progressifs en cascade + léger parallax du contenu du hero.
   Autonome : remplace demo-reveal.js sur cette page.
   Les classes sont posées par js/demo-motion.js.
   ================================================================= */

/* État de départ : invisible, prêt à apparaître */
.mreveal {
  opacity: 0;
  transition: opacity .8s cubic-bezier(.22,.61,.36,1),
              transform .8s cubic-bezier(.22,.61,.36,1);
  transition-delay: var(--mreveal-delay, 0ms);
  will-change: opacity, transform;
}
.mreveal--up    { transform: translateY(46px); }
.mreveal--scale { transform: translateY(30px) scale(.92); }

/* État révélé : on revient à la position naturelle */
.mreveal.is-in {
  opacity: 1;
  transform: none;
}

/* Le contenu du hero glisse en douceur quand on descend (piloté par JS) */
.cust-hero-content { will-change: transform; }

/* Accessibilité : si l'utilisateur a désactivé les animations, tout reste fixe */
@media (prefers-reduced-motion: reduce) {
  .mreveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}