/* ==========================================================================
   NIGHTWING — ANIMATIONS
   Keyframes + the [data-reveal] scroll-reveal utility driven by reveal.js
   ========================================================================== */

@keyframes wing-breathe {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.05); }
}

@keyframes float-slow {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-14px); }
}

@keyframes spin-slow {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0; }
}

@keyframes scroll-wheel {
  0%   { transform: translateY(0); opacity: 1; }
  70%  { transform: translateY(10px); opacity: 0; }
  71%  { transform: translateY(0); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

@keyframes fade-up {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes mlink-in {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

.mobile-menu.is-open .mobile-link:nth-child(1) { animation-delay: .05s; }
.mobile-menu.is-open .mobile-link:nth-child(2) { animation-delay: .10s; }
.mobile-menu.is-open .mobile-link:nth-child(3) { animation-delay: .15s; }
.mobile-menu.is-open .mobile-link:nth-child(4) { animation-delay: .20s; }
.mobile-menu.is-open .mobile-link:nth-child(5) { animation-delay: .25s; }

/* ---- Scroll-reveal system --------------------------------------------------
   Elements start hidden/offset; reveal.js toggles .is-in via IntersectionObserver.
   data-reveal values: up (default) | fade | scale | left | right */
[data-reveal] {
  opacity: 0;
  transition: opacity 0.85s var(--ease-out), transform 0.85s var(--ease-out);
  will-change: opacity, transform;
}
[data-reveal="up"]    { transform: translateY(36px); }
[data-reveal="fade"]  { transform: none; }
[data-reveal="scale"] { transform: scale(0.92); }
[data-reveal="left"]  { transform: translateX(-40px); }
[data-reveal="right"] { transform: translateX(40px); }

[data-reveal].is-in {
  opacity: 1;
  transform: none;
}

/* stagger helper: set --stagger-i on children, reveal.js reads it */
[data-reveal-group] > [data-reveal] { transition-delay: calc(var(--stagger-i, 0) * 70ms); }

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; transition: none; }
  .hero-core, .orbit-ring, .hero-float-card, .loader-wing { animation: none !important; }
}