.frase-animata {
  display: flex; align-items: center; margin: 0; padding: clamp(24px, 4vw, 44px);
  aspect-ratio: 4 / 3; border-radius: var(--raggio-l); background: var(--mattone); color: var(--bianco);
}
.frase-animata .frase-animata__testo {
  margin: 0; color: var(--bianco);
  font: 800 clamp(2.4rem, 6vw, 3.6rem)/0.98 var(--font-titoli); text-transform: uppercase; letter-spacing: -0.02em;
}
.frase-animata__parola { display: block; }
.frase-animata__parola--accesa { color: var(--giallo); }

@media (prefers-reduced-motion: no-preference) {
  .frase-animata.anima--pronta .frase-animata__parola { opacity: 0; }
  .frase-animata.anima--via .frase-animata__parola { animation: frase-animata-entra 0.5s cubic-bezier(0.2, 0.9, 0.2, 1) forwards; }
  .frase-animata.anima--via .frase-animata__parola:nth-child(2) { animation-delay: 0.3s; }
  .frase-animata.anima--via .frase-animata__parola:nth-child(3) { animation-delay: 0.6s; }
  .frase-animata.anima--via .frase-animata__parola:nth-child(4) { animation-delay: 0.9s; }
}
@keyframes frase-animata-entra {
  from { opacity: 0; transform: translateX(-28px) scale(1.12); }
  to { opacity: 1; transform: none; }
}