/* CSS-only frame animation via sprite GRID (v2)
   700×235, 12 fps, 90 frames (7.5s)
   Sprite grid: 9 columns × 10 rows  => 6300×2350
*/
body { 
  margin: 0; 
  background: #000;
}

.wrap {
  padding: 24px;
  display: flex;
  justify-content: center;
}

.stage{
  width: 700px;
  height: 235px;

  background-image: url("tonino_header.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 0;
  background-size: 6300px 2350px;

  /* X: 9 frame per riga => 0.75s */
  animation-name: toninoX, toninoY;
  animation-duration: 0.75s, 7.5s;
  animation-timing-function: steps(9), steps(10);
  animation-iteration-count: infinite, infinite;
}

@keyframes toninoX{ to { background-position-x: -6300px; } }
@keyframes toninoY{ to { background-position-y: -2350px; } }

@media (prefers-reduced-motion: reduce){
  .stage{ animation: none; }
}