sa-hero-scroll{--sa-banner-img-mobile-display: none;--sa-banner-img-desktop-display: block;--sa-banner-t-width: 50%;--sa-t-dec-width: clamp(350px, 24vw, 524px);--sa-t-dec-text-align: left;--sa-t-dec-font-size: 16px;--sa-t-btn-flex-wrap: nowrap;--sa-t-btn-justify-content: flex-start;--sa-t-btn-order-width: auto;--sa-t-btn-order-height: clamp(31.67px, 2.5vw, 48px);--sa-t-btn-order-font-size: clamp(12px, calc(11px + (16 - 12) * (100vw - 375px) / (1920 - 375)), 16px);--sa-t-btn-order-bg: url(home_svg4.svg);--sa-t-btn-default-font-size: clamp(12px, calc(11px + (16 - 12) * (100vw - 375px) / (1920 - 375)), 16px);--sa-g-json-width: 80%;--sa-g-json-transform: translate(-50%, -50%);--sa-g-json-top: 54%;--sa-g-json-bottom: auto;--sa-frame-txt-top: 50%}.sa-hero-gj{position:sticky;position:-webkit-sticky;top:0;left:0;width:100%;height:100vh;background:url(homenew3.png) no-repeat;background-size:cover;margin-top:-100vh;z-index:-1}.sa-hero-scroll{display:block;width:100%;position:relative}.sa-hero-scroll__sticky-wrapper{position:sticky;top:0;width:100%;height:100vh;overflow:hidden;z-index:1}.sa-hero-scroll__video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:opacity .5s ease-out}.sa-hero-scroll__video-container--hidden{opacity:0;pointer-events:none}.sa-hero-scroll__media-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.sa-hero-scroll__banner{opacity:0;visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;transition:opacity 1s ease-in-out,visibility 1s ease-in-out}.sa-hero-scroll__banner--visible{opacity:1;visibility:visible}.sa-hero-scroll__banner img{width:100%;height:100%;object-fit:cover}.sa-hero-scroll__banner-img--mobile{display:var(--sa-banner-img-mobile-display)}.sa-hero-scroll__banner-img--desktop{display:var(--sa-banner-img-desktop-display)}.sa-hero-scroll__video{width:100%;height:100%;object-fit:cover}.sa-hero-scroll__g-json{overflow:hidden;position:absolute;z-index:1;top:var(--sa-g-json-top);left:50%;width:var(--sa-g-json-width);height:auto;pointer-events:none;transform:var(--sa-g-json-transform);bottom:var(--sa-g-json-bottom);display:flex;justify-content:center;align-items:center}.sa-hero-scroll__current-frame-box{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.sa-hero-scroll__current-img{width:100%;height:auto;object-fit:contain;display:block}.sa-hero-txt{position:relative;width:100%;height:100%;z-index:3;padding:clamp(0px,4.5vw,105px) 0;opacity:0;visibility:hidden;transition:opacity .6s ease-out,visibility .6s ease-out}.sa-hero-txt--visible{opacity:1;visibility:visible}.sa-hero-container{margin:0 auto;width:90%;max-width:1600px}.sa-hero-scroll__video-container .sa-hero-txt .sa-hero-container{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.sa-banner-t{width:var(--sa-banner-t-width)}.sa-t-img{width:clamp(354px,calc(354px + (504 - 354) * (100vw - 375px) / (1920 - 375)),504px);margin-bottom:clamp(10px,1vw,18px)}.sa-t-img img{width:100%;max-width:100%;border:0;vertical-align:top}.sa-t-dec{width:var(--sa-t-dec-width);color:#000;font-size:var(--sa-t-dec-font-size);font-weight:400;margin:0;text-align:var(--sa-t-dec-text-align)}.sa-t-btn{display:flex;align-items:center;justify-content:var(--sa-t-btn-justify-content);margin-top:clamp(26px,1.5vw,40px);gap:clamp(17px,1.5vw,26px);flex-wrap:var(--sa-t-btn-flex-wrap)}.sa-hero-txt--visible .sa-t-img{animation:fadeInUp .6s ease-out both;animation-delay:.1s}.sa-hero-txt--visible .sa-t-dec{animation:fadeInUp .6s ease-out both;animation-delay:.2s}.sa-hero-txt--visible .sa-t-btn{animation:fadeInUp .6s ease-out both;animation-delay:.3s}.sa-t-btn_order{display:flex;justify-content:center;align-items:center;background:var(--sa-t-btn-order-bg) no-repeat;background-size:100% 100%;border-radius:100px;height:var(--sa-t-btn-order-height);min-width:clamp(72.6px,7.81vw,150px);padding:0 clamp(13.2px,2vw,20px);position:relative;cursor:pointer;width:var(--sa-t-btn-order-width);font-size:var(--sa-t-btn-order-font-size)}.sa-t-btn_order:hover{opacity:.7}.sa-t-btn_order p{margin:0;font-size:inherit;background-image:linear-gradient(to right,#213d94,#548ce4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:10}.sa-t-btn_default{display:flex;align-items:center;gap:clamp(7px,.5vw,10px);font-size:var(--sa-t-btn-default-font-size);color:#333;cursor:pointer}.sa-t-btn_default p{margin:0}.sa-t-btn_default i{width:clamp(18px,1.1vw,24px);height:clamp(18px,1.1vw,24px);display:flex;align-items:center;justify-content:center}.sa-t-btn_default i img{width:100%;height:100%;object-fit:cover}.sa-t-btn_default i .img1{display:block}.sa-t-btn_default i .img2{display:none}.sa-t-btn_default:hover{color:#043a94}.sa-t-btn_default:hover i .img1{display:none}.sa-t-btn_default:hover i .img2{display:block}.sa-hero-scroll__frame-container{position:relative;top:0;height:100vh;width:100%;color:#000;overflow:hidden}.sa-hero-scroll__frame-container .sa-hero-container{height:100%;position:relative}.sa-frame-txt{position:absolute;left:0;top:var(--sa-frame-txt-top);width:var(--sa-frame-txt-width-override, 22.8125%);transform:translateY(100px);pointer-events:none;opacity:0}.sa-frame-txt p{margin:0}.sa-frame-txt.sa-txt2{left:auto;right:-4%;width:var(--sa-frame-txt-width-override, 26.25%)}.sa-frame-txt.sa-txt3{width:var(--sa-frame-txt-width-override, 36.3125%)}.sa-frame-txt.is-active{opacity:1;pointer-events:initial}.sa-tit{margin-bottom:clamp(26px,1vw,40px)}.sa-tit .sa-tit-p1{font-weight:700;line-height:1.1}.sa-tit .sa-tit-p2{font-weight:400;line-height:1.2}.sa-txt-box .sa-txt-box-p1{margin-bottom:clamp(10px,.2vw,15px);font-weight:700;line-height:normal}.sa-txt-box .sa-txt-box-p2{color:#45464b;font-weight:400;word-break:break-word;line-height:1.66666667}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,60px,0)}to{opacity:1;transform:translateZ(0)}}.sa-hero-scroll__video-preview{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;opacity:0;pointer-events:none;transition:opacity .25s ease-out}.sa-hero-scroll__video-preview--open{opacity:1;pointer-events:auto}.sa-hero-scroll__video-preview-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009}.sa-hero-scroll__video-preview-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background:#000;border-radius:0;overflow:hidden}.sa-hero-scroll__video-preview-player{display:block;width:100%;height:100%;object-fit:cover;background:#000}.sa-hero-scroll__video-preview-close{position:absolute;top:16px;right:16px;width:46px;height:46px;border:none;border-radius:23px;background:#e1e2e6;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-out}.sa-hero-scroll__video-preview-close:hover{background-color:#043a94}.sa-hero-scroll__video-preview-close:before,.sa-hero-scroll__video-preview-close:after{content:"";position:absolute;width:22px;height:2px;background:#000;border-radius:2px;transition:background-color .2s ease-out}.sa-hero-scroll__video-preview-close:before{transform:rotate(45deg)}.sa-hero-scroll__video-preview-close:after{transform:rotate(-45deg)}.sa-hero-scroll__video-preview-close:hover:before,.sa-hero-scroll__video-preview-close:hover:after{background:#fff}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0)}to{opacity:1;-webkit-transform:translateZ(0)}}@media (max-width: 1580px){sa-hero-scroll{--sa-t-dec-font-size: 14px}}@media (max-width: 768px){sa-hero-scroll{--sa-banner-img-mobile-display: block;--sa-banner-img-desktop-display: none;--sa-banner-t-width: 100%;--sa-t-dec-width: 100%;--sa-t-dec-text-align: center;--sa-t-dec-font-size: 14px;--sa-t-btn-flex-wrap: wrap;--sa-t-btn-justify-content: center;--sa-t-btn-order-width: 100%;--sa-t-btn-order-height: 44px;--sa-t-btn-order-font-size: 15px;--sa-t-btn-order-bg: url(btn.svg);--sa-t-btn-default-font-size: 15px;--sa-g-json-width: 146%;--sa-g-json-transform: translate(-54%, 0%);--sa-g-json-top: auto;--sa-g-json-bottom: 0;--sa-frame-txt-top: 80px;--sa-frame-txt-width-override: 100%}.sa-t-btn_order,.sa-t-btn_default,.sa-video-trigger,.sa-hero-scroll__video-preview-close{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none}.sa-t-btn_order:hover{opacity:1}.sa-t-btn_default:hover{color:inherit}.sa-t-btn_default:hover i .img1{display:block}.sa-t-btn_default:hover i .img2{display:none}.sa-t-img{margin:0 auto;margin-bottom:clamp(10px,1vw,18px)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sa-hero-scroll.css.map */