/**
 * Poet Roastery — Motion utilities (UX-DR5).
 * Gentle, unhurried: fade + translate-up on scroll-into-view (≤300ms, ≤16px),
 * soft hover lift (desktop only), smooth anchor scroll. Honors prefers-reduced-motion.
 * BANNED (never add): auto-rotating hero carousels, parallax, on-load modals,
 * shop infinite scroll. (UX A.8)
 */

/* Reveal-on-scroll: start hidden, .is-visible (added by poet-motion.js) reveals.
   NOTE: gated behind html.js so content is visible if JS is off (progressive enhancement). */
html.js .poet-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .3s ease, transform .3s ease;
  will-change: opacity, transform;
}
html.js .poet-reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* Soft hover lift — desktop pointers only */
@media (hover: hover) and (pointer: fine) {
  .poet-lift { transition: transform .2s ease, box-shadow .2s ease; }
  .poet-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(31, 42, 46, .12);
  }
}

/* Smooth anchor scroll is set globally in style.css (scroll-behavior: smooth). */

/* Reduced motion: reveal immediately, kill lifts/transitions. */
@media (prefers-reduced-motion: reduce) {
  html.js .poet-reveal { opacity: 1; transform: none; transition: none; }
  .poet-lift { transition: none; }
  .poet-lift:hover { transform: none; box-shadow: none; }
}