/* ============================================================
   Motion — reveal patterns, transitions, reduced-motion fallbacks
   ============================================================ */

/* Reveal-on-scroll baseline (GSAP ScrollTrigger sets .is-visible) */
[data-reveal] {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity var(--dur-slow) var(--ease-out),
              transform var(--dur-slow) var(--ease-out);
  will-change: opacity, transform;
}
[data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

[data-reveal="fade"]  { transform: none; }
[data-reveal="left"]  { transform: translateX(-40px); }
[data-reveal="right"] { transform: translateX(40px); }
[data-reveal="scale"] { transform: scale(0.92); }

[data-reveal-stagger] > * {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity var(--dur-slow) var(--ease-out),
              transform var(--dur-slow) var(--ease-out);
}
[data-reveal-stagger].is-visible > * {
  opacity: 1;
  transform: none;
}
[data-reveal-stagger].is-visible > *:nth-child(1) { transition-delay: 0ms; }
[data-reveal-stagger].is-visible > *:nth-child(2) { transition-delay: 80ms; }
[data-reveal-stagger].is-visible > *:nth-child(3) { transition-delay: 160ms; }
[data-reveal-stagger].is-visible > *:nth-child(4) { transition-delay: 240ms; }
[data-reveal-stagger].is-visible > *:nth-child(5) { transition-delay: 320ms; }
[data-reveal-stagger].is-visible > *:nth-child(6) { transition-delay: 400ms; }
[data-reveal-stagger].is-visible > *:nth-child(7) { transition-delay: 480ms; }
[data-reveal-stagger].is-visible > *:nth-child(8) { transition-delay: 560ms; }

/* Word/line splitting helpers (set up by GSAP) */
.split-line { display: block; overflow: hidden; }
.split-word { display: inline-block; }
.split-char { display: inline-block; }

/* Glow pulse for highlight elements */
@keyframes glow-pulse {
  0%, 100% { box-shadow: 0 0 16px rgba(0, 229, 255, 0.25); }
  50%      { box-shadow: 0 0 32px rgba(138, 43, 226, 0.45); }
}
.glow-pulse { animation: glow-pulse 4s var(--ease-in-out) infinite; }

/* Gradient sweep for headlines */
@keyframes gradient-sweep {
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
.gradient-sweep {
  background: linear-gradient(90deg, var(--accent-blue), var(--accent-purple), var(--accent-blue));
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient-sweep 8s linear infinite;
}

/* Float subtle vertical bob */
@keyframes float-y {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-8px); }
}
.float-y { animation: float-y 5s var(--ease-in-out) infinite; }

/* Tilt card */
[data-tilt] { transform-style: preserve-3d; will-change: transform; }
[data-tilt] > * { transform-style: preserve-3d; }

/* Page transition curtain */
.page-curtain {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  background: var(--bg-0);
  pointer-events: none;
  transform: scaleY(0);
  transform-origin: bottom;
}
.page-curtain.is-active { transform: scaleY(1); }

/* Reduced motion: kill all transforms/animations defined here */
@media (prefers-reduced-motion: reduce) {
  [data-reveal], [data-reveal-stagger] > * { opacity: 1 !important; transform: none !important; transition: none !important; }
  .glow-pulse, .gradient-sweep, .float-y, .marquee-track { animation: none !important; }
  [data-tilt] { transform: none !important; }
}