/* ==========================================================================
   05 — ANIMAÇÕES
   Só os @keyframes que estão no ar.

   A entrada, a flutuação e o parallax são feitos em GSAP
   (src/scripts/reveal.js e efeitos.js), que dá controle de sequência e de
   easing que keyframe não dá. Aqui fica o que é laço puro e sem gatilho,
   onde CSS é mais leve: o muro roda sem JavaScript nenhum depois de montado.
   ========================================================================== */

/* Colunas do muro de fundo. O deslocamento é de 62% e não de 100% porque a
   coluna tem mais peças do que cabem na tela: correr o total inteiro
   deixaria o topo vazio na virada. Com alternate, ela vai e volta. */
@keyframes muroSobe{
  from{transform:translateY(0)}
  to{transform:translateY(-62%)}
}
@keyframes muroDesce{
  from{transform:translateY(-62%)}
  to{transform:translateY(0)}
}