/* Directional v2: all editorial cards, including region and edition grids. */
html { overflow-x: clip; }
@media (prefers-reduced-motion: no-preference) {
  :is(.region-grid > article, .edition-brief-grid > article, .news-card, .story-card, .text-card) {
    transition: transform 700ms cubic-bezier(.4,0,.2,1), box-shadow 700ms ease;
  }
  :is(.region-grid > article, .edition-brief-grid > article, .news-card, .story-card, .text-card):focus-within {
    transform: scale(1.025);
  }
  @media (hover: hover) and (pointer: fine) {
    :is(.news-card, .hero-art, .native-lead-image, .eclipse-article-image, .eclipse-inline-image, .native-article-image) img { transition: transform 1000ms cubic-bezier(.4,0,.2,1); }
    :is(.region-grid > article, .edition-brief-grid > article, .news-card, .story-card, .text-card):hover { transform: scale(1.025); }
    :is(.news-card, .hero-art, .native-lead-image):hover img,
    :is(.eclipse-article-image, .eclipse-inline-image, .native-article-image):hover img { transform: scale(1.065); }
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.region-grid > article, .edition-brief-grid > article) { transform: none !important; transition: none !important; }
}