/* Falling leaves. */
.bgfx--leaves .bgfx-p > svg {
  width: var(--s);
  height: var(--s);
  opacity: 0.9;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
  transform: rotate(calc(var(--r1) * 360deg));
}
@media (prefers-reduced-motion: no-preference) {
  .bgfx--leaves .bgfx-p > svg { animation: bgfx-leaf calc(2.6s + var(--r1) * 2.4s) ease-in-out var(--t) infinite alternate; }
}
@keyframes bgfx-leaf {
  from { transform: translateX(calc(-34px * var(--amp))) rotate(-55deg) rotateY(0deg); }
  to   { transform: translateX(calc(34px * var(--amp))) rotate(65deg) rotateY(50deg); }
}