/* Keep motion within the desktop homepage and the existing visual language. */
@media (min-width: 1000px) and (prefers-reduced-motion: no-preference) {
  .home-page .home-role-choices .role-choice {
    transition: translate 220ms ease, box-shadow 220ms ease, border-color 180ms ease, background 180ms ease;
  }

  .home-page .home-role-choices .role-choice:is(:hover, :focus-visible) {
    translate: 0 -2px;
    box-shadow: 0 5px 14px #1820140c;
  }

  .home-page .home-role-choices .role-choice:active { translate: 0 0; }

  .home-page :is(.btn, .text-link, .round-arrow) > .icon {
    transition: translate 220ms cubic-bezier(.22, 1, .36, 1);
  }

  .home-page :is(.btn, .text-link, .round-arrow):is(:hover, :focus-visible) > .icon {
    translate: 3px 0;
  }

  .home-page .person-card,
  .home-page .job-card {
    transition: border-color 220ms ease, box-shadow 220ms ease;
  }

  .home-page :is(.person-card, .job-card):is(:hover, :focus-within) {
    border-color: var(--brand);
    box-shadow: 0 8px 24px #1820140a;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page *, .home-page *::before, .home-page *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}