/* ART-S22.IMS3: hero 滚动沉浸效果样式 */
.hero{transition:grid-template-columns .15s linear,padding .15s linear}
.hero-copy{will-change:filter,opacity,transform}
.hero-gallery-portal{will-change:height}
.hero-immersive-active{min-height:820px}
.hero-immersive-active .hero-gallery-portal .home-reel-stage{box-shadow:0 20px 50px rgba(28,39,30,.28)}
/* 滚动沉浸时画廊图片宽度对齐页面展示区域 */
.hero-immersive-active .hero-gallery-portal{border-radius:0}
.hero-immersive-active .home-reel-art img{object-fit:contain;object-position:center}
/* 平滑过渡回原始状态 */
.hero:not(.hero-immersive-active){transition:grid-template-columns .6s cubic-bezier(.18,.78,.16,1),padding .4s ease}
.hero:not(.hero-immersive-active) .hero-copy{transition:filter .5s ease,opacity .5s ease,transform .5s cubic-bezier(.18,.78,.16,1)}
.hero:not(.hero-immersive-active) .hero-gallery-portal{transition:height .5s cubic-bezier(.18,.78,.16,1)}
@media(prefers-reduced-motion:reduce){.hero,.hero-copy,.hero-gallery-portal{transition:none!important}}