/* ==========================================================================
   Keyframes — biblioteca central de animações
   Prefixo ox- evita colisão com bibliotecas futuras.
   ========================================================================== */

/* Entrada padrão: sobe e revela.
   Usada por [data-enter], [data-reveal] e pelos itens do menu mobile. */
@keyframes ox-rise {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Parallax vertical conduzido pela rolagem (animation-timeline: view()).
   A escala fixa reserva a folga que o deslocamento consome — sem ela a
   imagem descolaria das bordas do painel. Roda no compositor: custo zero
   na main thread e nenhum listener de scroll. */
@keyframes ox-parallax {
  from {
    transform: translate3d(0, -5%, 0) scale(1.1);
  }
  to {
    transform: translate3d(0, 5%, 0) scale(1.1);
  }
}