/* ─── GSAP Animator for Bricks — Estilos base ─────────────────────────────── */

/*
 * No se ocultan elementos via CSS: gsap.fromTo() aplica el estado inicial
 * (oculto) de forma inmediata con immediateRender, antes de que ScrollTrigger
 * dispare. El CSS que oculta conflictúa con el "to" que GSAP intenta leer.
 */

/*
 * Splitting.js: cada unidad (char / word / line) necesita display inline-block
 * para que el slide desde abajo no desborde visualmente el contenedor.
 * El wrapper .word y .line que genera Splitting necesita overflow:hidden.
 */
.ga-chars .char,
.ga-words .word,
.ga-lines .line {
    display: inline-block;
}

/* Máscara para el efecto slide-up: oculta el desplazamiento inicial */
.ga-words .word,
.ga-lines .line {
    overflow: hidden;
    vertical-align: bottom; /* evita gap extra por line-height */
}

/*
 * will-change se gestiona dinámicamente desde animator.js:
 * se activa justo antes de la animación y se limpia en onComplete,
 * liberando memoria de GPU cuando el elemento ya terminó de animar.
 */