/* =========================================================
   MICP v392 — O Método / movimento institucional
   Escopo exclusivo. Movimento discreto, uma única vez.
   ========================================================= */
@media (prefers-reduced-motion: no-preference){
  html.micp-motion body:not(.page-how-we-work) .method-facts .method-copy,
  html.micp-motion body:not(.page-how-we-work) .method-facts__media,
  html.micp-motion body:not(.page-how-we-work) .method-observe .method-copy,
  html.micp-motion body:not(.page-how-we-work) .method-observe__media,
  html.micp-motion body:not(.page-how-we-work) .method-statement .micp-statement,
  html.micp-motion body:not(.page-how-we-work) .method-statement .contact-rule,
  html.micp-motion body:not(.page-how-we-work) .method-cta__inner{
    opacity:0;
    transform:translateY(16px);
    transition:opacity 580ms cubic-bezier(.22,.61,.36,1), transform 580ms cubic-bezier(.22,.61,.36,1);
    will-change:opacity,transform;
  }
  html.micp-motion body:not(.page-how-we-work) .is-revealed{
    opacity:1!important;
    transform:translateY(0)!important;
    will-change:auto!important;
  }
  /* Imagens entram um pouco depois do texto, sem zoom e sem paralaxe. */
  html.micp-motion body:not(.page-how-we-work) .method-facts__media,
  html.micp-motion body:not(.page-how-we-work) .method-observe__media{
    transform:translateY(12px);
  }
  @media (hover:hover) and (pointer:fine){
    .method-facts__media img,
    .method-observe__media img{
      transition:transform 240ms ease;
    }
    .method-facts__media:hover img,
    .method-observe__media:hover img{
      transform:translateY(-2px);
    }
  }
}
@media (prefers-reduced-motion: reduce){
  .method-facts .method-copy,
  .method-facts__media,
  .method-observe .method-copy,
  .method-observe__media,
  .method-statement .micp-statement,
  .method-statement .contact-rule,
  .method-cta__inner{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
}