.button,
.text-link,
.desktop-nav a,
.brand,
.mobile-whatsapp,
.faq-list summary {
  transition:
    background-color var(--duration-fast) var(--ease-standard),
    border-color var(--duration-fast) var(--ease-standard),
    color var(--duration-fast) var(--ease-standard),
    transform var(--duration-fast) var(--ease-standard),
    text-decoration-color var(--duration-fast) var(--ease-standard);
}

.hero-media,
.hero [data-hero-reveal],
.section [data-reveal],
.progress-band {
  will-change: transform;
}

.faq-list summary::after {
  transition: transform var(--duration-fast) var(--ease-standard);
}

.faq-list details[open] summary::after {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}