/* Instituto Mente Singular · animações de rolagem (scroll reveal)
   Só age quando o motion.js adiciona .mv-on no <html>.
   Sem JavaScript ou com "reduzir movimento" ativo, tudo aparece normal. */
.mv-on body{overflow-x:clip}
.mv-on .mv{
  opacity:0;
  transition:opacity .6s ease, transform .7s cubic-bezier(.2,.7,.2,1);
  will-change:opacity, transform;
}
.mv-on .mv-up{transform:translate3d(0,22px,0)}
.mv-on .mv-left{transform:translate3d(-32px,0,0)}
.mv-on .mv-right{transform:translate3d(32px,0,0)}
.mv-on .mv-scale{transform:scale(.95)}
.mv-on .mv.mv-in{opacity:1;transform:none}
@media (max-width:768px){
  .mv-on .mv-left,.mv-on .mv-right{transform:translate3d(0,22px,0)}
}
@media print{.mv-on .mv{opacity:1!important;transform:none!important}}