/* Movimento: um momento orquestrado (a luz do ciclo no hero) e uma única entrada para as seções.
   Tudo parte de um estado já visível; sem script ou com movimento reduzido, nada se move. */

/* O médico respira, mínimo */
/* Sem animações CSS em laço no hero: o movimento contínuo vive no vídeo (60 fps); o resto só reage a eventos. */

/* Entrada das seções: sobe 18px com opacidade, uma vez, em sequência curta */
.motion [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s)}
.motion [data-reveal].is-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .motion [data-reveal]{opacity:1;transform:none;transition:none}
}