/* animations.css */
@keyframes spin        { from{transform:rotate(0)} to{transform:rotate(360deg)} }
@keyframes fadeUp      { from{opacity:0;transform:translateY(36px)} to{opacity:1;transform:translateY(0)} }
@keyframes scrollPulse { 0%,100%{transform:scaleY(1);opacity:1} 50%{transform:scaleY(.6);opacity:.3} }
@keyframes pulse       { 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(1.5);opacity:.5} }

/* Hero entrance */
.anim-up {
  opacity:0;
  animation:fadeUp 1s ease forwards;
  animation-delay:var(--d, 0s);
}

/* Scroll reveal */
.reveal {
  opacity:0; transform:translateY(44px);
  transition:opacity .85s ease, transform .85s ease;
}
.reveal.visible { opacity:1; transform:translateY(0); }