/* ── Background & Particles ── */
.sbg {
  position: fixed;
  inset: 0;
  background: url("https://www.transparenttextures.com/patterns/church.png"),radial-gradient(circle at center, #fff9f5 0%, #ffe4e8 100%);
  background-blend-mode: multiply;
  z-index: -1;
}
.ptl {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.fp {
  position: absolute;
  animation: drift var(--d) linear var(--del) infinite;
  opacity: 0;
}

@keyframes drift {
  0% {
    transform: translateY(110vh) rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 0.3;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    transform: translateY(-10vh) rotate(360deg);
    opacity: 0;
  }
}