.confetti-container {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.petal {
  position: absolute;
  top: -10px;
  width: 8px;
  height: 12px;
  border-radius: 60% 40% 60% 40% / 50% 60% 40% 50%;
  background: var(--gold);
  opacity: 0;
  animation: fall 3.6s ease-in forwards;
}

.petal--sage  { background: var(--sage); }
.petal--white { background: #fff; border: 1px solid var(--gold); }