/* Decorative leaves stay behind content and never intercept taps. */
body{isolation:isolate}
.autumn-leaves{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:strict}
.autumn-leaf{position:absolute;left:var(--x);top:-70px;width:var(--size);height:var(--size);opacity:.46;animation:autumn-fall var(--duration) linear var(--delay) infinite}
.autumn-leaf svg{display:block;width:100%;height:100%;animation:autumn-sway 6s ease-in-out infinite alternate}
@keyframes autumn-fall{from{transform:translate3d(0,-70px,0) rotate(-25deg)}to{transform:translate3d(35px,calc(100vh + 140px),0) rotate(235deg)}}
@keyframes autumn-sway{from{transform:translateX(-12px) rotate(-18deg)}to{transform:translateX(12px) rotate(18deg)}}
.autumn-leaves.is-paused *{animation-play-state:paused!important}
@media(max-width:760px){.autumn-leaf{opacity:.32;width:calc(var(--size)*.7);height:calc(var(--size)*.7)}.autumn-leaf:nth-child(n+7){display:none}}
@media(prefers-reduced-motion:reduce){.autumn-leaves{display:none}}
@media print{.autumn-leaves{display:none!important}}