/* Version 1 — Bình Minh: cream sunrise, deep green ink, gold accents (defaults live in the base). */
:root {
  --sprig-w: clamp(96px, 15vw, 210px);
  --sprig-h: calc(var(--sprig-w) * 280 / 220);
}

/* ---------- Foreground eucalyptus sprigs ----------
   Each sprig pivots on its stem base (8% 97% of the SVG), parked just off-screen. */
.sprig {
  position: absolute;
  z-index: 2;
  width: var(--sprig-w);
  pointer-events: none;
  opacity: 0.92;
  filter: blur(0.4px) drop-shadow(0 8px 10px rgba(60, 48, 30, 0.18));
  transform-origin: 8% 97%;
  animation: sprig-sway 5.5s ease-in-out infinite alternate;
}

.sprig--top {
  top: calc(-0.97 * var(--sprig-h) + 4px);
  left: calc(-0.08 * var(--sprig-w) - 8px);
  transform: rotate(122deg);
}

.sprig--bottom {
  right: calc(-0.92 * var(--sprig-w) - 4px);
  bottom: calc(var(--safe-bottom) + 112px - 0.03 * var(--sprig-h));
  transform: rotate(-78deg);
  animation-duration: 6.5s;
  animation-delay: -2s;
}

@keyframes sprig-sway {
  from { rotate: -2.5deg; }
  to { rotate: 2.5deg; }
}

@media (prefers-reduced-motion: reduce) {
  .sprig { animation: none; }
}