/* Rotatore fotografico della copertina (solo home).
   Layer autonomo: si carica DOPO verona-fx.css e non tocca gli altri file.
   Le slide mancanti si rimuovono da sole (onerror); senza JS resta la prima foto. */

.cover-rotator{
  position:relative;
  margin:clamp(28px,5vh,56px) 0 0;
  overflow:hidden;
  aspect-ratio:21/9;
  border-radius:6px;
  background:var(--bg-deep);
}
.cover-rotator img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.02);
  transition:opacity 1.2s cubic-bezier(0.22,1,0.36,1),transform 1.2s cubic-bezier(0.22,1,0.36,1);
}
.cover-rotator img.is-active{
  opacity:1;
  animation:cover-drift 6.5s cubic-bezier(0.22,1,0.36,1) forwards;
}
@keyframes cover-drift{
  from{transform:scale(1.02)}
  to{transform:scale(1.06)}
}
@media (max-width:980px){
  .cover-rotator{aspect-ratio:3/2;border-radius:4px;margin-top:24px}
}
@media (prefers-reduced-motion:reduce){
  .cover-rotator img{transition:opacity .01s linear;animation:none !important;transform:none}
}