/* ============================================================
   SkarduSpring — animations.css
   Sets the "before" state for scroll-revealed elements.
   JS (GSAP) adds .ss-anim-ready once initialised; if JS fails,
   a no-JS fallback reveals everything so nothing stays hidden.
   ============================================================ */

/* Only hide elements when GSAP is ready to animate them in. */
.ss-anim-ready [data-anim="fade-up"]   { opacity: 0; transform: translateY(40px); }
.ss-anim-ready [data-anim="slide-left"]{ opacity: 0; transform: translateX(-50px); }
.ss-anim-ready [data-anim="fade-right"]{ opacity: 0; transform: translateX(40px); }
.ss-anim-ready [data-anim="scale-in"]  { opacity: 0; transform: scale(0.94); }
.ss-anim-ready [data-anim="hero"]      { opacity: 0; transform: translateY(40px); }
/* Safety: active hero slide stays readable if GSAP init is delayed */
.ss-hero__swiper .swiper-slide-active [data-anim="hero"] {
  opacity: 1;
  transform: none;
}
.ss-anim-ready.ss-hero-animating .swiper-slide-active [data-anim="hero"] {
  opacity: 0;
  transform: translateY(40px);
}
.ss-anim-ready [data-anim="reveal"]    { clip-path: inset(0 0 100% 0 round 24px); }

/* No-JS / reduced-motion safety: never leave content hidden. */
.no-js [data-anim] { opacity: 1 !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  [data-anim] { opacity: 1 !important; transform: none !important; }
}

/* Hover micro-interactions handled in main.css via transitions. */

/* Counter pop when active */
.ss-stat__num { transition: color 0.3s ease; }

/* Gallery track — transform driven by GSAP ScrollTrigger (no CSS transition) */
.ss-gallery__track { touch-action: pan-y; }