/* contact-glow.css — same hint-pulse geometry as .nav-hint, in MCC orange
   (#ef5425 / rgba(239,84,37,...)). Dark edge layer kept. Alpha bumped so
   the glow reads on the light gray Contact section.
   Keeps width: 81% and horizontal centering. Linked after style.min.css. */

#contact .img-box {
  overflow: visible; /* don't clip the glow */
}

#contact .img-box img {
  display: block;
  width: 81%;
  margin: 0 auto;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 3.33px 8px rgba(239, 84, 37, 0.6), 0 6.67px 15px rgba(239, 84, 37, 0.4);
  animation: contact-img-hint-pulse 1.8s ease-in-out infinite;
}

/* Same offsets/blur as nav-hint-pulse; white glow layers swapped for site orange. */
@keyframes contact-img-hint-pulse {
  0%,
  100% {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 3.33px 8px rgba(239, 84, 37, 0.6), 0 6.67px 15px rgba(239, 84, 37, 0.4);
  }
  50% {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35), 0 4px 11px rgba(239, 84, 37, 0.75), 0 8px 16px rgba(239, 84, 37, 0.5);
  }
}

@media (prefers-reduced-motion: reduce) {
  #contact .img-box img {
    animation: none;
  }
}