/* ============================================
   LANA AUTOMOTIVA — Scroll Reveal Animations
   Intersection Observer–driven, respects
   prefers-reduced-motion.
   ============================================ */

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

  /* ── Base state (hidden) ── */
  .reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.65s ease, transform 0.65s ease;
  }

  .reveal--left  { transform: translateX(-36px); }
  .reveal--right { transform: translateX(36px);  }
  .reveal--scale { transform: scale(0.96) translateY(16px); }

  /* ── Visible state ── */
  .reveal.is-visible {
    opacity: 1;
    transform: none;
  }

  /* ── Stagger delays ── */
  .reveal[data-delay="1"] { transition-delay: 0.08s; }
  .reveal[data-delay="2"] { transition-delay: 0.16s; }
  .reveal[data-delay="3"] { transition-delay: 0.24s; }
  .reveal[data-delay="4"] { transition-delay: 0.32s; }
  .reveal[data-delay="5"] { transition-delay: 0.40s; }
  .reveal[data-delay="6"] { transition-delay: 0.48s; }

}