/* /assets/site.css */

/* Gentle JOIN “breathing” animation (more visible) */
@keyframes joinBreathStrong {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
    box-shadow:
      0 18px 36px rgba(207,31,46,.22),
      0 0 0 0 rgba(255,58,75,.0);
  }
  50% {
    transform: translateY(-1px) scale(1.09);
    filter: brightness(1.10);
    box-shadow:
      0 26px 70px rgba(207,31,46,.90),
      0 0 0 10px rgba(255,58,75,.10);
  }
}

.joinPulse{
  animation: joinBreathStrong 2.4s ease-in-out infinite !important;
  will-change: transform, filter, box-shadow;
}

@media (prefers-reduced-motion: reduce){
  .joinPulse{ animation: none !important; }
}