/*! mrr-anim v1.0 — estados das animacoes de rolagem (ver mrr-anim.js) */
:root {
  --mrr-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Os estados escondidos so valem com html.mrr-anim, que o script liga.
   Sem JS, com erro ou com "reduzir movimento", o conteudo aparece normal. */
.mrr-anim .mrr-reveal:not(.is-done) {
  transition: opacity 0.9s var(--mrr-ease), transform 1.1s var(--mrr-ease), filter 0.9s var(--mrr-ease);
}
.mrr-anim .mrr-reveal:not(.is-in) {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  filter: blur(10px);
}

.mrr-anim .mrr-stagger:not(.is-done) > * {
  transition: opacity 0.8s var(--mrr-ease), transform 1s var(--mrr-ease);
}
.mrr-anim .mrr-stagger:not(.is-in) > * {
  opacity: 0;
  transform: translate3d(0, 32px, 0) scale(0.97);
}

.mrr-count {
  font-variant-numeric: tabular-nums;
}
.mrr-anim .mrr-count {
  transition: opacity 0.6s var(--mrr-ease);
}
.mrr-anim .mrr-count:not(.is-in) {
  opacity: 0;
}

.mrr-w {
  transition: opacity 0.2s linear;
}

.mrr-hero {
  overflow: clip;
}
.mrr-anim .mrr-hero .brxe-container,
.mrr-anim .mrr-parallax,
.mrr-anim .mrr-zoom {
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .mrr-anim .mrr-reveal,
  .mrr-anim .mrr-stagger > *,
  .mrr-anim .mrr-count,
  .mrr-w {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}