(()=>{function n(){let t=window.outerWidth,i=t;const n=1200;window.addEventListener("resize",()=>{i=window.outerWidth,t<n&&i>n||t>n&&i<n?location.reload():void 0})}n()})();gsap.registerPlugin(ScrollTrigger);let kftl=gsap.timeline().pause().fromTo(".hero",{scale:1,opacity:1},{scale:3,opacity:0},0).fromTo(".hero-img",{scale:2.5,opacity:0},{scale:1,opacity:1},1).fromTo(".hero-img",{yPercent:0},{yPercent:-100},2).fromTo(".keyfeature",{opacity:0},{opacity:1},2);ScrollTrigger.create({trigger:".kfsection",start:"top top",end:"bottom bottom",pin:".kfsection .kfcontent",pinSpacing:!1,onUpdate:n=>{kftl.progress(n.progress)}});let cards=[...document.querySelectorAll(".kf-slider")],curslide=document.querySelector(".kf-slider.kf-active");for(let n in cards)document.querySelector(".kf-spacers").insertAdjacentHTML("beforeend",n==0?`<div class='active'></div>`:"<div><\/div>");ScrollTrigger.matchMedia({"(min-width: 1200px)":function(){ScrollTrigger.create({trigger:"#slidecard",start:"top top",end:"bottom bottom",pin:"#slidecard .camera",pinSpacing:!1,onUpdate:n=>{let t=window.getComputedStyle(document.querySelector(".kf-sliders")).getPropertyValue("gap").replace(/[^-\d\.]/g,""),i=n.progress;cards.forEach(n=>{n.style.transform=`translateX(${(cards[0].parentNode.offsetWidth-cards[0].offsetWidth*cards.length-t*(cards.length-1))*i}px)`});document.querySelector("#slidecard .camera>img").style=`left: ${(document.querySelector("#slidecard .camera").offsetWidth-document.querySelector("#slidecard .camera>img").offsetWidth)*n.progress}px`},onToggle:n=>{n.isActive?ScrollTrigger.refresh():void 0}})},"(max-width: 1199px)":function(){void 0},all:function(){window.outerWidth>1200?document.querySelector("#slidecard").classList.remove("rwd"):document.querySelector("#slidecard").classList.add("rwd")}});ScrollTrigger.create({trigger:"#sound",start:"24% center",end:"90% center",toggleClass:"BGactive"});let osd=[...document.querySelectorAll(".osd .content>div")];osd.forEach(n=>{ScrollTrigger.create({trigger:n,start:"top 85%",end:"bottom top",toggleClass:"active"})});ScrollTrigger.create({trigger:".osd",start:"top top",end:"bottom bottom",pin:".osdBG",pinSpacing:!1});ScrollTrigger.create({trigger:".osd .spacer",start:"top center",end:"bottom center",onUpdate:n=>{document.querySelector(".osdBG>img").style.transform=window.outerWidth>1200?`translate(0, ${n.progress*0}%) scale(${n.progress+.5})`:`translate(0, ${n.progress*-15}%) scale(${1+n.progress*2.5})`}});ScrollTrigger.create({trigger:".io",start:"top center",end:"bottom center",onUpdate:n=>{let r=n.progress,t=[...document.querySelectorAll(".io>img")];for(i=0;i<=14;i++)r>=`${.1+i*.03}`?t[i+1].classList.add("active"):t[i+1].classList.remove("active")}});let dots=[...document.querySelectorAll(".dots a")],dotsdiv=[...document.querySelectorAll(".dots a div")];dots.forEach((n,t)=>{ScrollTrigger.create({trigger:n.getAttribute("href"),start:"top center",end:"bottom center",toggleClass:{targets:n.getAttribute("href"),className:"active"}}),ScrollTrigger.create({trigger:n.getAttribute("href"),start:"top center",end:"bottom center",toggleClass:{targets:dotsdiv[t],className:"active"},onToggle:n=>{n.isActive?ScrollTrigger.refresh():void 0}}),n.onclick=()=>{event.preventDefault(),window.scrollTo({top:document.querySelector(n.getAttribute("href")).offsetTop+1,behavior:"smooth"})}})