/* Homepage styles */

/* Hero dots glow animation */
#heroDots .hero-dot { 
  transition: box-shadow .25s ease, transform .25s ease; 
}

#heroDots .hero-dot.is-active { 
  animation: gemGlow 2.4s ease-in-out infinite; 
}

@keyframes gemGlow {
  0%, 100% { 
    box-shadow: 0 0 8px rgba(255,255,255,.9), 0 0 16px rgba(173,216,230,.45); 
    transform: scale(1.1); 
  }
  50% { 
    box-shadow: 0 0 16px rgba(255,255,255,1), 0 0 28px rgba(173,216,230,.65); 
    transform: scale(1.18); 
  }
}