/* GlobalTrade Apparel — homepage subtle motion. Remove this file + v3-motion.js to disable all animation. */
@keyframes mUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes mPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}100%{transform:none}}
@keyframes mZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes mShine{from{left:-60%}to{left:130%}}
/* hero */
@media(min-width:1001px){.m-on .v3-hero{position:relative;overflow:hidden;isolation:isolate}
.m-on .v3-hero::before{content:'';position:absolute;inset:0;background:inherit;z-index:-1;transform-origin:70% 50%;animation:mZoom 9s cubic-bezier(.2,.6,.3,1) both}}
.m-on .v3-hero-copy>*{animation:mUp .7s cubic-bezier(.2,.7,.3,1) both}
.m-on .v3-hero-copy>:nth-child(1){animation-delay:.05s}.m-on .v3-hero-copy>:nth-child(2){animation-delay:.15s}.m-on .v3-hero-copy>:nth-child(3){animation-delay:.27s}.m-on .v3-hero-copy>:nth-child(4){animation-delay:.39s}.m-on .v3-hero-copy>:nth-child(5){animation-delay:.51s}
/* scroll reveal */
.m-r{opacity:0}
.m-r.m-v{animation:mUp .65s cubic-bezier(.2,.7,.3,1) var(--md,0s) both}
.m-v .m-ic,.m-r.m-v svg.m-ic,.m-r.m-v img.m-ic{animation:mPop .55s cubic-bezier(.3,.7,.3,1.2) calc(var(--md,0s) + .2s) both}
/* hover polish */
.v3-cats button{transition:transform .2s,box-shadow .2s}
.v3-cats button .v3-cat-img img{transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.v3-cats button:hover{transform:translateY(-4px)}.v3-cats button:hover .v3-cat-img img{transform:scale(1.07)}
.hm-trend .v3-card{transition:transform .2s,box-shadow .2s}.hm-trend .v3-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0f1d301f}
.hm-trend .v3-card-img img{transition:transform .45s cubic-bezier(.2,.7,.3,1)}.hm-trend .v3-card:hover .v3-card-img img{transform:scale(1.05)}
.v3-feat a img{transition:transform .45s cubic-bezier(.2,.7,.3,1)}.v3-feat a:hover img{transform:scale(1.05)}
.v3-hero .v3-btn,.hm-rfq .v3-btn,.hm-sup .v3-btn,.v3-custom .v3-btn{position:relative;overflow:hidden}
.v3-hero .v3-btn::after,.hm-rfq .v3-btn::after,.hm-sup .v3-btn::after,.v3-custom .v3-btn::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,#fff0,#ffffff55,#fff0);transform:skewX(-20deg);pointer-events:none}
.v3-hero .v3-btn:hover::after,.hm-rfq .v3-btn:hover::after,.hm-sup .v3-btn:hover::after,.v3-custom .v3-btn:hover::after{animation:mShine .7s ease}
@media(prefers-reduced-motion:reduce){.m-on *,.m-on *::before,.m-on *::after{animation:none!important;transition:none!important}.m-r{opacity:1}}
/* about page */
@media(min-width:1001px){.m-on .ab-hero{overflow:hidden;isolation:isolate}
.m-on .ab-hero::before{content:'';position:absolute;inset:0;background:inherit;z-index:-1;transform-origin:80% 60%;animation:mZoom 9s cubic-bezier(.2,.6,.3,1) both}}
.m-on .ab-hero-copy>*{animation:mUp .7s cubic-bezier(.2,.7,.3,1) both}
.m-on .ab-hero-copy>:nth-child(1){animation-delay:.05s}.m-on .ab-hero-copy>:nth-child(2){animation-delay:.15s}.m-on .ab-hero-copy>:nth-child(3){animation-delay:.27s}.m-on .ab-hero-copy>:nth-child(4){animation-delay:.39s}
@keyframes mPulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.m-on .ab-map g>circle:first-child{transform-box:fill-box;transform-origin:center;animation:mPulse 2.6s ease-out infinite}
.m-on .ab-map g:nth-of-type(3n+2)>circle:first-child{animation-delay:.9s}.m-on .ab-map g:nth-of-type(3n)>circle:first-child{animation-delay:1.7s}
.ab-team>*{transition:transform .2s,box-shadow .2s}.ab-team>*:hover{transform:translateY(-4px)}
.ab-company>img{transition:transform .5s}.ab-cta .v3-btn,.ab-hero .v3-btn{position:relative;overflow:hidden}
.ab-cta .v3-btn::after,.ab-hero .v3-btn::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,#fff0,#ffffff55,#fff0);transform:skewX(-20deg);pointer-events:none}
.ab-cta .v3-btn:hover::after,.ab-hero .v3-btn:hover::after{animation:mShine .7s ease}