/* ===================================================================
   ANIMATIONS — keyframes used across components
   =================================================================== */

@keyframes scrollcue{
  0%{ transform:scaleY(0); transform-origin:top; opacity:.2; }
  40%{ transform:scaleY(1); transform-origin:top; opacity:1; }
  60%{ transform:scaleY(1); transform-origin:bottom; opacity:1; }
  100%{ transform:scaleY(0); transform-origin:bottom; opacity:.2; }
}

@keyframes pulse-dot{
  0%,100%{ opacity:1; } 50%{ opacity:.4; }
}
.eyebrow::before{ animation:pulse-dot 2.4s ease-in-out infinite; }

@keyframes fadeUp{
  from{ opacity:0; transform:translateY(16px); }
  to{ opacity:1; transform:translateY(0); }
}
[data-reveal]{ animation:fadeUp .8s var(--ease-out) both; }