/* =========================================================
   Nishil Consultancy Services — Animations
   ========================================================= */

/* Scroll reveal */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s var(--ease-out), transform .8s var(--ease-out); will-change: opacity, transform; }
.reveal.is-visible { opacity: 1; transform: none; }

/* Stagger children within a grid when marked visible */
.about__cards .pcard.reveal,
.why__grid .fcard.reveal,
.industries__grid .icard.reveal,
.numbers__grid .stat.reveal { transition-delay: calc(var(--i, 0) * 90ms); }

/* Keyframes */
@keyframes fadeSlide {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: none; }
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes scrollDot {
  0% { transform: translateY(0); opacity: 1; }
  70% { transform: translateY(14px); opacity: 0; }
  100% { transform: translateY(0); opacity: 0; }
}
@keyframes floaty {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

.hero__visual { animation: floaty 7s ease-in-out infinite; }

/* Reduced motion: switch everything off */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  .reveal { opacity: 1 !important; transform: none !important; }
  .marquee__track { animation: none !important; }
  .hero__visual { animation: none !important; }
  .cta__orbit { animation: none !important; }
  .hero__scroll-dot { animation: none !important; }
}