/* The halo is centered on the existing dot at (103.5, 252.5) in the 2400 x 926 artwork. */
#contact .contact-status-glow {
  position: absolute;
  left: 4.3125%;
  top: 27.26781857%;
  width: 2.5%;
  aspect-ratio: 1;
  z-index: 1;
  pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 255, 170, .95) 0%, rgba(0, 242, 159, .55) 13%, rgba(0, 232, 151, .21) 34%, transparent 68%);
  opacity: .35;
  transform: translate(-50%, -50%) scale(.8);
  animation: contact-status-breathe 2.6s ease-in-out infinite;
  animation-play-state: paused;
}
#contact.contact-active .contact-status-glow { animation-play-state: running; }
@keyframes contact-status-breathe {
  0%, 100% { opacity: .25; transform: translate(-50%, -50%) scale(.78); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.18); }
}
@media (prefers-reduced-motion: reduce) {
  #contact .contact-status-glow {
    animation: none;
    opacity: .45;
    transform: translate(-50%, -50%);
  }
}