.mc-reveal {
  opacity: 1;
  transform: none;
  transition:
    opacity var(--mc-duration-slow) var(--mc-ease-out),
    transform var(--mc-duration-slow) var(--mc-ease-out);
}

.mc-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.mc-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Only JS-observed elements outside the viewport become motion candidates. */
.mc-reveal.is-pending { opacity: 0; transform: translateY(20px); }
.mc-reveal.is-visible, .mc-reveal:focus-within { opacity: 1; transform: none; }
.mc-display--xl { font-size: var(--mc-text-display-xl); line-height: 0.98; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .mc-reveal, .mc-reveal.is-pending { opacity: 1; transform: none; }
}