/* ==================== CENTRALE — apertura della home ====================
   La foto della hero si costruisce come un disegno: js/centrale.js ridisegna il
   collettore della foto nelle sue stesse coordinate e lo posa in 3 secondi; poi
   compaiono le scritte della hero, una dopo l'altra, e alla fine il disegno sfuma
   e lascia la foto vera.

   Ordine dei livelli nella hero: foto (sotto, già caricata e dipinta: l'LCP non
   cambia), disegno, velatura della hero (::before), testo.
   Si vede una volta per sessione: lo script nel <head> mette .centrale-anima su <html>
   (prima visita, nessun reduced-motion). Senza quella classe la hero è quella di sempre. */

.hero .centrale{display:none;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--verde-scuro)}
.hero .centrale svg{position:absolute;display:block}
.centrale-anima .hero .centrale{display:block;animation:centrale-foto 1s cubic-bezier(.2,.7,.2,1) 3.9s both}
/* la velatura scura serve al testo: mentre il disegno si costruisce è leggera, poi arriva con le scritte */
.centrale-anima .hero::before{animation:centrale-velatura .8s cubic-bezier(.2,.7,.2,1) 2.75s both}

/* le scritte della hero arrivano a disegno finito, nello stesso ordine di lettura */
.centrale-anima .hero .wrap>*{animation:centrale-testo .6s cubic-bezier(.2,.7,.2,1) both}
.centrale-anima .hero .wrap>:nth-child(1){animation-delay:3s}
.centrale-anima .hero .wrap>:nth-child(2){animation-delay:3.1s}
.centrale-anima .hero .wrap>:nth-child(3){animation-delay:3.2s}
.centrale-anima .hero .wrap>:nth-child(4){animation-delay:3.3s}
.centrale-anima .hero .wrap>:nth-child(5){animation-delay:3.4s}

@keyframes centrale-testo{from{opacity:0;transform:translateY(10px)}}
@keyframes centrale-foto{to{opacity:0}}
@keyframes centrale-velatura{from{opacity:.3}}

@media (prefers-reduced-motion:reduce){
  .hero .centrale{display:none!important}
  .centrale-anima .hero .wrap>*,.centrale-anima .hero::before{animation:none!important}
}
@media print{.hero .centrale{display:none!important}}
