/* MOUSE motion29: progressive enhancement over the approved page geometry. */
html[data-motion29="active"] [data-motion29-target] {
  animation: none !important;
  translate: none !important;
}
.motion29-word {
  color: color-mix(in srgb, var(--mh-muted), var(--mh-text) calc(var(--motion29-emphasis, 1) * 100%));
}
html[data-motion29="active"] .mh-nav::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: var(--mh-signal);
  transform: scaleX(var(--motion29-progress, 0));
  transform-origin: left;
  pointer-events: none;
}
[data-motion29-frame] { overflow: hidden; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  [data-motion29-image] { scale: 1; transition: scale 700ms cubic-bezier(.22, 1, .36, 1); }
  [data-motion29-frame]:hover [data-motion29-image] { scale: 1.025; }
  a[data-motion29-action] .mh-arrow {
    transition: transform 400ms cubic-bezier(.22, 1, .36, 1);
  }
  a[data-motion29-action]:is(:hover, :focus-visible) .mh-arrow { transform: translateX(5px); }
  .mh-pill[data-motion29-action] {
    translate: 0 0;
    transition: translate 360ms cubic-bezier(.22, 1, .36, 1);
  }
  .mh-pill[data-motion29-action]:hover { translate: 0 -2px; }
}
@media (prefers-reduced-motion: reduce), (forced-colors: active), print {
  [data-motion29-target], [data-motion29-image] {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    opacity: 1 !important;
    transition: none !important;
  }
  .motion29-word { color: inherit !important; }
  html[data-motion29] .mh-nav::after { display: none; }
  [data-motion29-action], [data-motion29-action] .mh-arrow { transition: none !important; translate: none !important; }
}