/* No default hidden/reveal state. JavaScript animates only safe editorial leaves.
   Nothing changes fonts, brand colours, box dimensions, object-fit or cropping. */
html[data-km-motion="off"] [data-km-motion-reveal],
[data-km-motion-static] {
  opacity: 1 !important;
  transform: none !important;
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  html[data-km-motion="on"] [data-km-motion-hover] {
    transition:
      background 0.2s,
      color 0.2s,
      border-color 0.2s,
      translate 180ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  html[data-km-motion="on"] [data-km-motion-hover]:hover {
    translate: 0 -1px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-km-motion-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }
  [data-km-motion-hover] {
    transition: none !important;
    translate: none !important;
  }
}