https://keepyourcadence.com/cdn/shop/t/191/assets/about.js?v=108366340927061822751788994684

1const animationSpeed=1500;$(document).ready(()=>{if(!$("html").hasClass("page-about"))return;new Swiper("[data-founder-swiper],[data-about-swiper]",{observer:!0,slidesPerView:1.05,spaceBetween:9,navigation:{nextEl:".swiper-next",prevEl:".swiper-prev"}}),new Swiper("[data-about-swiper-desktop]",{pagination:{el:".swiper-pagination"}}),new Swiper("[care-guide-swiper]",{observer:!0,slidesPerView:1,spaceBetween:18,navigation:{nextEl:".swiper-next",prevEl:".swiper-prev"}});const isMobile=window.innerWidth<769;let wheelCaptured=!1,heroSwiper=null,heroNestedSwiper=null;const capsules={BLUE:"blue",WHITE:"white",CONCEPT_1:"concept-1",CONCEPT_2:"concept-2",CONCEPT_3:"concept-3",BEADS:"beads",EXPLODED:"exploded",PLASTIC:"plastic"};isMobile||(heroSwiper=new Swiper("[data-about-hero-swiper]",{observer:!0,centeredSlides:!0,allowTouchMove:!1,direction:"vertical",speed:1500,autoHeight:!0,preventInteractionOnTransition:!0,mousewheel:!1,on:{init:function(){animateCapsule(0)},slideChange:function(){animateCapsule(this.activeIndex),captureHero()}}}),heroNestedSwiper=new Swiper($("[data-about-hero-swiper-nested]").get(0),{observer:!0,observeParents:!0,centeredSlides:!0,allowTouchMove:!1,direction:"horizontal",nested:!0,preventInteractionOnTransition:!0,mousewheel:!1,effect:"fade",speed:1e3,on:{slideChange:function(){captureHero()}}}));function getCapsuleByStep(step){return`.about-capsule-container img[data-capsule="${step}"]`}function showCapsule(step){$(".about-capsule-container img").css("opacity",0),$(getCapsuleByStep(step)).css("opacity",1)}function animateCapsule(idx){const container=$(".about-capsule-container");if(idx>10||idx===0){$(".about-capsule-container img").css("opacity",0);return}switch(idx){case 1:container.css("width",""),container.css("top",""),showCapsule(capsules.CONCEPT_1);break;case 2:container.css("width","85px"),container.css("top","calc(200vh + 50% - 42px)"),showCapsule(capsules.CONCEPT_1);break;case 3:container.css("width","210px"),container.css("top","calc(300vh + 50% + 110px)"),showCapsule(capsules.CONCEPT_1);break;case 4:container.css("width","200px"),container.css("top","calc(400vh + 29%)"),showCapsule(capsules.CONCEPT_2);break;case 5:container.css("top","calc(500vh + 40%)"),container.css("width","220px"),showCapsule(capsules.PLASTIC);break;case 6:container.css("top","calc(600vh + 52%)"),container.css("width","220px"),showCapsule(capsules.PLASTIC);break;case 7:container.css("top","calc(700vh + 38.5%)"),container.css("width","195px"),showCapsule(capsules.BEADS);break;case 8:container.css("top","calc(800vh + 25%)"),container.css("width","195px"),showCapsule(capsules.EXPLODED);break;case 9:container.css("top","calc(900vh + 50% + 27px)"),container.css("width","190px"),showCapsule(capsules.BLUE);break;case 10:container.css("width","190px"),container.css("top","calc(1000vh - 46.7%)");break}}function sortByIdx(a,b){return a.style.getPropertyValue("--idx")-b.style.getPropertyValue("--idx")}$(".memberWrapper").click(function(e){const blocks=$(e.currentTarget).find(".member").sort(sortByIdx);blocks.each(function(_i,elem){let val=elem.style.getPropertyValue("--idx")-1;val<0&&(val=blocks.length-1),elem.style.setProperty("--idx",val)})});function captureHero(){wheelCaptured=!0,$("html, body").animate({scrollTop:$(".custom-about-hero-content").offset().top},200)}function releaseHero(){wheelCaptured=!1}function updateCoverPosition(){const containerHeight=$(".box-cover").height(),top=$('[data-slide="10"] .desktop-only img').offset().top-$('[data-slide="10"]').offset().top,left=$('[data-slide="10"] .desktop-only img').offset().left-$('[data-slide="10"]').offset().left,width=$('[data-slide="10"] .desktop-only img').width(),height=$('[data-slide="10"] .desktop-only img').height();$(".box-cover img").css({position:"absolute",bottom:`${containerHeight-(top+height)+7}px`,left:`${left+5}px`,width:`${width-10}px`})}const header=$("#shopify-section-cad-header");if(isMobile){let slide1State2=function(){const slide=mobileSlides.eq(1);return{width:139,top:slide.position().top+.45*slide.height(),left:mobileSlidesWidth/2,step:capsules.CONCEPT_1,opacity:0}

1},slide2State2=function(){const slide=mobileSlides.eq(1);return{width:139,top:slide.position().top+.45*slide.height(),left:mobileSlidesWidth/2,step:capsules.CONCEPT_1,opacity:1}},slide3State2=function(){const slide=mobileSlides.eq(2),slideImage=slide.find("img"),capsuleWidth=39,capsuleHeight=capsuleWidth/.838;return{width:capsuleWidth,top:slide.position().top+(slideImage.offset().top-slide.offset().top)+(slideImage.height()/2-capsuleHeight/2),left:mobileSlidesWidth/2,step:capsules.CONCEPT_1,opacity:1}},slide4State2=function(){const slide=mobileSlides.eq(3);return{width:118,top:slide.position().top+.5*slide.height(),left:mobileSlidesWidth/2,step:capsules.CONCEPT_1,opacity:1}},slide5State2=function(){const slide=mobileSlides.eq(4),slideImage=slide.find("img"),capsuleWidth=slideImage.width()*.481,capsuleHeight=capsuleWidth/.838;return{width:capsuleWidth,top:slide.position().top+(slideImage.offset().top-slide.offset().top)+(slideImage.height()/2-capsuleHeight/2),left:mobileSlidesWidth/2,step:capsules.CONCEPT_2,opacity:1}},slide7State2=function(){const slide=mobileSlides.eq(5),slideImage=slide.find("img"),capsuleWidth=118,capsuleHeight=capsuleWidth/.838;return{width:capsuleWidth,top:slide.position().top+(slideImage.offset().top-slide.offset().top)+.5*slideImage.height()-capsuleHeight/2,left:mobileSlidesWidth/2,step:capsules.PLASTIC,opacity:1}},slide8State2=function(){const slide=mobileSlides.eq(6),capsuleWidth=140,capsuleHeight=capsuleWidth/.838;return{width:capsuleWidth,top:slide.position().top+.5*slide.height()-capsuleHeight/2,left:mobileSlidesWidth/2,step:capsules.PLASTIC,opacity:1}},slide9State2=function(){const slide=mobileSlides.eq(7);return{width:118,top:slide.position().top+.3*slide.height(),left:mobileSlidesWidth/2,step:capsules.BEADS,opacity:1}},slide10State2=function(){const slide=mobileSlides.eq(8);return{width:118,top:slide.position().top+.3*slide.height(),left:mobileSlidesWidth/2,step:capsules.EXPLODED,opacity:1}},slide11State2=function(){const slide=mobileSlides.eq(9),slideImage=slide.find(".mobile-only img");return{width:slideImage.width()/3.06,top:slide.position().top+slideImage.offset().top-slide.offset().top+slideImage.height()-slideImage.width()/3.09/.8098-5,left:slideImage.width()/2-slideImage.width()*.003,step:capsules.BLUE,opacity:1}},updateNestedSlide13Position2=function(){const{top,bottom,height}=slide13NestedContainer.get(0).getBoundingClientRect();if(bottom<windowHeight)slide13NestedContainer.removeClass("top"),slide13NestedContainer.removeClass("fixed"),slide13NestedContainer.addClass("bottom");else if(top>0)slide13NestedContainer.removeClass("bottom"),slide13NestedContainer.removeClass("fixed"),slide13NestedContainer.addClass("top");else{slide13NestedContainer.removeClass("bottom"),slide13NestedContainer.removeClass("top"),slide13NestedContainer.addClass("fixed");const totalProgress=-top/(height-windowHeight-navbarSize),currentSlideIdx=Math.floor(totalProgress/(1/(nestedSlides13.length-1))),progress=totalProgress/(1/(nestedSlides13.length-1))-currentSlideIdx,currentSlide2=nestedSlides13.eq(currentSlideIdx),nextSlide=nestedSlides13.eq(currentSlideIdx+1);nestedSlides13.css("opacity",0),currentSlide2.css("opacity",easing(1-progress)),nextSlide.css("opacity",easing(progress)),!currentSlide2.is(".hasTo")&&nextSlide.is(".hasTo")?nextSlide.find("p:nth-child(n+3)").css("top",easing(1-progress)*100+"px"):(currentSlide2.find("p:nth-child(2n)").css("left",easing(progress)*-50+"%"),nextSlide.find("p:nth-child(2n)").css("left",easing(1-progress)*50+"%"))}},updateCapsulePosition2=function(){let currentSlideIdx=-1,currentSlide2;for(let i=mobileSlides.length-1;i>=0;--i){const slide=mobileSlides.get(i);if(slide.getBoundingClientRect().top<=1){currentSlideIdx=i,currentSlide2=slide;break}}if(currentSlideIdx===-1)return;const currentState=capsuleStates[currentSlideIdx],nextState=capsuleStates[currentSlideIdx+1];if(nextState&&!$(currentSlide2).is(".fixed")){let measured,additionalHeight=0;$(currentSlide2).is(".slide-nested-container")?(measured=$(currentSlide2).find("[data-slide]").get(0),additionalHeight=currentSlide2.getBoundingClientRect().top):measured=currentSlide2;const{top,height}=measured.getBoundingClientRect(),progress=-top/height;capsuleContainer.css("width",currentState.width+(nextState.width-currentState.width)*progress+"px"),capsuleContainer.css("top",currentState.top-additionalHeight+(nextState.top-currentState.top+additionalHeight)*progress+"px"),capsuleContainer.css("left",currentState.left+(nextState.left-currentState.left)*progress+"px"),(currentState.step!==nextState.step||currentState.opacity!==nextState.opacity)&&($(".about-capsule-container img").css("opacity",0),$(getCapsuleByStep(currentState.step)).css("opacity",currentState.opacity===0?progress:1-progress),$(getCapsuleByStep(nextState.step)).css("opacity",progress))}};var slide1State=slide1State2,slide2State=slide2State2,slide3State=slide3State2,slide4State=slide4State2,slide5State=slide5State2,slide7State=slide7State2,slide8State=slide8State2,slide9State=slide9State2,slide10State=slide10State2,slide11State=slide11State2,updateNestedSlide13Position=updateNestedSlide13Position2,updateCapsulePosition=updateCapsulePosition2;const slide13NestedContainer=$('.slide-nested-container[data-sli

1de="12"]'),nestedSlides13=$('.slide-nested-container[data-slide="12"] [data-slide] .swiper-slide'),mobileSlidesContainer=$(".mobile-slides"),mobileSlides=$(".mobile-slides > [data-slide]"),capsuleContainer=$(".mobile-slides .about-capsule-container"),windowHeight=$(window).height(),mobileSlidesWidth=mobileSlidesContainer.width();mobileSlidesContainer.css("top",-header.height()+"px");const navbarSize=$(".mobile-slides .swiper-slide").height()-windowHeight,mobileSlideContentMarginBottom=Math.max(navbarSize+20,50);$(".mobile-slides .box-image").css("margin-bottom",mobileSlideContentMarginBottom+"px"),$(".mobile-slides .slide-content > .slideFromToWrapper").css("margin-bottom",mobileSlideContentMarginBottom+"px"),mobileSlides.eq(2).find(".bottomText").css("margin-bottom",mobileSlideContentMarginBottom+"px"),mobileSlides.eq(5).find(".slideColumn:last-child").css("margin-bottom",mobileSlideContentMarginBottom+"px"),mobileSlides.eq(10).find(".slideColumn:last-child").css("margin-bottom",mobileSlideContentMarginBottom+"px"),$(".mobile-slides .box-cover").css("top",mobileSlides.eq(9).position().top+mobileSlides.eq(9).find(".mobile-only img").offset().top-mobileSlides.eq(9).offset().top+mobileSlides.eq(9).find(".mobile-only img").height()-$(".mobile-slides .box-cover").width()/3.67+"px");const capsuleStates=[slide1State2(),slide2State2(),slide3State2(),slide4State2(),slide5State2(),slide7State2(),slide8State2(),slide9State2(),slide10State2(),slide11State2(),slide11State2()],easing=window.BezierEasing(.25,.1,.25,1);let currentTouch,currentSlide=0,currentNested13Slide=0,animationInProgress=!1,captureTouch=!1;$(window).on("scroll",function(){const{bottom,top}=mobileSlidesContainer.get(0).getBoundingClientRect();currentSlide===0&&top<1?(captureTouch||window.scrollTo({top:mobileSlidesContainer.offset().top}),captureTouch=!0):bottom>=windowHeight&&currentSlide===mobileSlides.length-1&&currentNested13Slide===nestedSlides13.length-1?(captureTouch||window.scrollTo({top:mobileSlidesContainer.offset().top+mobileSlidesContainer.height()-windowHeight}),captureTouch=!0):(bottom<windowHeight||top>=0)&&(captureTouch=!1),updateNestedSlide13Position2(),capsuleContainer.is(".fixed")||updateCapsulePosition2()}),capsuleContainer.css("width",capsuleStates[0].width+"px"),capsuleContainer.css("top",capsuleStates[0].top+"px"),capsuleContainer.css("left",capsuleStates[0].left+"px"),window.addEventListener("touchstart",function(e){currentTouch=e.touches[0]},{passive:!1}),window.addEventListener("touchmove",function(e){if(captureTouch)e.preventDefault();else{const{top}=mobileSlidesContainer.get(0).getBoundingClientRect();currentSlide===0&&top<1&&(captureTouch=!0)}},{passive:!1}),window.addEventListener("touchend",function(e){if(!captureTouch)return;const touch=e.changedTouches[0];if(animationInProgress||!currentTouch||!touch||touch.identifier!==currentTouch.identifier)return;const delta=currentTouch.screenY-touch.screenY;if(delta>10)if(animationInProgress=!0,currentSlide===11&&currentNested13Slide<nestedSlides13.length-1){currentNested13Slide+=1;const scrollTop=$(slide13NestedContainer).offset().top+currentNested13Slide*$(slide13NestedContainer).height()/nestedSlides13.length;$("html, body").animate({scrollTop},1500,"swing",()=>{animationInProgress=!1})}else if(currentSlide===11){const scrollTop=$(slide13NestedContainer).offset().top+$(slide13NestedContainer).height();$("html, body").animate({scrollTop},1500,"swing",()=>{animationInProgress=!1})}else $("html, body").animate({scrollTop:mobileSlides.eq(currentSlide+1).offset().top},1500,"swing",()=>{animationInProgress=!1}),currentSlide+=1;if(delta<-10)if(animationInProgress=!0,currentSlide===11&&currentNested13Slide>0){currentNested13Slide-=1;const scrollTop=$(slide13NestedContainer).offset().top+currentNested13Slide*$(slide13NestedContainer).height()/nestedSlides13.length;$("html, body").animate({scrollTop},1500,"swing",()=>{animationInProgress=!1})}else currentSlide>0?($("html, body").animate({scrollTop:mobileSlides.eq(currentSlide-1).offset().top},1500,"swing",()=>{animationInProgress=!1}),currentSlide-=1):currentSlide===0&&$("html, body").animate({scrollTop:$(document).scrollTop()-300},500,"swing",()=>{animationInProgress=!1})},{passive:!1})}else{setTimeout(updateCoverPosition,500),window.addEventListener("resize",updateCoverPosition),document.addEventListener("scroll",function(e){const{top,bottom}=heroSwiper.el.getBoundingClientRect();(top<0&&heroSwiper.activeIndex===0||bottom>$(window).height()&&heroSwiper.activeIndex===heroSwiper.slides.length-1&&heroNestedSwiper.activeIndex===heroNestedSwiper.slides.length-1)&&captureHero()});let prevEvent=null;window.addEventListener("wheel",function(e){if(!wheelCaptured)return;e.preventDefault(),!heroSwiper.animating&&!heroNestedSwiper.animating&&(!prevEvent||e.direction!==prevEvent.direction||Math.abs(e.deltaY)>Math.abs(prevEvent.deltaY)||e.timeStamp>prevEvent.timeStamp+150)&&(e.deltaY>0?heroSwiper.activeIndex===heroSwiper.slides.length-1?heroNestedSwiper.activeIndex===heroNestedSwiper.slides.length-1?releaseHero():heroNestedSwiper.slideTo(heroNestedSwiper.activeIndex+1):(heroSwiper.slideTo(heroSwiper.activeIndex+1),header.removeClass("fixed")):e.deltaY<0&&(heroSwiper.activeIndex===heroSwiper.slides.length-1&&heroNestedSwiper.activeIndex>0?heroNestedSwiper.slideTo(heroNestedSwiper.activeIndex-1):heroSwiper.activeIndex===0?releaseHero():(heroSwiper.slideTo(heroSwiper.activeIndex-1),header.addClass("fixed")))),prevEvent=e},{passive:!1})}});
2//# sourceMappingURL=/cdn/shop/t/191/assets/about.js.map?v=108366340927061822751788994684