/* Pulse dot in cool bar */
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(60,224,122,.55);}
  70%{box-shadow:0 0 0 9px rgba(60,224,122,0);}
  100%{box-shadow:0 0 0 0 rgba(60,224,122,0);}
}

/* Scroll reveal */
[data-reveal]{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .7s ease, transform .7s ease;
}
[data-reveal].in-view{
  opacity:1;
  transform:translateY(0);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  [data-reveal]{
    opacity:1;
    transform:none;
    transition:none;
  }
  .pulse-dot{
    animation:none;
  }
}