.branding-sec{position:relative;width:100%;height:100%;padding-top:15.625em;font-size:1rem;opacity:0;transform:translateY(3.125em);-webkit-transform:translateY(3.125em);-moz-transform:translateY(3.125em);-ms-transform:translateY(3.125em);-o-transform:translateY(3.125em);transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s}.branding-sec .swiper{width:100%;height:100%}.branding-sec .branding-slide{display:flex;align-items:center;justify-content:center;text-align:center}.branding-sec .branding-slide-inner{display:block;position:relative;width:100%;height:100%}.branding-swiper-container{position:relative;width:100%;height:85.1856vh;height:85.1856dvh;height:calc(var(--vh, 1vh) * 85.1856);min-height:41.302vw;overflow:hidden}.branding-swiper-container .branding-slide:after{position:absolute;top:30%;left:0;content:"";width:100%;height:70%;background-image:linear-gradient(to bottom,#0000,#000);opacity:.5;pointer-events:none}.branding-swiper-container .branding-text-wrap{position:absolute;bottom:11.063em;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;width:100%;font-size:1rem;box-sizing:border-box}.branding-swiper-container .branding-text-wrap:before{position:absolute;top:-50%;left:0;right:0;z-index:0;content:"";width:50%;height:200%;min-height:25em;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#000,#0000);font-size:1rem;opacity:.2;filter:blur(2.5em)}.branding-swiper-container .branding-text-wrap .branding-title strong{position:relative;font-size:2.75rem;font-weight:600;line-height:.8;color:#fff;opacity:0;text-shadow:0 0 .825em rgba(0,0,0,.08)}.branding-swiper-container .branding-text-wrap .branding-text p{position:relative;margin-top:.818em;font-size:1.375rem;line-height:1.3;color:#fff;opacity:0}.branding-text-wrap .branding-view-more{min-height:5.375em;font-size:1rem}.branding-text-wrap .branding-view-more .view-more-btn{margin-top:2.222em;opacity:0}.branding-swiper-container .swiper-slide-active .branding-text-wrap .branding-title strong{animation:brandTextUp 1.5s;animation-fill-mode:forwards}.branding-swiper-container .swiper-slide-active .branding-text-wrap .branding-text p{animation:brandTextUp 1.5s .3s;animation-fill-mode:forwards}.branding-swiper-container .swiper-slide-active .branding-text-wrap .view-more-btn{animation:brandTextUp 1.5s .6s;animation-fill-mode:forwards}@keyframes brandTextUp{0%{opacity:0;top:30px;filter:blur(10px)}60%{opacity:0;top:25px}to{opacity:1;filter:blur(0);top:0}}.branding-swiper-container.active .swiper-slide-active .branding-title,.branding-swiper-container.active .swiper-slide-active .branding-text{opacity:1;transform:translate(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.branding-swiper-container .branding-img-wrap{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:#000;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transition:transform 12s linear;overflow:hidden}.branding-swiper-container.active .swiper-slide-active .branding-img-wrap{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transition:transform 12s linear}.branding-swiper-container .branding-img-wrap>.branding-img-box{position:relative;width:100%;height:100%;overflow:hidden}.branding-swiper-container .branding-img-wrap>.branding-img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.branding-swiper-container .branding-img-wrap>.branding-img-box img.mo{display:none}.branding-swiper-container .pagination-wrap{position:absolute;bottom:28px;left:0;right:0;z-index:1;width:100%;font-size:1rem}.branding-swiper-container .pagination{display:flex;align-items:flex-start;justify-content:center;margin:0;padding:0 4.063em;font-size:1rem;opacity:0;visibility:hidden;transition:all .35s linear;-webkit-transition:all .35s linear;-moz-transition:all .35s linear;-ms-transition:all .35s linear;-o-transition:all .35s linear}.branding-swiper-container .pagination .playPause{transform:translateY(-.75rem);-webkit-transform:translateY(-.75rem);-moz-transform:translateY(-.75rem);-ms-transform:translateY(-.75rem);-o-transform:translateY(-.75rem)}.branding-swiper-container .swiper-pagination{position:static;display:flex;justify-content:center}.branding-swiper-container .swiper-pagination li{width:25%;margin:0 2.5em 0 0;font-size:1rem;text-align:left}.branding-swiper-container .swiper-pagination li a{position:relative;display:flex;flex-flow:row nowrap;width:100%;padding-top:.733em;font-size:1.375rem;line-height:1.5;letter-spacing:0;font-weight:300;color:#fff}.branding-swiper-container .swiper-pagination li a:before{position:absolute;top:0;left:0;z-index:1;display:block;content:"";width:100%;height:3px;background-color:#ffffff80;opacity:.3}.branding-swiper-container .swiper-pagination li a:after{position:absolute;top:0;left:0;right:0;z-index:2;display:block;content:"";height:3px;background-color:#fff;transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform-origin:left;opacity:1}.branding-swiper-container .swiper-pagination li.active a:after{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transition:transform 5s linear;-webkit-transition:transform 5s linear;-moz-transition:transform 5s linear;-ms-transition:transform 5s linear;-o-transition:transform 5s linear}.branding-swiper-container .swiper-pagination li a span{display:inline-block;height:3em;opacity:.5;transition:opacity .3s linear;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear}.branding-swiper-container .swiper-pagination li.active a span{opacity:1;transition:opacity .3s linear;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear}.branding-swiper-container .swiper-pagination li a .dot{display:inline-block;margin-right:4px}.branding-swiper-container.active .pagination{visibility:visible;opacity:1;transition-delay:2s;transition:all .35s linear}@media screen and (max-width: 1920px){.branding-sec,.branding-swiper-container .branding-text-wrap{font-size:.833vw}.branding-swiper-container .branding-text-wrap:before{font-size:.833vw}.branding-swiper-container .branding-text-wrap .branding-title strong{font-size:2.292vw}.branding-swiper-container .branding-text-wrap .branding-text p{font-size:1.146vw}.branding-text-wrap .branding-view-more,.branding-swiper-container .pagination-wrap,.branding-swiper-container .pagination,.branding-swiper-container .swiper-pagination li{font-size:.833vw}.branding-swiper-container .swiper-pagination li a{font-size:1.146vw}}@media screen and (max-width: 1440px){.branding-sec{padding-top:9.375em;font-size:1rem}.branding-swiper-container{height:auto;aspect-ratio:1/.48}.branding-swiper-container .branding-text-wrap{bottom:96px;font-size:1rem}.branding-swiper-container .branding-text-wrap:before{font-size:1rem}.branding-swiper-container .branding-text-wrap .branding-title strong{font-size:1.625rem;line-height:1.15}.branding-swiper-container .branding-text-wrap .branding-text p{margin-top:10px;font-size:.875rem;line-height:1.43}.branding-text-wrap .branding-view-more{min-height:4.625em;font-size:1rem}.branding-text-wrap .branding-view-more .view-more-btn{margin-top:2.143em}.branding-swiper-container .pagination-wrap{bottom:8px;font-size:1rem}.branding-swiper-container .pagination{padding:0 2.5em;font-size:1rem}.branding-swiper-container .swiper-pagination li{margin:0 1.25em 0 0;font-size:1rem}.branding-swiper-container .swiper-pagination li:last-child{margin:0 2.5em 0 0}.branding-swiper-container .swiper-pagination li a{padding-top:8px;font-size:.875rem;line-height:1.43}}@media screen and (max-width: 720px){.branding-sec{padding-top:6.25em;aspect-ratio:inherit}.branding-swiper-container{height:90vh;height:90dvh;height:calc(var(--vh, 1vh) * 90);min-height:161.1111vw}.branding-swiper-container .branding-text-wrap{bottom:104px}.branding-swiper-container .branding-text-wrap .branding-title strong{font-size:1.5rem}.branding-swiper-container .branding-text-wrap .branding-text{display:none}.branding-text-wrap .branding-view-more{display:none;min-height:3.188em}.branding-text-wrap .branding-view-more .view-more-btn{margin-top:1.429em}.branding-swiper-container .pagination-wrap{bottom:1em}.branding-swiper-container.active .pagination{padding:0 1.25em}.branding-swiper-container .swiper-pagination li{width:1.25em;min-height:2.625em}.branding-swiper-container .swiper-pagination li:last-child{margin-right:1.25em}.branding-swiper-container .swiper-pagination li.active{width:70%}.branding-swiper-container .swiper-pagination li a{width:100%;font-size:.813rem;line-height:1.23}.branding-swiper-container .swiper-pagination li a .slide-num{width:100%;text-align:center}.branding-swiper-container .swiper-pagination li.active a .slide-num{width:auto;text-align:left}.branding-swiper-container .swiper-pagination li a .dot{display:none}.branding-swiper-container .swiper-pagination li.active a .dot{display:inline-block}.branding-swiper-container .swiper-pagination li a span{height:2.308em}.branding-swiper-container .swiper-pagination li a .slide-txt{display:none}.branding-swiper-container .swiper-pagination li.active a .slide-txt{display:inline-block}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/main-branding.scss.css.map */