@media (prefers-reduced-motion: no-preference) {
  .hero__copy {
    animation: uccHeroRise 760ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }

  .hero__signal {
    animation: uccSignalIn 920ms cubic-bezier(0.2, 0.8, 0.2, 1) 120ms both;
  }

  .ucc-reveal {
    opacity: 1;
    transform: translateY(18px);
    transition: opacity 640ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 640ms cubic-bezier(0.2, 0.8, 0.2, 1);
    transition-delay: var(--reveal-delay, 0ms);
  }

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

@keyframes uccHeroRise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uccSignalIn {
  from {
    opacity: 0;
    transform: translateX(16px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ucc-motion-bg,
  .ucc-motion-scrim {
    display: none !important;
  }

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