/* Sfondo autunno: foglie sottili e luce calda DIETRO a immagini e testi, come parte dello sfondo. */
.au-livello { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.au-livello * { pointer-events: none; }

/* luce calda che respira, quasi impercettibile */
.au-luce { position: absolute; inset: -10%; mix-blend-mode: soft-light; opacity: .55;
  background:
    radial-gradient(ellipse 45% 40% at 85% 6%, rgba(244,188,44,.55), transparent 70%),
    radial-gradient(ellipse 40% 35% at 8% 30%, rgba(201,110,40,.35), transparent 70%);
  animation: au-respiro 22s ease-in-out infinite alternate; }
@keyframes au-respiro { from { transform: translate(-2%, 0) scale(1); opacity: .4; } to { transform: translate(3%, 2%) scale(1.08); opacity: .65; } }

/* fascio di sole che attraversa piano */
.au-raggio { position: absolute; top: -20%; left: -30%; width: 38%; height: 150%; mix-blend-mode: soft-light; opacity: .0;
  background: linear-gradient(100deg, transparent, rgba(255,226,150,.45), transparent); transform: rotate(14deg);
  animation: au-raggio 44s ease-in-out infinite; }
@keyframes au-raggio { 0% { transform: translateX(0) rotate(14deg); opacity: 0; } 25% { opacity: .55; } 60% { opacity: .35; } 100% { transform: translateX(260%) rotate(14deg); opacity: 0; } }

/* foglia che cade */
.au-foglia { position: absolute; top: 0; left: 0; will-change: transform; }
.au-foglia svg { display: block; width: 100%; height: auto; overflow: visible; }

@media (prefers-reduced-motion: reduce) { .au-livello { display: none; } }

/* il contenuto del sito sta sopra lo sfondo */
body.au-on > .barra, body.au-on > header, body.au-on > main, body.au-on > footer { position: relative; z-index: 1; }