/* Ritmo adaptado da Zenith. Não altera wheel, toque, teclado ou posição da página. */
.motion-ready [data-reveal] {
  transition: opacity 720ms cubic-bezier(.22, 1, .36, 1), transform 720ms cubic-bezier(.22, 1, .36, 1);
}
.motion-ready .reveal-pending {
  opacity: 0;
  transform: translateY(28px);
}
.motion-ready .reveal-second { transition-delay: 90ms; }
.motion-ready .reveal-third { transition-delay: 180ms; }
.motion-ready .reveal-instant,
.motion-ready [data-reveal]:focus-within {
  opacity: 1;
  transform: none;
  transition: none;
}
.hero-art { overflow: hidden; }

@supports (animation-timeline: view()) {
  @media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
    .motion-ready .hero { view-timeline: --manto-hero block; }
    .motion-ready .hero-art img {
      animation: manto-car-drift linear both;
      animation-timeline: --manto-hero;
      animation-range: exit 0% exit 100%;
    }
    @keyframes manto-car-drift {
      from { transform: translateY(0) scale(1.06); }
      to { transform: translateY(5%) scale(1.06); }
    }
  }
}

@media (prefers-reduced-motion: reduce), print {
  .motion-ready [data-reveal],
  .motion-ready .reveal-pending {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .motion-ready .hero-art img { animation: none; transform: none; }
}
