/* Subtle site-wide motion. Kept intentionally restrained for a professional B2B feel. */
.motion-reveal {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity .58s cubic-bezier(.2,.7,.2,1),
    transform .58s cubic-bezier(.2,.7,.2,1);
  transition-delay: var(--motion-delay, 0ms);
  will-change: opacity, transform;
}

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

.motion-lift {
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  .motion-lift:hover {
    transform: translateY(-4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-reveal,
  .motion-reveal.is-visible,
  .motion-lift,
  .motion-lift:hover {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}