section{padding:10em}@media(max-width:1650px){section{padding:5em}}@media(max-width:1280px){section{padding:3em}}@media(max-width:800px){section{padding:1em}}.sec-1{position:relative;width:100%;height:100vh;padding:0}.sec-1 .main-banner{aspect-ratio:16/9}.sec-1 .main-banner,.sec-1 .main-banner .banner-swiper,.sec-1 .main-banner .banner-swiper .swiper-slide{width:100%;height:100%}.sec-1 .main-banner .banner-swiper .slide-content,.sec-1 .main-banner .banner-swiper .slide-content .image-wrapper{width:100%;height:100%;position:relative}.sec-1 .main-banner .banner-swiper .slide-content .background-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right bottom}.sec-1 .main-banner .banner-swiper .slide-content video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;object-position:center}.sec-1 .title{width:100%;text-align:center;font-size:50px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.sec-1 .slide-content.one .title{font-family:SUITL}.sec-1 .slide-content.one .title span{font-family:SUITEB}.sec-1 .slide-content.two:before{content:"";background:hsla(0,0%,100%,.2);backdrop-filter:blur(15px);width:100%;height:80px;position:absolute;left:0;top:0;z-index:1}.sec-1 .slide-content.two:after{content:"";background:rgba(0,0,0,.3);width:100%;height:100%;position:absolute;left:0;top:0}.sec-1 .slide-content.two .title{text-shadow:0 0 20px rgba(0,0,0,.7);color:#fff;font-family:SUITB;z-index:10}.sec-1 .slide-content.two .title span{display:block;font-size:30px}.sec-1 .scroll-down{position:absolute;left:50%;bottom:5em;transform:translateX(-50%) scale(.8);text-align:center;z-index:10}.sec-1 .scroll-down .scroll-text{margin-bottom:1em;font-size:14px;letter-spacing:2px}.sec-1 .scroll-down .arrow-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.sec-1 .scroll-down .arrow-container .arrow{border-right:2px solid var(--dark);border-bottom:2px solid var(--dark);width:16px;height:16px;transform:rotate(45deg) translateY(0);animation:scrollDownArrow 1.5s infinite}.sec-1 .scroll-down .arrow-container .arrow.delay{animation-delay:.3s}@keyframes scrollDownArrow{0%{opacity:0;transform:rotate(45deg) translateX(0) translateY(0)}50%{opacity:1;transform:rotate(45deg) translateX(1.5px) translateY(1.5px)}to{opacity:0;transform:rotate(45deg) translateX(3px) translateY(3px)}}.sec-1 .custom-controls{display:flex;align-items:center;gap:16px;position:absolute;left:5em;bottom:5em;z-index:10}.sec-1 .custom-controls .slide-current{font-family:SP-B;font-size:20px}.sec-1 .custom-controls .slide-total{font-family:SP-L;font-size:20px}.sec-1 .custom-controls .progress-bar{width:100px;height:2px;background:rgba(41,41,41,.1);overflow:hidden}.sec-1 .custom-controls .progress-bar .progress{height:100%;background:var(--dark);transform:scaleX(0);transform-origin:left}.sec-1 .custom-controls .progress-bar .progress.animate{animation:fillBar 5s linear forwards}.sec-1 .custom-controls .custom-next,.sec-1 .custom-controls .custom-prev{width:20px;height:20px;cursor:pointer}.sec-1 .custom-controls .custom-prev img{transform:rotate(-180deg)}@media(max-width:1280px){.sec-1 .main-banner .custom-controls{left:3em;bottom:3em}.sec-1 .scroll-down{transform:translateX(-50%) scale(.7)}}@media(max-width:900px){.sec-1 .main-banner .custom-controls{left:-2em;bottom:10px;transform:scale(.5)}.sec-1 .title{font-size:25px}.sec-1 .slide-content.one:after{content:"";background:hsla(0,0%,100%,.1);width:100%;height:100%;position:absolute;left:0;top:0}.sec-1 .slide-content.one .title{margin-top:5em}.sec-1 .slide-content.two .title span{font-size:20px}.sec-1 .scroll-down{display:none}}@media(max-width:800px){.sec-1 .slide-content.two:before{height:60px}}@keyframes fillBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}