/* Palabras enmascaradas */
.has-motion [data-split] .mw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.has-motion [data-split] .mw-i{display:inline-block;transform:translateY(105%)}
.has-motion [data-split].in .mw-i{transform:none}
.motion-a.has-motion [data-split] .mw-i{transition:transform 1.15s cubic-bezier(.19,1,.22,1)}
.motion-b.has-motion [data-split] .mw-i{transition:transform .8s cubic-bezier(.16,1,.3,1)}
/* La primera pantalla entra al cargar */
.has-motion .hero [data-split] .mw-i,.has-motion .phead [data-split] .mw-i{transform:translateY(105%)}
.has-motion.loaded .hero [data-split].in .mw-i,.has-motion.loaded .phead [data-split].in .mw-i{transform:none}

/* Textos de lectura línea a línea */
.has-motion [data-lines] .mw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.has-motion [data-lines] .mw-i{display:inline-block;transform:translateY(110%);opacity:0}
.has-motion [data-lines].in .mw-i{transform:none;opacity:1}
.motion-a.has-motion [data-lines] .mw-i{transition:transform 1s cubic-bezier(.19,1,.22,1),opacity .8s ease}
.motion-b.has-motion [data-lines] .mw-i{transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s ease}
.has-motion .phead [data-lines] .mw-i{transform:translateY(110%);opacity:0}
.has-motion.loaded .phead [data-lines].in .mw-i{transform:none;opacity:1}

/* Fundido hacia arriba */
.has-motion [data-reveal="up"]{opacity:0;transform:translateY(28px)}
.has-motion [data-reveal="up"].in{opacity:1;transform:none}
.motion-a.has-motion [data-reveal="up"]{transition:opacity 1s ease,transform 1.2s cubic-bezier(.19,1,.22,1)}
.motion-b.has-motion [data-reveal="up"]{transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}

/* Imagen que se destapa (A: de abajo arriba; B: barrido lateral) */
.has-motion [data-reveal="img"]{overflow:hidden}
.has-motion [data-reveal="img"] > img{transform:scale(1.14)}
.motion-a.has-motion [data-reveal="img"]{clip-path:inset(100% 0 0 0);transition:clip-path 1.4s cubic-bezier(.77,0,.18,1)}
.motion-a.has-motion [data-reveal="img"] > img{transition:transform 2s cubic-bezier(.19,1,.22,1)}
.motion-b.has-motion [data-reveal="img"]{clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.83,0,.17,1)}
.motion-b.has-motion [data-reveal="img"] > img{transition:transform 1.6s cubic-bezier(.16,1,.3,1)}
.has-motion [data-reveal="img"].in{clip-path:inset(0 0 0 0)}
.has-motion [data-reveal="img"].in > img{transform:scale(1)}

/* Bloque de color que se barre (B) */
.has-motion [data-reveal="wipe"]{clip-path:inset(0 0 100% 0);transition:clip-path .9s cubic-bezier(.83,0,.17,1)}
.has-motion [data-reveal="wipe"].in{clip-path:inset(0 0 0 0)}

/* Hijos escalonados */
.has-motion [data-stagger] > *{opacity:0;transform:translateY(24px)}
.has-motion [data-stagger].in > *{opacity:1;transform:none}
.motion-a.has-motion [data-stagger] > *{transition:opacity .9s ease,transform 1.1s cubic-bezier(.19,1,.22,1)}
.motion-b.has-motion [data-stagger] > *{transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)}

/* Medios que crecen con el scroll (B) */
[data-grow]{--g:1}
.has-motion [data-grow]{transform:scale(calc(.88 + .12 * var(--g)));transform-origin:50% 0;will-change:transform}

/* Parallax */
[data-parallax]{will-change:transform}

/* Cabecera que se esconde (A) */