.hero{position:relative}.hero__swiper figure{height:100%;position:relative}.hero__swiper figure:before{content:"";position:absolute;bottom:0;left:0;height:142px;width:100%;background:linear-gradient(180deg,#eaf4f700,#eaf4f7);background-size:cover}.hero__swiper figure:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(/build/assets/background-slider-OsuSorPg.png) no-repeat center center;background-size:cover}.hero__swiper figure img,.hero__swiper figure video{display:block;width:100%;height:100svh;object-fit:cover}.hero__content{width:100%;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.hero__content--box{max-width:485px;margin-bottom:50px}.hero__content--box .text-letter{font-size:1rem;font-weight:600;line-height:1.5;text-transform:uppercase;color:#545454;letter-spacing:3.5px;margin-bottom:32px;position:relative}.hero__content--box .text-letter:before{content:"";position:absolute;bottom:-32px;left:0;width:80px;height:1px;background-color:var(--c-primary-main)}.hero__content--box h2{padding:24px 0;margin-bottom:0}.hero__nav{position:absolute;bottom:46px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:32px}.hero__nav--prev,.hero__nav--next{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--c-primary-main);cursor:pointer;z-index:10;transition:all .3s ease-out}.hero__nav--prev:hover,.hero__nav--next:hover{color:var(--c-primary-hover)}.hero__nav .swiper-pagination{position:static;display:flex;gap:12px;width:auto}.hero__nav .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;opacity:.5;border-radius:50%;transition:all .3s ease;margin:0!important;background-color:transparent;border:1px solid var(--c-primary-main)}.hero__nav .swiper-pagination .swiper-pagination-bullet-active{opacity:1;background-color:var(--c-primary-main)}.hero__nav .swiper-button-disabled{opacity:.5;cursor:unset}.hero .scrolldown{bottom:46px;color:var(--c-primary-main);display:flex;align-items:flex-start;gap:6px;font-size:18px;font-weight:700;margin-right:calc((100vw - 1270px)/2);padding-left:22px;position:absolute;right:0;z-index:2}@media all and (max-width: 767px){.hero__content--box{text-align:center}.hero__content--box .text-letter{font-size:.875rem}.hero__content--box .text-letter:before{left:50%;transform:translate(-50%)}.hero__nav{bottom:30px}}