:root {
  --gt-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);

  --gt-duration-fast: 180ms;
  --gt-duration-base: 280ms;
  --gt-duration-slow: 420ms;
  --gt-duration-cinematic: 520ms;
}

.gt-motion-lift {
  transition:
    background-color var(--gt-duration-base) var(--gt-ease-out),
    border-color var(--gt-duration-base) var(--gt-ease-out),
    transform var(--gt-duration-base) var(--gt-ease-out);
}

.gt-motion-lift:hover {
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}