.capability-banner.aost-show .breadcrumbs-block,.capability-banner.aost-show .title,.capability-banner.aost-show .des{opacity:1;transform:translate(0,0)}.capability-banner .container{grid-column:2/-2}.capability-banner .breadcrumbs-block{opacity:0;transition:opacity .8s,transform .8s;transform:translate(-30px)}.capability-banner .main-block{padding-bottom:60px}.capability-banner .title{opacity:0;padding:100px 0 60px;transition:opacity .8s .2s,transform .8s .2s;transform:translate(-30px)}.capability-banner .des{opacity:0;max-width:960px;transition:opacity .8s .4s,transform .8s .4s;transform:translate(-30px)}@media only screen and (width<=1200px){.capability-banner .main-block{padding-bottom:40px}.capability-banner .title{padding:60px 0 40px}}section.explore{padding-top:var(--space-80-160);position:relative}section.explore:before{z-index:-1;content:"";background:linear-gradient(#f7f7f7 0%,#fff 100%);width:100%;height:100%;display:block;position:absolute;inset:0}section.explore.aost-show .block-title,section.explore.aost-show .item-block .explore-item{opacity:1;transform:translate(0,0)}section.explore .container{grid-column:var(--grid-4);flex-direction:column;align-items:center;gap:50px;display:flex}section.explore .block-title{text-align:center;opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}section.explore .item-block{align-items:start;gap:4.16667vw;width:calc(100% - 4.16667vw);margin:0 auto;display:flex}section.explore .explore-item{aspect-ratio:1;width:calc(33.3333% - 2.77778vw);position:relative}section.explore .explore-item:first-child{opacity:0;transition:opacity .8s .1s,transform .8s .1s,aspect-ratio .5s,box-shadow .5s;transform:translateY(30px)}section.explore .explore-item:nth-child(2){opacity:0;transition:opacity .8s .25s,transform .8s .25s,aspect-ratio .5s,box-shadow .5s;transform:translateY(30px)}section.explore .explore-item:nth-child(3){opacity:0;transition:opacity .8s .4s,transform .8s .4s,aspect-ratio .5s,box-shadow .5s;transform:translateY(30px)}section.explore .explore-item .btn{flex-shrink:0;width:30px;height:30px;transition:transform .5s;position:relative}section.explore .explore-item .btn:before,section.explore .explore-item .btn:after{content:"";background:#fff;width:16px;height:2px;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.explore .explore-item .btn:after{transform:translate(-50%,-50%)rotate(90deg)}@media only screen and (width>=1201px){section.explore .explore-item .btn:hover{transform:rotate(180deg)}}@media only screen and (width<=1200px){section.explore .explore-item .btn:active{transform:rotate(180deg)}}section.explore .explore-item .pic-box{z-index:-1;aspect-ratio:1;width:100%;transition:width .5s;position:absolute;top:0;left:50%;transform:translate(-50%)}section.explore .explore-item .pic-box .pic{width:100%;height:100%;position:relative;overflow:hidden}section.explore .explore-item .pic-box .pic:after{content:"";background:linear-gradient(#0000 65.33%,#0000004d 100%);width:100%;height:100%;position:absolute;top:0;left:0}section.explore .explore-item .content{grid-template-rows:auto 0fr;justify-items:start;width:100%;padding:20px 30px;transition:grid-template-rows .5s,width .5s;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}section.explore .explore-item .title{color:#fff}section.explore .explore-item .title>a{display:block}section.explore .explore-item .des-block{opacity:0;justify-content:space-between;align-items:center;gap:40px;transition:opacity .5s,visibility .5s,margin-top .5s;display:flex;overflow:hidden}section.explore .explore-item .des-block .des{color:#fff}section.explore .explore-item .des-block .des p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media only screen and (width>=1201px){section.explore .explore-item:hover{aspect-ratio:400/430;box-shadow:10px 10px 20px #00000026}section.explore .explore-item:hover .pic-box{width:107.5%}section.explore .explore-item:hover .content{grid-template-rows:auto 1fr;width:107.5%}section.explore .explore-item:hover .des-block{opacity:1;margin-top:15px;transition:opacity .5s .5s,visibility .5s .5s,margin-top .5s}}@media only screen and (width<=1200px){section.explore .container{gap:30px}section.explore .item-block{width:calc(100% - var(--1fr-space) * 2);gap:var(--1fr-space)}section.explore .explore-item{width:calc((100% - var(--1fr-space) * 2) / 3);pointer-events:none;flex-direction:column;gap:20px;display:flex}section.explore .explore-item .btn{pointer-events:auto}section.explore .explore-item .btn:before,section.explore .explore-item .btn:after{background:#000}section.explore .explore-item .pic-box{position:initial;transform:initial;pointer-events:auto}section.explore .explore-item .content{position:initial;transform:initial;grid-template-rows:auto 1fr;padding:0}section.explore .explore-item .title{color:#000;pointer-events:auto}section.explore .explore-item .des-block{opacity:1;align-items:flex-end;gap:20px;margin-top:15px}section.explore .explore-item .des-block .des{color:#000}}@media only screen and (width<=900px){section.explore .item-block{width:100%}}@media only screen and (width<=767px){section.explore .item-block{grid-template-columns:repeat(2,1fr);gap:50px;display:grid}section.explore .explore-item{width:100%}}@media only screen and (width<=575px){section.explore .item-block{grid-template-columns:1fr}}section.content{padding:30px 0 var(--space-80-160);gap:var(--space-60-160);flex-direction:column;display:flex}@media only screen and (width<=1200px){section.content{padding:20px 0 var(--space-80-160)}}section.marketing .container{grid-column:2/-1;grid-template-columns:subgrid;grid-template-rows:var(--space-50-80) 1fr auto var(--space-60-120) auto 1fr var(--space-50-80);display:grid}section.marketing .pics-group{aspect-ratio:880/960;grid-area:1/1/-1/12;position:relative}section.marketing .pics-group .pic{opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity .5s,visibility .5s;position:absolute;inset:0}section.marketing .pics-group .pic.active{opacity:1;visibility:visible}section.marketing .pics-group .pic img{object-fit:cover;width:100%;height:100%}section.marketing .title-box{flex-direction:column;grid-area:3/14/4/-2;gap:20px;display:flex}section.marketing .title-box .title{letter-spacing:.5px;font-size:2.5rem;font-weight:300;line-height:1.2}section.marketing .cloth-box{grid-area:5/14/6/-1;grid-template-columns:subgrid;row-gap:50px;display:grid}section.marketing .text-group{grid-column:1/-4;width:100%;height:115px;position:relative}section.marketing .text-group .text-item{opacity:0;visibility:hidden;grid-template-columns:1fr auto;grid-template-areas:"title title""des plus";align-content:start;row-gap:15px;width:100%;transition:opacity .5s,visibility .5s;display:grid;position:absolute;top:0;left:0}section.marketing .text-group .text-item.active{opacity:1;visibility:visible}section.marketing .text-group .text-item .title{grid-area:title;font-size:2.125rem;font-weight:500;line-height:1.4}section.marketing .text-group .text-item .title>*{text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.marketing .text-group .text-item .des{grid-area:des}section.marketing .text-group .text-item .des p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.marketing .text-group .text-item .plus{pointer-events:none;grid-area:plus;justify-content:center;align-items:center;width:30px;height:30px;display:none;position:relative}section.marketing .text-group .text-item .plus:before,section.marketing .text-group .text-item .plus:after{z-index:1;content:"";background:#000;width:16px;height:1.5px;transition:transform .5s,background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.marketing .text-group .text-item .plus:after{transform:translate(-50%,-50%)rotate(90deg)}section.marketing .cloth-content{grid-column:1/-1;align-items:center;gap:20px;display:flex;position:relative}section.marketing .cloth-content:before,section.marketing .cloth-content:after{z-index:2;pointer-events:none;content:"";width:10.7143%;height:100%;transition:opacity .5s;display:block;position:absolute;top:0;bottom:0}section.marketing .cloth-content:before{background:linear-gradient(90deg,#fff 0%,#fff0 100%);left:0}section.marketing .cloth-content:after{background:linear-gradient(270deg,#fff 0%,#fff0 100%);right:0}section.marketing .cloth-content:has(.swiper-prev.swiper-button-disabled):before{opacity:0}section.marketing .cloth-content:has(.swiper-next.swiper-button-disabled):after{opacity:0}section.marketing .cloth-content:has(.swiper-button-lock):before{opacity:0}section.marketing .cloth-content:has(.swiper-button-lock):after{opacity:0}section.marketing .swiper-prev,section.marketing .swiper-next{z-index:3;width:5px;height:10px;font-size:.625rem;transition:opacity .5s;display:none;position:relative}section.marketing .swiper-prev.swiper-button-disabled,section.marketing .swiper-next.swiper-button-disabled{opacity:.2}section.marketing .swiper-prev.swiper-button-lock,section.marketing .swiper-next.swiper-button-lock{display:none}section.marketing .swiper-slide{width:200px;height:200px}section.marketing .cloth-item{cursor:pointer;flex-shrink:0;width:100%;height:100%;position:relative}section.marketing .cloth-item:before{opacity:0;content:"";border:2px solid #0003;border-radius:50%;width:100%;height:100%;transition:opacity .2s .2s;position:absolute;top:0;left:0}section.marketing .cloth-item.active:before{opacity:1}section.marketing .cloth-item.active .pic-box{clip-path:circle(calc(50% - 8px))}section.marketing .cloth-item .pic-box{clip-path:circle(50%);width:100%;transition:clip-path .5s}section.marketing .cloth-item .pic{border-radius:50%;position:relative;overflow:hidden}section.marketing .cloth-item .pic:before{content:"";width:100%;height:0;padding-bottom:100%;display:block}section.marketing .cloth-item .pic picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.marketing .cloth-item .pic img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}@media only screen and (width>=2561px){section.marketing{grid-template-columns:1fr 80px repeat(22,109.091px) 80px 1fr}section.marketing .pics-group{grid-column:2/13}section.marketing .title-box{grid-column:15/-3}section.marketing .cloth-box{grid-column:15/-1}}@media only screen and (width<=1200px){section.marketing .title-box{gap:15px}section.marketing .title-box .title{font-size:1.75rem}section.marketing .cloth-box{row-gap:30px}section.marketing .text-group{grid-column:1/-2}section.marketing .text-group .text-item{column-gap:20px}section.marketing .text-group .text-item .title{letter-spacing:.5px;font-size:1.5rem;line-height:1.5}section.marketing .text-group .text-item .plus{pointer-events:auto;display:flex}section.marketing .swiper-slide{width:100px;height:100px}section.marketing .cloth-item.active .pic-box{clip-path:circle(calc(50% - 4px))}}@media only screen and (width<=900px){section.marketing .container{grid-column:2/-2;grid-template-rows:initial;row-gap:30px}section.marketing .pics-group,section.marketing .title-box,section.marketing .cloth-box{grid-column:1/-1;grid-row:initial}section.marketing .pics-group{order:2}section.marketing .title-box{order:1}section.marketing .cloth-box{order:3}section.marketing .text-group{order:2;grid-column:1/-1}section.marketing .cloth-content{order:1}section.marketing .cloth-content:before{left:25px}section.marketing .cloth-content:after{right:25px}section.marketing .swiper-prev,section.marketing .swiper-next{justify-content:center;align-items:center;display:flex}}@media only screen and (width<=575px){section.marketing .swiper-slide{width:80px;height:80px}}section.paragraph-block .container{grid-column:7/-1;grid-template-columns:subgrid;row-gap:50px;display:grid}section.paragraph-block .text-box{flex-direction:column;grid-area:1/1/auto/13;gap:15px;width:100%;max-width:960px;display:flex}section.paragraph-block .swiper-navigation-wrapper{grid-area:1/15/auto/-3;justify-content:end;align-items:end;display:flex}section.paragraph-block .swiper-navigation-wrapper:has(.swiper-button-lock){display:none}section.paragraph-block .swiper-box{grid-area:2/1/auto/-1}@media only screen and (width>=2561px){section.paragraph-block{grid-template-columns:1fr 80px repeat(22,109.091px) 80px 1fr}section.paragraph-block .container{grid-column:8/-1}section.paragraph-block .swiper-navigation-wrapper{grid-column:15/-4}}@media only screen and (width<=1200px){section.paragraph-block .container{row-gap:30px}section.paragraph-block .text-box{grid-column:1/14}section.paragraph-block .swiper-navigation-wrapper{grid-column:15/-2}}@media only screen and (width<=900px){section.paragraph-block .container{grid-column:2/-1;row-gap:30px}section.paragraph-block .text-box,section.paragraph-block .swiper-navigation-wrapper,section.paragraph-block .swiper-box{grid-row:initial}section.paragraph-block .text-box{order:1;grid-column:1/-2}section.paragraph-block .swiper-navigation-wrapper{order:3;grid-column:1/-2;justify-content:start;align-items:stretch}section.paragraph-block .swiper-box{order:2;grid-column:1/-1}}.paragraph-block-swiper .swiper-slide{width:calc(var(--1fr-space) * 9);aspect-ratio:720/480}.paragraph-block-swiper .pic{width:100%;height:100%}.paragraph-block-swiper .pic img{object-fit:cover;width:100%;height:100%}@media only screen and (width>=2561px){.paragraph-block-swiper .swiper-slide{width:981.818px}}@media only screen and (width<=1200px){.paragraph-block-swiper .swiper-slide{width:calc(var(--1fr-space) * 10)}}@media only screen and (width<=575px){.paragraph-block-swiper .swiper-slide{width:calc(var(--1fr-space) * 12)}}
