/*
 * Reveals globais
 * Os atributos são adicionados em runtime por site-animations.js para que o
 * HTML original permaneça desacoplado da camada de movimento.
 */
html.site-motion-ready [data-site-reveal]:not(.is-site-revealed) {
  opacity: 0;
  translate: 0 var(--site-reveal-distance, 30px);
  transition: opacity 0.72s cubic-bezier(0.22, 0.72, 0.24, 1), translate 0.84s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--site-reveal-delay, 0ms);
  will-change: opacity, translate;
}
html.site-motion-ready [data-site-reveal].is-site-revealed {
  opacity: 1;
  translate: 0 0;
  will-change: auto;
}
html.site-motion-ready [data-site-reveal="soft"]:not(.is-site-revealed) {
  --site-reveal-distance: 20px;
}
@media screen and (max-width: 620px) {
  html.site-motion-ready [data-site-reveal]:not(.is-site-revealed) {
    --site-reveal-distance: 22px;
    transition-duration: 0.62s, 0.74s;
  }
  html.site-motion-ready [data-site-reveal="soft"]:not(.is-site-revealed) {
    --site-reveal-distance: 15px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.site-motion-ready [data-site-reveal],
  html.site-motion-ready [data-site-reveal]:not(.is-site-revealed) {
    opacity: 1;
    translate: none;
    transition: none;
    will-change: auto;
  }
}