/* home/css/motion.css — 滚动 reveal + 卡片 stagger 淡入 + reduced-motion */

/* 滚动淡入 reveal — 仅 JS 启用(.js)时初始隐藏；禁用 JS / reduced-motion 直接可见 */
.js .section{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.js .section.is-visible{opacity:1;transform:none}
/* 板块内卡片 stagger 淡入：进入视口后，网格子项依次错开浮起（翻杂志一页页展开） */
.js .section .stagger > *{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.js .section.is-visible .stagger > *{opacity:1;transform:none}