/* Shared motion. Content remains visible without JavaScript. */
@media (prefers-reduced-motion: no-preference) {
  :is(.button, .proposal-button, .btn, .text-button, .ask-submit, .menu-button, button[type="submit"]) {
    transition: translate 220ms ease, scale 160ms ease, box-shadow 220ms ease, background-color 220ms ease, color 220ms ease;
  }
  :is(.button, .proposal-button, .btn, .text-button, .ask-submit, .menu-button, button[type="submit"]):not(:disabled):not([aria-disabled="true"]):active {
    scale: .96;
    translate: 0 1px;
  }
  :is(.action-card, .audience-grid > a, .professional-grid > a, .service-rows > a) {
    transition: transform 280ms ease, translate 280ms ease, box-shadow 280ms ease, border-color 280ms ease, background-color 280ms ease;
  }
  :is(.card-arrow, .service-rows > a > svg:last-child, .text-button svg, .button svg, .professional-grid small svg) {
    transition: translate 240ms ease;
  }
  @media (hover: hover) and (pointer: fine) {
    :is(.button, .proposal-button, .btn, .text-button, .ask-submit, button[type="submit"]):not(:disabled):not([aria-disabled="true"]):hover { translate: 0 -3px; }
    a.action-card:hover { transform: translateY(-7px); box-shadow: 0 16px 30px rgb(4 40 72 / 14%); }
    :is(.audience-grid > a, .professional-grid > a):hover { translate: 0 -6px; box-shadow: 0 14px 28px rgb(4 40 72 / 16%); }
    .service-rows > a:hover { translate: 5px 0; }
    :is(a, button):hover > .card-arrow,
    .service-rows > a:hover > svg:last-child,
    .text-button:hover svg, .button:hover svg,
    .professional-grid > a:hover small svg { translate: 5px 0; }
  }
}
@media (prefers-reduced-motion: reduce) {
  a.action-card:hover { transform: none; }
}