/*
  Progressive enhancement: elements are VISIBLE by default.
  GSAP animates from hidden states when loaded.
  Without GSAP: full visibility, no animation.
*/

/* Scroll-reveal elements — JS adds .js-anim class to body before hiding them */
.js-anim .reveal       { opacity: 0; transform: translateY(40px); }
.js-anim .reveal-left  { opacity: 0; transform: translateX(-40px); }
.js-anim .reveal-right { opacity: 0; transform: translateX(40px); }
.js-anim .reveal-scale { opacity: 0; transform: scale(0.92); }
.js-anim .clip-reveal  { clip-path: inset(0 0 100% 0); }
.js-anim .service-card { opacity: 0; transform: translateY(32px); }

/* Reduced motion: always visible */
@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal-left, .reveal-right, .reveal-scale,
  .clip-reveal, .service-card {
    opacity: 1 !important; transform: none !important; clip-path: none !important;
  }
}