/**
 * C2S — Counter (rolling digit animation)
 *
 * Compteur avec défilement vertical des chiffres.
 * Même cubic-bezier et stagger que le bouton (Osmo).
 *
 * HTML requis : <span class="c2s-counter" data-counter="97%"></span>
 * JS requis   : counter/js/counter.js
 */


/* ============================================
   Container
   ============================================ */
.c2s-counter {
    display: inline-flex;
    align-items: baseline;
}


/* ============================================
   Slot (overflow clip pour chaque chiffre)
   ============================================ */
.c2s-counter__slot {
    display: inline-block;
    height: 1em;
    line-height: 1;
    overflow: hidden;
}


/* ============================================
   Track (bande verticale 0-9)
   ============================================ */
.c2s-counter__track {
    display: flex;
    flex-direction: column;
    transform: translateY(0%) rotate(0.001deg);
    transition: transform 1.4s cubic-bezier(0.625, 0.05, 0, 1);
}

.c2s-counter__track span {
    display: block;
    height: 1em;
    line-height: 1;
}


/* ============================================
   Caractère statique (+, %, etc.)
   ============================================ */
.c2s-counter__static {
    display: inline-block;
    line-height: 1;
}