/* =========================================================
   3W AGENCY — ANIMATIONS.CSS
   ========================================================= */
@keyframes scrollLine{ 0%{top:-100%;} 50%{top:0;} 100%{top:100%;} }
@keyframes marquee{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
@keyframes spin{ to{ transform:rotate(360deg); } }
@keyframes waPulse{
  0%,100%{ box-shadow:0 8px 26px rgba(0,0,0,0.5), 0 0 0 0 rgba(179,35,28,0.35); }
  50%{ box-shadow:0 8px 26px rgba(0,0,0,0.5), 0 0 0 12px rgba(179,35,28,0); }
}

.reveal{ opacity:0; transform: translateY(24px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.reveal.in{ opacity:1; transform:translateY(0); }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .reveal{ opacity:1; transform:none; transition:none; }
  .tagline-track{ animation:none; }
  .wa-float{ animation:none; }
  .scroll-cue .line::after{ animation:none; }
}