/* ==========================================================================
   Animations — GPU-accelerated transitions & scroll reveals
   Timings match Figma Smart Animate defaults (~280–600ms ease-out)
   ========================================================================== */

/* ---------- Scroll reveal (JS adds .is-visible) ---------- */
.js [data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity var(--dur-slow) var(--ease-out),
    transform var(--dur-slow) var(--ease-out);
  will-change: opacity, transform;
}
.js [data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

/* Directional reveals */
.js [data-reveal="from-left"] {
  opacity: 0;
  transform: translateX(-40px);
  transition:
    opacity var(--dur-reveal-slow) var(--ease-out),
    transform var(--dur-reveal-slow) var(--ease-out);
}
.js [data-reveal="from-top"] {
  opacity: 0;
  transform: translateY(-40px);
  transition:
    opacity var(--dur-reveal-slow) var(--ease-out),
    transform var(--dur-reveal-slow) var(--ease-out);
}
.js [data-reveal="from-left"].is-visible,
.js [data-reveal="from-top"].is-visible {
  opacity: 1;
  transform: none;
}

/* Shared slow timing (Reasons + Care sections) */
.js [data-reveal-speed="slow"] {
  transition:
    opacity var(--dur-reveal-slow) var(--ease-out),
    transform var(--dur-reveal-slow) var(--ease-out);
}

/* Elementor editor / preview — always show content */
.elementor-editor-active [data-reveal],
.elementor-editor-preview [data-reveal],
.elementor-editor-active .reasons__panel,
.elementor-editor-active .reasons__video,
.elementor-editor-preview .reasons__panel,
.elementor-editor-preview .reasons__video,
.elementor-editor-active .care__col--left,
.elementor-editor-active .care__art,
.elementor-editor-active .care__col--right,
.elementor-editor-active .care__whole,
.elementor-editor-active .care__title,
.elementor-editor-preview .care__col--left,
.elementor-editor-preview .care__art,
.elementor-editor-preview .care__col--right,
.elementor-editor-preview .care__whole,
.elementor-editor-preview .care__title {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ---------- Carousel slide ---------- */
.team__track {
  transition: transform 480ms var(--ease-out);
  will-change: transform;
}

@keyframes press-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .press__track { animation: none; }
  .js [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .team__track { transition: none; }
}