/* NoCodeDesigner — GSAP Character Animation */

.character-animation--ready {
    /* perspective gives the per-character rotation its 3D depth */
    perspective: 400px;
}

.character-animation__char {
    display: inline-block;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform, opacity;
    /* keeps layout stable while glyphs cycle (works best with even widths) */
    min-width: 0.2em;
    text-align: center;
}