/* =========================================
   ANIMATIONS — MT Luxury Wood
   Reveal on scroll, Marquee, Cursor, Keyframes
   ========================================= */

/* ---- REVEAL ON SCROLL ---- */
.reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out);
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Delay varianti */
.reveal-d1 { transition-delay: 0.12s; }
.reveal-d2 { transition-delay: 0.24s; }
.reveal-d3 { transition-delay: 0.36s; }

/* ---- KEYFRAMES ---- */

/* Scroll indicator */
@keyframes scrollLine {
  0%   { transform: scaleY(0); transform-origin: top; opacity: 1; }
  50%  { transform: scaleY(1); transform-origin: top; opacity: 1; }
  51%  { transform: scaleY(1); transform-origin: bottom; opacity: 1; }
  100% { transform: scaleY(0); transform-origin: bottom; opacity: 0; }
}

/* Marquee infinito */
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Fade in dal basso (hero content) */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Hero content entrata */
.hero-eyebrow  { animation: fadeUp 1s var(--ease-out) 0.3s both; }
.hero-title    { animation: fadeUp 1s var(--ease-out) 0.5s both; }
.hero-desc     { animation: fadeUp 1s var(--ease-out) 0.7s both; }
.hero-actions  { animation: fadeUp 1s var(--ease-out) 0.9s both; }

/* ---- prefers-reduced-motion ---- */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .hero-eyebrow,
  .hero-title,
  .hero-desc,
  .hero-actions {
    animation: none;
    opacity: 1;
  }

  .marquee-track {
    animation: none;
  }

  .scroll-line {
    animation: none;
    opacity: 0.5;
  }
}