/* RESPONSIVE */
@media (max-width:1100px){
  .anima-grid,.atlas-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:980px){
  .p-head,.sabe-corpo{grid-template-columns:minmax(0,1fr)}
  .mazzo{position:static}
  .qualita{grid-template-columns:minmax(0,1fr);gap:14px}
  /* sul telefono il carosello viene subito dopo il testo; le qualità scendono sotto */
  .hero{display:flex;flex-direction:column}
  .hero .carosello{order:2} .hero .stage-note{order:3} .hero .qualita{order:4} .hero .tecnica{order:5} .hero .ps{order:6}
}

@media (max-width:720px){
  .palco{height:470px}
  .scheda{height:420px;top:6px}
  .scheda[data-slot="1"]{--x:76%;--zz:-220px;--gy:-30deg}
  .scheda[data-slot="-1"]{--x:-76%;--zz:-220px;--gy:30deg}
  .linguette{flex:1;min-width:0}
  .linguetta{min-width:0;flex:1;font-size:.8rem;padding:10px}
}