/* ============================
   BREATHING HEARTS
   ============================ */

.breathing-hearts {
  position: relative;
  overflow: visible;
  min-height: 400px;
  background: transparent;
}

canvas.hearts-canvas {
  position: absolute;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  z-index: 1;
  pointer-events: none;
  filter: blur(20px);
}

.breathing-hearts > * {
  position: relative;
  z-index: 2;
  color: #000;
  text-align: center;
  text-shadow: 0 0 8px rgba(255,255,255,0.4);
  padding: 3rem 1rem;
  animation: breatheZoom 12s ease-in-out infinite alternate;
  transform-origin: center;
}

@keyframes breatheZoom {
  0%   { transform: scale(1);   filter: brightness(1); }
  50%  { transform: scale(1.04); filter: brightness(1.05); }
  100% { transform: scale(1);   filter: brightness(1); }
}