@media (prefers-reduced-motion: no-preference) {
 .latest .story { transition: opacity 380ms ease, transform 380ms ease; }
 .latest .story.reveal-pending { opacity: 0; transform: translateY(12px); }
 .latest .story.reveal-pending:focus-within { opacity: 1; transform: none; }
}
@media (min-width: 651px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
 .story-hero .story-image img { transform: translateY(var(--hero-offset, 0px)) scale(1.07); }
 .story:not(.story-hero) .story-image img { transition: transform 260ms ease; }
 .story:not(.story-hero):hover .story-image img { transform: scale(1.04); }
}