@keyframes heroLight {
  0%,100% { opacity: .62; transform: translateX(-1%); }
  50% { opacity: 1; transform: translateX(1%); }
}

@keyframes statusPulse {
  0%,100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(.75); opacity: .65; }
}

@keyframes scrollCue {
  0%,100% { transform: scaleY(.55); transform-origin: top; opacity: .45; }
  50% { transform: scaleY(1); opacity: 1; }
}

@keyframes ringPulse {
  0%,100% { transform: scale(.98); opacity: .55; }
  50% { transform: scale(1.04); opacity: 1; }
}

@keyframes skeletonSweep {
  from { background-position: 200% 0; }
  to { background-position: -20% 0; }
}