/* ============================================================
   RICHSYA-03Q-FIX02 - PREMIUM CINEMATIC SCROLL
   Scoped animation classes, no global design overrides.
   ============================================================ */

@media (prefers-reduced-motion: no-preference) {

  html.rv-cinema-active .rv-cinema-heading,
  html.rv-cinema-active .rv-cinema-copy,
  html.rv-cinema-active .rv-cinema-card,
  html.rv-cinema-active .rv-cinema-visual {
    opacity: 0;
    transition-property: opacity, transform, filter, clip-path;
    transition-duration: 720ms;
    transition-timing-function: cubic-bezier(.22,1,.36,1);
    transition-delay: var(--rv-cinema-delay, 0ms);
    will-change: opacity, transform;
  }

  /* Editorial heading reveal */
  html.rv-cinema-active .rv-cinema-heading {
    transform: translate3d(0, 32px, 0);
    filter: blur(5px);
    transition-duration: 780ms;
  }

  /* Supporting copy */
  html.rv-cinema-active .rv-cinema-copy {
    transform: translate3d(0, 20px, 0);
    transition-duration: 660ms;
  }

  /* Cards */
  html.rv-cinema-active .rv-cinema-card {
    transform: translate3d(0, 38px, 0) scale(.975);
    transition-duration: 760ms;
  }

  /* Image mask */
  html.rv-cinema-active .rv-cinema-visual {
    clip-path: inset(12% 0 0 0 round 3px);
    transform: translate3d(0, 22px, 0);
    transition-duration: 900ms;
  }

  html.rv-cinema-active .rv-cinema-heading.rv-cinema-visible,
  html.rv-cinema-active .rv-cinema-copy.rv-cinema-visible,
  html.rv-cinema-active .rv-cinema-card.rv-cinema-visible,
  html.rv-cinema-active .rv-cinema-visual.rv-cinema-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
    clip-path: inset(0 0 0 0 round 0);
    will-change: auto;
  }

  /* Independent subtle parallax, without overriding transform */
  .rv-cinema-parallax {
    translate: 0 var(--rv-parallax-y, 0px);
  }
}

/* Never hide content for accessibility preferences */
@media (prefers-reduced-motion: reduce) {
  .rv-cinema-heading,
  .rv-cinema-copy,
  .rv-cinema-card,
  .rv-cinema-visual {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    transition: none !important;
    animation: none !important;
  }

  .rv-cinema-parallax {
    translate: none !important;
  }
}