/* Only unanimated content photos receive this marker from image-motion.js.
   Individual translate preserves scrapbook rotations and existing transforms. */
@media (prefers-reduced-motion: no-preference) {
  img[data-image-motion="gentle"] {
    transition: translate 450ms cubic-bezier(.22,.61,.36,1);
  }
  @media (hover: hover) and (pointer: fine) {
    img[data-image-motion="gentle"]:hover,
    a:focus-visible img[data-image-motion="gentle"],
    button:focus-visible img[data-image-motion="gentle"] {
      translate: 0 -2px;
    }
  }
  /* The homepage cover is a background photo, not an img. */
  .hero::before { animation: image-cover-arrive 1800ms ease-out; }
}
@keyframes image-cover-arrive {
  from { opacity: .7; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  img[data-image-motion] { transition: none; translate: none; }
}