/* A light seasonal accent; never intercepts navigation or touch. */
.autumn-leaves{position:fixed;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:20;contain:strict}
.autumn-leaf{position:absolute;top:-50px;left:var(--left);width:var(--size);height:var(--size);animation:reve-leaf-fall var(--duration) linear var(--delay) infinite;will-change:transform}
.autumn-leaf-sway{width:100%;height:100%;animation:reve-leaf-sway var(--sway) ease-in-out var(--delay) infinite alternate}
.autumn-leaf svg{display:block;width:100%;height:100%;color:var(--color);opacity:.48;animation:reve-leaf-turn var(--spin) ease-in-out var(--delay) infinite alternate}
@keyframes reve-leaf-fall{from{transform:translate3d(0,-50px,0)}to{transform:translate3d(var(--drift),calc(100vh + 110px),0)}}
@keyframes reve-leaf-sway{from{transform:translateX(-18px)}to{transform:translateX(22px)}}
@keyframes reve-leaf-turn{from{transform:rotate(-35deg) rotateY(0deg)}to{transform:rotate(175deg) rotateY(60deg)}}
@media(max-width:760px){.autumn-leaf:nth-child(n+6){display:none}.autumn-leaf svg{opacity:.4}}
@media(prefers-reduced-motion:reduce){.autumn-leaves{display:none}.autumn-leaf,.autumn-leaf-sway,.autumn-leaf svg{animation:none}}
@media print{.autumn-leaves{display:none}}