.scroll-video-story{--svs-bg-color: #F5F3EE;--svs-text-color: #1A1A1A;--svs-progress-color: #F9423A;--svs-section-padding: 0px;position:relative;background-color:var(--svs-bg-color);color:var(--svs-text-color)}@media screen and (min-width:990px){.scroll-video-story .svs-mobile{display:none}.scroll-video-story .svs-scroll-container{position:relative;padding-top:var(--svs-section-padding);padding-bottom:var(--svs-section-padding)}.scroll-video-story .svs-sticky-wrapper{position:sticky;top:var(--svs-section-padding);height:calc(100vh - (var(--svs-section-padding) * 2));display:flex;align-items:center;justify-content:center;overflow:hidden}.scroll-video-story .svs-content{display:flex;width:100%;height:100%;max-width:100%;gap:0}.scroll-video-story .svs-media-wrapper{flex:1 1 55%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.scroll-video-story .svs-video{width:100%;height:100%;object-fit:cover}.scroll-video-story .svs-video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#0000000d;color:#0006;font-size:14px}.scroll-video-story .svs-slideshow-media{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0s .5s}.scroll-video-story .svs-slideshow-media--active{opacity:1;visibility:visible;transition:opacity .5s ease-out .2s,visibility 0s 0s}.scroll-video-story .svs-slideshow-image,.scroll-video-story .svs-slideshow-video{width:100%;height:100%;object-fit:cover}.scroll-video-story .svs-text-wrapper{flex:1 1 45%;display:flex;flex-direction:column;padding:4rem 12rem 4rem 8rem;position:relative}.scroll-video-story[data-vertical-position=flex-start] .svs-text-wrapper{justify-content:flex-start;padding-top:10%}.scroll-video-story[data-vertical-position=center] .svs-text-wrapper{justify-content:center}.scroll-video-story[data-vertical-position=flex-end] .svs-text-wrapper{justify-content:flex-end;padding-bottom:10%}.scroll-video-story .svs-text-container{position:relative;max-width:560px;width:100%}.scroll-video-story .svs-text-block{position:absolute;left:0;right:0;top:0;opacity:0;visibility:hidden;transition:opacity .4s ease-out,transform .4s ease-out,visibility 0s .4s;pointer-events:none;transform:translateY(20px)}.scroll-video-story .svs-text-block--active{opacity:1;visibility:visible;transition:opacity .5s ease-out .15s,transform .5s ease-out .15s,visibility 0s 0s;pointer-events:auto;transform:translateY(0)}.scroll-video-story .svs-text-block:first-child{position:relative}.scroll-video-story .svs-text-block:first-child:not(.svs-text-block--active){position:absolute}.scroll-video-story--video-right .svs-content{flex-direction:row-reverse}.scroll-video-story--video-right .svs-progress{right:auto;left:4rem}.scroll-video-story--video-right .svs-text-wrapper{padding:4rem 8rem 4rem 12rem}.scroll-video-story .svs-progress{position:absolute;right:4rem;display:flex;flex-direction:column;align-items:center;gap:0;height:200px;z-index:10}.scroll-video-story[data-vertical-position=flex-start] .svs-progress{top:10%}.scroll-video-story[data-vertical-position=center] .svs-progress{top:50%;transform:translateY(-50%)}.scroll-video-story[data-vertical-position=flex-end] .svs-progress{bottom:10%}.scroll-video-story .svs-progress-track{position:absolute;top:0;bottom:0;width:2px;background:#0000001a;border-radius:1px;overflow:hidden;z-index:1}.scroll-video-story .svs-progress-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:var(--svs-progress-color);border-radius:1px;transition:height .1s ease-out}.scroll-video-story .svs-progress-dots{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;z-index:2}.scroll-video-story .svs-progress-dot{width:12px;height:12px;border-radius:50%;background:var(--svs-bg-color);border:2px solid rgba(0,0,0,.15);cursor:pointer;transition:background .3s ease,border-color .3s ease,transform .3s ease;padding:0}.scroll-video-story .svs-progress-dot:hover{border-color:#0000004d;transform:scale(1.2)}.scroll-video-story .svs-progress-dot--active{background:var(--svs-progress-color);border-color:var(--svs-progress-color)}}.scroll-video-story .svs-heading{margin:0 0 1.5rem;color:var(--svs-text-color);line-height:1.2}.scroll-video-story .svs-text{margin:0 0 2rem;color:var(--svs-text-color);opacity:.85;line-height:1.7}.scroll-video-story .svs-text p{margin:0}.scroll-video-story .svs-text p+p{margin-top:1rem}.scroll-video-story .svs-cta{display:inline-block;color:var(--svs-text-color);background:transparent;border:1px solid var(--svs-text-color);padding:1.2rem 2.4rem;text-decoration:none;font-family:var(--font-body-family);font-size:var(--font-size-body-3);font-weight:500;letter-spacing:.02em;transition:background .3s ease,color .3s ease;cursor:pointer}.scroll-video-story .svs-cta:hover{background:var(--svs-text-color);color:var(--svs-bg-color)}@media screen and (max-width:989px){.scroll-video-story .svs-scroll-container{display:none}.scroll-video-story .svs-mobile{display:block}.scroll-video-story .svs-mobile-block{display:flex;flex-direction:column}.scroll-video-story .svs-mobile-block:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}.scroll-video-story .svs-mobile-media-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.scroll-video-story .svs-mobile-video,.scroll-video-story .svs-mobile-image{width:100%;height:100%;object-fit:cover}.scroll-video-story .svs-mobile-text{padding:2.5rem 1.6rem}.scroll-video-story .svs-mobile-text .svs-heading{margin-bottom:1rem}.scroll-video-story .svs-mobile-text .svs-text{margin-bottom:1.5rem}}@media screen and (min-width:990px)and (max-width:1199px){.scroll-video-story .svs-text-wrapper{padding:3rem 8rem 3rem 6rem}.scroll-video-story--video-right .svs-text-wrapper{padding:3rem 6rem 3rem 8rem}.scroll-video-story .svs-text-container{max-width:440px}.scroll-video-story .svs-progress{right:3rem;height:160px}.scroll-video-story--video-right .svs-progress{left:3rem;right:auto}}@media screen and (min-width:1400px){.scroll-video-story .svs-text-wrapper{padding:5rem 14rem 5rem 10rem}.scroll-video-story--video-right .svs-text-wrapper{padding:5rem 10rem 5rem 14rem}.scroll-video-story .svs-text-container{max-width:640px}.scroll-video-story .svs-progress{right:6rem;height:240px}.scroll-video-story--video-right .svs-progress{left:6rem;right:auto}}@media(prefers-reduced-motion:reduce){.scroll-video-story .svs-text-block{transition:opacity .2s ease;transform:none}.scroll-video-story .svs-text-block--active{transform:none}.scroll-video-story .svs-slideshow-media{transition:opacity .2s ease}.scroll-video-story .svs-progress-fill,.scroll-video-story .svs-progress-dot{transition:none}}.scroll-video-story .svs-video[data-loading=true]{opacity:.5}.scroll-video-story .svs-progress-dot:focus{outline:2px solid var(--svs-progress-color);outline-offset:2px}.scroll-video-story .svs-cta:focus{outline:2px solid var(--svs-text-color);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-scroll-video-story.css.map */