/* =========================================
   ANIMATIONS
   Keyframes, transições, efeitos visuais
   ========================================= */

/* ---- PULSE (eyebrow dot) ---- */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: .3; }
}

.eyebrow .dot {
  animation: pulse 1.8s infinite;
}

/* ---- REVEAL ON SCROLL ---- */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s ease;
}

.reveal.in {
  opacity: 1;
  transform: translateY(0);
}