/* =============================================================
   Editorial hover zoom（公用媒体层）
   ─────────────────────────────────────────────────────────────
   类名：.nd-media-zoom 加在 overflow 裁切的媒体容器上
   效果：悬停该容器 → 内部 img 放大一次（1.04）；离开回位
   不是循环呼吸（.nd-media-breathe），不是 Ken Burns（.heroKenBurns）

   【接入】Trade 分栏图 · About Story 图 · Philosophy Open/Feature/Reasons
           Inspiration Open / Rooms / Gallery / Tables
   【不加】产品卡 · Header Mega · Footer Logo · 首页 Banner
           Partnership CTA · Stories Hero（用 Ken Burns）
           首页 Story Blocks（用 hover breathe）

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

.nd-media-zoom {
    overflow: hidden;
}

.nd-media-zoom img {
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.6s ease;
    will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
    .nd-media-zoom:hover img {
        transform: scale(1.04);
    }
}

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

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