.mona{font-family:Mona}.vinron{font-family:vinron}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.rt{right:0}.lt-0{left:0}.bt-0{bottom:0}.z-3{z-index:3}.ta-center{text-align:center}.sticky{position:sticky}.flex{display:flex}.align-end{align-items:flex-end}.al-center{align-items:center}.space-bewteen{justify-content:space-between}.flex-center{display:flex;justify-content:center;align-items:center}.mw-1332{max-width:1332px}.minh-100vh{min-height:100vh}.minh-200vh{min-height:200vh}.minh-300vh{min-height:300vh}.minh-400vh{min-height:400vh}.minh-500vh{min-height:600vh}.mw-657{max-width:657px}.mw-1000{max-width:1000px}.mlr-auto{margin-left:auto;margin-right:auto}.bg-white{background-color:#fff}.white{color:#fff}.opacity-0{opacity:0}.bg-gray{background-color:#1018200a}.-mt-100vh{margin-top:-100vh;margin-top:calc(var(--vh, 1vh) * -100)}.h-200vh{height:200vh;height:-webkit-calc(var(--vh, 1vh) * 200);height:-moz-calc(var(--vh, 1vh) * 200);height:calc(var(--vh, 1vh) * 200)}.fs24{font-size:24px}.fs14{font-size:14px}.fw700{font-weight:700}.fw400{font-weight:400}.lh1{line-height:1}.lh1-3{line-height:1.3}.lh1-5{line-height:1.5}.mb8{margin-bottom:8px!important}.mb6{margin-bottom:6px!important}.mb12{margin-bottom:12px!important}.mb20{margin-bottom:20px!important}.mb24{margin-bottom:24px!important}.mb32{margin-bottom:32px!important}.mb40{margin-bottom:40px}.about-wrapper{color:#101820}.\#10182066{color:#10182066}.banner-pic{filter:brightness(1)}.banner-caption{position:absolute;width:100%;height:100%;top:0;color:#fff;display:flex;justify-content:center;align-items:center}.banner-text{padding:0 16px}.mt-about{display:flex;justify-content:flex-end;padding-top:40px}.mt-about img{width:61.56%;height:auto}.app-container picture,.app-container img,.app-container video{display:block;width:100%;height:100%;object-fit:cover}.app-container picture{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;z-index:0;object-fit:cover}.app-container video{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;z-index:1}.app-video-desc{bottom:8%;width:100%;left:50%;transform:translate(-50%)}.wrapper-3x8{display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--rpx, 1px) * 76)}.use-3x8{display:flex}.use-item{width:45%;flex-shrink:0}.use-item img{width:100%;height:auto}.sp-ud{position:relative;display:inline-block}.sp-ud:after{content:"";left:0;position:absolute;width:100%;bottom:16px;height:10px;border-radius:20px;background:linear-gradient(90deg,#00c389,#c7e995);z-index:-1}.boom-container{grid-area:1 / 1 / 2 / 2;margin-left:auto;margin-right:auto;position:absolute;top:0;width:100%}.bm-content{margin:0 auto}@media (min-width: 1024px){.bm-content{width:94vw;width:-webkit-calc(var(--vw, 1vw) * 94);width:-moz-calc(var(--vw, 1vw) * 94);width:calc(var(--vw, 1vw) * 94)}}.bm-grid{display:grid;margin:0 auto;min-height:30vh;min-height:-webkit-calc(var(--vh, 1vh) * 30);min-height:-moz-calc(var(--vh, 1vh) * 30);min-height:calc(var(--vh, 1vh) * 30);-webkit-perspective:1500px;-moz-perspective:1500px;perspective:1500px;place-items:center;width:100%}.bm-grid-wrapper{display:grid;gap:2vw;grid-template-columns:repeat(8,1fr);height:auto;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;width:105%}.bm-grid-wrapper img{display:block;max-width:none}.bm-grid__item{height:auto;position:relative;width:100%}.grid__item-inner{object-fit:cover;width:100%;height:auto}@media (max-width: 768px){.brand-logo-con svg{max-width:65%;height:auto}.mt-about{flex-direction:column;gap:20px;text-align:center}.mt-about .fw400{font-weight:700}.mt-about img{width:100%}.mot\:relative{position:relative}.wrapper-3x8{justify-content:center}.use-item{width:90%}.sp-ud:after{bottom:10px}.bm-grid__item{transform:scale(1.5)}}.collection-gallery-container{padding-bottom:200px;padding-left:calc((100% - 1332px)/2);overflow-x:hidden}@media screen and (max-width:1332px){.collection-gallery-container{padding-left:64px}}@media screen and (max-width: 1024px){.collection-gallery-container{padding-left:32px}}.collection-slideshow{display:flex;flex-wrap:nowrap;gap:12px;transition:transform .5s;will-change:transform;touch-action:pan-y;height:492px}.collection-slide.is-selected{width:492px}.collection-slide{width:324px;flex-shrink:0;border-radius:12px;transition:width .5s}.collection-slide img{width:100%;height:100%;object-fit:cover;transition:.5s}.clt-card{display:block;border-radius:12px;overflow:hidden;transition:width .5s;position:relative}.clt-card img,.clt-card svg{-webkit-user-select:none;user-select:none;transition:transform .5s,-webkit-transform .5s,-moz-transform .5s}.clt-card:hover img{transform:scale(1.15)}.clt-card:hover svg{transform:scale(1.15)}.clt-progress{width:400px;height:2px;background-color:#1018201a;margin-top:80px;border-radius:100px;overflow:hidden}.progress-step{width:20%;height:100%;background-color:#101820;transition:width .5s}.clt-caption{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:24px;color:#fff;background:linear-gradient(180deg,#0000,#0009)}.clt-arrow{transform:scale(0);transition:transform .5s;transition-delay:.5s}.clt-caption .fs24{font-size:18px;transition:.5s}.clt-caption .fs14{font-size:12px;transition:.5s}.collection-slide.is-selected .clt-caption .fs24{font-size:24px}.collection-slide.is-selected .clt-caption .fs14{font-size:14px}.collection-slide.is-selected .clt-arrow{visibility:visible;transform:scale(1);margin-bottom:4px}.clt-slides-ctrl{display:flex;gap:24px}.clt-slides-ctrl svg{cursor:pointer}.clt-slides-ctrl svg:hover rect{stroke-opacity:1}.clt-slides-ctrl svg:hover path{opacity:1}@media screen and (max-width: 768px){.collection-gallery-container{text-align:left;padding-left:16px}.clt-caption{text-align:left}.clt-caption .fs24{font-size:14px;transition:.5s}.clt-caption .fs14{font-size:12px;transition:.5s}.collection-slide.is-selected .clt-caption .fs24{font-size:18px}.collection-slide.is-selected .clt-caption .fs14{font-size:12px}.collection-slideshow{gap:8px;height:328px}.collection-slide{width:172px}.collection-slide.is-selected{width:328px}.clt-slides-ctrl{display:none}.clt-progress{width:268px;margin:40px auto 0}}.awards-section{margin:0 auto;padding:calc(var(--rpx, 1px) * 164) 0;color:#101820}.brand-strength{display:flex;justify-content:space-between;margin-bottom:100px}.strength-group{width:65%;display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.strength-group .sg-item:nth-child(odd){grid-column:span 3}.strength-group .sg-item:nth-child(2n){grid-column:span 4}.sg-item{border:1px solid #1018201A;border-radius:12px;padding:28px;font-family:vinron;display:flex;flex-direction:column;gap:calc(var(--rpx, 1px) * 72);position:relative;z-index:1;overflow:hidden}.sg-item:before,.brand-item:before{content:"";position:absolute;height:4px;width:100%;bottom:0;left:0}.sg-item:hover:before,.brand-item:hover:before{background:linear-gradient(90deg,#00c389,#c7e995)}.sg-item:hover,.brand-item:hover{border-color:#00c389}.brand-awards{display:flex;justify-content:space-between}.brand-awards-title{width:35%}.brand-awards-title,.brand-strength-title{font-size:calc(var(--rpx, 1px),40px);font-family:Mona;font-weight:700}.brand-group{display:flex;gap:12px}.brand-item{width:calc(var(--rpx, 1px) * 240);height:calc(var(--rpx, 1px) * 160);display:flex;justify-content:center;align-items:center;border:1px solid #1018201A;border-radius:12px;position:relative;z-index:1;overflow:hidden}.brand-item img,.brand-item svg{max-height:60px;display:block;width:auto}.user-video-container{grid-column-gap:0;grid-row-gap:0;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:auto;overflow:hidden;position:-webkit-sticky}#pics{grid-column-gap:0;grid-row-gap:0;-webkit-box-align:end;-moz-box-align:end;-webkit-align-content:end;align-content:end;-webkit-align-items:end;align-items:end;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:auto;z-index:1}#pics .pics-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;width:100%;z-index:3}#pics,#pics .pics-content{align-self:end;grid-area:1 / 1 / 2 / 2;height:100vh;height:-webkit-calc(var(--vh, 1vh) * 100);height:-moz-calc(var(--vh, 1vh) * 100);height:calc(var(--vh, 1vh) * 100);overflow:hidden;position:relative}#pics .pics-list{grid-column-gap:8vw;grid-column-gap:-webkit-calc(var(--vw, 1vw) * 8);grid-column-gap:-moz-calc(var(--vw, 1vw) * 8);grid-column-gap:calc(var(--vw, 1vw) * 8);grid-row-gap:8vw;grid-row-gap:-webkit-calc(var(--vw, 1vw) * 8);grid-row-gap:-moz-calc(var(--vw, 1vw) * 8);grid-row-gap:calc(var(--vw, 1vw) * 8);display:grid;grid-auto-columns:1fr;grid-template-columns:40vw 40vw;grid-template-columns:-webkit-calc(var(--vw, 1vw) * 40) -webkit-calc(var(--vw, 1vw) * 40);grid-template-columns:-moz-calc(var(--vw, 1vw) * 40) -moz-calc(var(--vw, 1vw) * 40);grid-template-columns:calc(var(--vw, 1vw) * 40) calc(var(--vw, 1vw) * 40);grid-template-columns:1fr 1fr;grid-template-rows:100%;height:100%;margin-left:auto;margin-right:auto;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);width:94%}.pics-list-item{display:flex;align-items:center}.pics-list-item-inner{border-radius:10px;overflow:hidden}.pics-list-item-inner img,.pics-list-item-inner video{display:block;width:100%;height:auto;border-radius:10px}#pics .pics-list-item:nth-of-type(odd){grid-column:1;grid-row:1}#pics .pics-list-item:nth-of-type(2n){grid-column:2;grid-row:1}.brand-partner{padding:calc(var(--rpx, 1px) * 200) 0}.w-570rpx{width:-webkit-calc(var(--rpx, 1px) * 570);width:-moz-calc(var(--rpx, 1px) * 570);width:calc(var(--rpx, 1px) * 570)}.w-332rpx{height:-webkit-calc(var(--rpx, 1px) * 332);height:-moz-calc(var(--rpx, 1px) * 332);height:calc(var(--rpx, 1px) * 332)}.home-bg-works{align-self:end;display:block;grid-area:1 / 1 / 2 / 2;height:100vh;height:-webkit-calc(var(--vh, 1vh) * 100);height:-moz-calc(var(--vh, 1vh) * 100);height:calc(var(--vh, 1vh) * 100);top:0;right:0;bottom:0;left:0;position:absolute;width:100%;z-index:-5;filter:blur(100px)}.home-bg-works-list{grid-column-gap:0;grid-row-gap:0;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:100%;height:100%;width:100%}.home-bg-work-item{background-position:50%;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;grid-column:1;grid-row:1;height:100%;opacity:0;width:100%;position:relative;z-index:1}.home-bg-work-item.active{opacity:1}.home-bg-work-item.active{transition:opacity .5s ease-in-out}.home-bg-work-item img,.home-bg-work-item video{display:block;width:100%;height:100%;object-fit:cover}.home-bg-mask{background:#0009;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}@media (min-width: 768px){.bottom-awards-prd{background-image:url(/cdn/shop/files/lcbg.webp?v=1752220209);background-repeat:no-repeat;background-size:100% auto}}@media (max-width: 768px){.bottom-awards-prd{background-image:url(/cdn/shop/files/lcbgm.webp?v=1752221073);background-repeat:no-repeat;background-size:100% auto}}@media (min-width: 1024px){#pics .pics-content{padding-bottom:calc(var(--rpx, 1px) * 50);padding-top:calc(var(--rpx, 1px) * 50)}}@media screen and (max-width: 768px){.awards-section{padding:60px 0}.brand-strength,.brand-awards{flex-direction:column;gap:20px}.brand-strength{margin-bottom:40px}.strength-group,.brand-awards-title{width:100%}.strength-group{grid-template-columns:1fr 1fr}.strength-group .sg-item:nth-child(1){grid-column:span 1;order:0}.strength-group .sg-item:nth-child(2){grid-column:span 2;order:2}.strength-group .sg-item:nth-child(3){grid-column:span 1;order:1}.strength-group .sg-item:nth-child(4){grid-column:span 2;order:3}.brand-item{flex:1;flex-shrink:0;height:auto;padding:25px 0}.brand-item img,.brand-item svg{width:auto;height:auto;max-width:100%;max-height:40px}.brand-awards-title,.brand-strength-title{text-align:left}.sg-item{gap:35px;font-size:14px;padding:12px}.brand-partner{padding:100px 0}#pics .pics-list{grid-column-gap:0;grid-template-columns:50% 50%;width:100%}}.counter{display:flex;font-weight:400;line-height:1.3;flex-wrap:wrap;font-family:Mona}.digit-container{position:relative;overflow:hidden;height:calc(var(--rpx, 1px)*62.4);line-height:1.3}.digit-scroll{transition:transform .8s ease}.digit-scroll div{line-height:1.3;text-align:center}.char{display:inline-block;text-align:center}.partner-section{margin:0 auto;padding:150px 0}.partners-con{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:56px}.partner-item-pic{overflow:hidden;border-radius:12px}.partner-item-pic img{transition:.5s}.partner-item-pic:hover img{transform:scale(1.1)}@media screen and (max-width: 768px){.partners-con{grid-template-columns:1fr 1fr;margin-top:40px}.mot\:minh-200vh{min-height:200vh}.mot\:minh-300vh{min-height:300vh}.mot\:minh-350vh{min-height:350vh}.mot\:minh-400vh{min-height:400vh}}@media (max-width: 1024px){.mot\:text-30px{font-size:30px}.mot\:text-28px{font-size:28px}.mot\:text-24px{font-size:24px}.mot\:text-14px{font-size:14px}.mot\:text-16px{font-size:16px}.mot\:text-12px{font-size:12px}.mot\:text-32px{font-size:32px}.mot\:mb-150px{margin-bottom:150px}.mot\:mb-100px{margin-bottom:100px}.mot\:mb-75px{margin-bottom:75px}.mot\:mb-24px{margin-bottom:24px!important}.pc\:pd-200rpx{padding-top:calc(var(--rpx, 1px) * 100);padding-bottom:calc(var(--rpx, 1px) * 100)}}@media (min-width: 1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx: -moz-calc(.07622vw - .09756px);--rpx: calc(.07622vw - .09756px) ;--rpx: -webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx: -moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx: calc(var(--vw, 1vw)*100/1312 - .09756px) }.pc\:text-64rpx{font-size:-webkit-calc(var(--rpx,1px)*64);font-size:-moz-calc(var(--rpx,1px)*64);font-size:calc(var(--rpx, 1px)*64)}.pc\:text-56rpx{font-size:-webkit-calc(var(--rpx,1px)*56);font-size:-moz-calc(var(--rpx,1px)*56);font-size:calc(var(--rpx, 1px)*56)}.pc\:text-48rpx{font-size:-webkit-calc(var(--rpx,1px)*48);font-size:-moz-calc(var(--rpx,1px)*48);font-size:calc(var(--rpx, 1px)*48)}.pc\:text-40rpx{font-size:40px;font-size:-webkit-calc(var(--rpx,1px)*40);font-size:-moz-calc(var(--rpx,1px)*40);font-size:calc(var(--rpx, 1px)*40)}.pc\:text-32rpx{font-size:32px;font-size:-webkit-calc(var(--rpx,1px)*32);font-size:-moz-calc(var(--rpx,1px)*32);font-size:calc(var(--rpx, 1px)*32)}.pc\:text-28rpx{font-size:-webkit-calc(var(--rpx,1px)*28);font-size:-moz-calc(var(--rpx,1px)*28);font-size:calc(var(--rpx, 1px)*28)}.pc\:text-24rpx{font-size:-webkit-calc(var(--rpx,1px)*24);font-size:-moz-calc(var(--rpx,1px)*24);font-size:calc(var(--rpx, 1px)*24)}.pc\:text-20rpx{font-size:-webkit-calc(var(--rpx,1px)*20);font-size:-moz-calc(var(--rpx,1px)*20);font-size:calc(var(--rpx, 1px)*20)}.pc\:text-14rpx{font-size:-webkit-calc(var(--rpx,1px)*14);font-size:-moz-calc(var(--rpx,1px)*14);font-size:calc(var(--rpx, 1px)*14)}.pc\:mb-200px{margin-bottom:200px}.pc\:pd-200rpx{padding-top:calc(var(--rpx, 1px) * 200);padding-bottom:calc(var(--rpx, 1px) * 200)}.pc\:pt-180rpx{padding-top:180px}}@media (max-width: 768px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx: -moz-calc(.30488vw - .09756px);--rpx: calc(.30488vw - .09756px) ;--rpx: -webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx: -moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx: calc(var(--vw, 1vw)*100/328 - .09756px) }.mot\:text-14px{font-size:14px}.mot\:mb-40px{margin-bottom:40px!important}}@media (min-width: 650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx: -moz-calc(.13889vw - .06667px);--rpx: calc(.13889vw - .06667px) ;--rpx: -webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx: -moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx: calc(var(--vw, 1vw)*100/720 - .06667px) }}@media (min-width: 1440px){:root{--rpx:1px;--rpx: min(-webkit-calc((100vw - 128px)*var(--r,1px)/1312),1px);--rpx: min(-moz-calc((100vw - 128px)*var(--r,1px)/1312),1px);--rpx: min(calc((100vw - 128px)*var(--r, 1px)/1312),1px);--rpx: min(-webkit-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px);--rpx: min(-moz-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px);--rpx: min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312),1px) }}
/*# sourceMappingURL=/cdn/shop/t/70/assets/about.css.map */