.cl { position: relative; overflow: hidden; padding-block: 0; }
/* palco mais baixo que a tela: trava no centro (start 'center center'), sem meia tela vazia em volta */
.cl-palco { position: relative; height: 62vh; height: 62svh; min-height: 22.5rem; display: flex; flex-direction: column; justify-content: center; }
.cl-topo { width: 100%; margin-bottom: clamp(0.5rem, 2vh, 1.5rem); text-align: center; }
.cl-titulo { font-size: clamp(1.25rem, calc(var(--u) * 2), 1.875rem); font-weight: 600; letter-spacing: -0.025em; line-height: 1.1; color: var(--tinta); }
.cl-cena { --cl-slot: clamp(16.25rem, 34vw, 35rem); width: 100%; transform-origin: 50% 50%; will-change: transform; }
.cl-faixa { width: 100%; overflow: hidden; }
.cl-trilho { display: flex; width: max-content; list-style: none; margin: 0; padding: 0; will-change: transform; }
.cl-item {
  --cl-base: clamp(4rem, 11vh, 7.5rem);
  flex: none; width: var(--cl-slot); height: calc(var(--cl-base) * 2.1);
  display: flex; align-items: center; justify-content: center;
}
.cl-item img {
  height: calc(var(--cl-base) * var(--cl-h, 1)); width: auto; max-width: 82%; object-fit: contain;
  will-change: transform, opacity;
}

@media (max-width: 760px) {
  .cl-cena { --cl-slot: 70vw; }
  .cl-item { --cl-base: clamp(3.5rem, 10vh, 6rem); height: calc(var(--cl-base) * 1.7); }
  .cl-item img { max-width: 94%; }
}

/* Movimento reduzido: grade estática */
.cl.cl-estatico .cl-palco { height: auto; padding-block: clamp(4.5rem, calc(var(--u) * 9), 8.75rem); }
.cl.cl-estatico .cl-topo { margin-bottom: 2rem; }
.cl.cl-estatico .cl-trilho { flex-wrap: wrap; width: auto; justify-content: center; }
.cl.cl-estatico .cl-item { --cl-base: 2.125rem; width: auto; padding: 0.75rem 1.5rem; height: 5.625rem; }
.cl.cl-estatico .cl-item img { max-width: 60vw; }
.cl.cl-estatico .cl-item[data-cl-clone] { display: none; }