/* =============================================================
   Editorial hover breathe（公用媒体层）
   ─────────────────────────────────────────────────────────────
   类名：.nd-media-breathe 加在媒体容器上（悬停的是这层，不是整块 article）
   效果：悬停后 img 在 1 ↔ 1.045 之间循环起伏（2.4s）
   不是一次放大（.nd-media-zoom），不是常开推拉（.heroKenBurns）

   【接入】目前仅首页 Story Blocks
   【不加】Trade / Philosophy / Inspiration 分栏图（用 hover zoom）
           Stories Hero（用 Ken Burns）· 产品卡 · Mega · Banner · CTA

   禁止写 :root。触控屏不触发；prefers-reduced-motion 关闭。
============================================================= */

.nd-media-breathe img {
    transform: scale(1);
    transform-origin: center center;
    will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
    .nd-media-breathe:hover img {
        animation: nd-media-breathe 2.4s ease-in-out infinite;
    }
}

@keyframes nd-media-breathe {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.045);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nd-media-breathe img {
        will-change: auto;
    }

    .nd-media-breathe:hover img {
        animation: none;
        transform: none;
    }
}