/* Decorazione dietro i contenuti, sopra il fondo e le onde esistenti. */
.autumn-scene{position:relative;isolation:isolate}
.autumn-leaves{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none}
.autumn-leaf{position:absolute;top:-60px;left:var(--leaf-left);width:var(--leaf-size);height:calc(var(--leaf-size) * 1.4);opacity:0;animation:autumn-fall var(--leaf-duration) var(--leaf-delay) linear infinite;animation-play-state:paused}
.autumn-leaf svg{width:100%;height:100%;overflow:visible;animation:autumn-flutter var(--leaf-flutter) var(--leaf-delay) ease-in-out infinite alternate;animation-play-state:paused}
.is-leaves-visible .autumn-leaf,.is-leaves-visible .autumn-leaf svg{animation-play-state:running}
.autumn-paused .autumn-leaf,.autumn-paused .autumn-leaf svg{animation-play-state:paused}
.autumn-toggle{font:inherit;color:inherit;background:transparent;border:0;padding:0;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
@keyframes autumn-fall{
  0%{transform:translate3d(0,0,0);opacity:0}
  8%{opacity:.55}
  90%{opacity:.55}
  100%{transform:translate3d(var(--leaf-drift),var(--leaf-distance),0);opacity:0}
}
@keyframes autumn-flutter{
  0%{transform:translateX(-18px) rotate(-35deg) rotateY(15deg)}
  50%{transform:translateX(12px) rotate(25deg) rotateY(65deg)}
  100%{transform:translateX(-8px) rotate(100deg) rotateY(-25deg)}
}
@media(max-width:575.98px){.autumn-leaf:nth-child(n+12){display:none}.footer-bottom>div:has(.autumn-toggle){flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.autumn-leaves,.autumn-toggle{display:none}}
@media print{.autumn-leaves,.autumn-toggle{display:none}}
