/* ── Background Blobs ── */

.bg-blobs {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.bg-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0;
  animation: blob-breathe var(--duration) ease-in-out infinite alternate;
}

@keyframes blob-breathe {
  0% {
    opacity: 0.08;
    transform: scale(1);
  }
  100% {
    opacity: 0.3;
    transform: scale(1.12);
  }
}