/* Progressive motion: content stays visible if scripts are unavailable. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 :is(.mp-families>a,.mp-bags>a,.my-detail-related>a,.cg-company-copy>a){transition:translate .25s ease,box-shadow .25s ease}
 :is(.mp-families>a,.mp-bags>a,.my-detail-related>a):hover{translate:0 -4px;box-shadow:0 12px 28px #1421380d}
 :is(.mp-example-grid a,.cg-photo,.mt-details a,.mt-sample-grid a){overflow:hidden}
 :is(.mp-example-grid a,.cg-photo,.mt-details a,.mt-sample-grid a) img{transition:scale .55s cubic-bezier(.2,.7,.2,1)}
 :is(.mp-example-grid a,.cg-photo,.mt-details a,.mt-sample-grid a):hover img{scale:1.035}
 :is(.button,.concept-button,.mp-button,.header-quote,.footer-cta){transition:translate .2s ease,box-shadow .2s ease,background-color .2s ease}
 :is(.button,.concept-button,.mp-button,.header-quote,.footer-cta):hover{translate:0 -2px;box-shadow:0 7px 18px #14213818}
 :is(.button,.concept-button,.mp-button,.header-quote,.footer-cta):active{translate:0 0}
}
:is(.my-lightbox,.cg-dialog,.mt-lightbox,.mp-lightbox)[open]{animation:muyao-overlay-enter .22s ease-out}
@keyframes muyao-overlay-enter{from{opacity:.2;translate:0 8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){:is(.my-lightbox,.cg-dialog,.mt-lightbox,.mp-lightbox)[open]{animation:none}html{scroll-behavior:auto!important}}