/* css/animations.css */

/* SCROLL REVEAL (Legacy classes removed to let GSAP handle states) */
.sr, .sl, .sr2, .s-zoom {
  opacity: 1; 
  transform: none;
}

/* 3D TILT EFFECT */
/* Requires JS to add perspective and set transform variables based on mouse */
.tilt-card {
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  transform-style: preserve-3d;
}

/* PARALLAX */
/* Assigned via JS. Elements with .parallax will move at relative speeds */

/* MISC ANIMATIONS */
@keyframes scroll-anim {
  0% { left: 0; width: 30%; }
  50% { left: 70%; width: 30%; }
  100% { left: 100%; width: 0; }
}

@keyframes pulse-arrow {
  0%, 100% { box-shadow: 0 0 0 0 var(--goldglow); }
  50% { box-shadow: 0 0 0 10px rgba(184, 137, 42, 0); }
}

@keyframes wa-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

/* Modal Fade */
@keyframes fadeIn {
  from { opacity: 0; backdrop-filter: blur(0px); }
  to { opacity: 1; backdrop-filter: blur(10px); }
}
@keyframes modalSlideUp {
  from { transform: translateY(40px) scale(0.95); opacity: 0; }
  to { transform: translateY(0) scale(1); opacity: 1; }
}