{"version":3,"sources":["ar-animation-static-2023.js"],"names":["window","addEventListener","startAnimationArStatic","ScrollTrigger","defaults","gsap","matchMedia","add","isMobile","isDesktop","let","context","conditions","hasScrolled","scrollY","timeline","duration","ease","onComplete","tlCover","resume","to","delay","scrollTo","y","offsetY","opacity","display","rotation","Linear","easeNone","repeat","scrollTrigger","trigger","start","end","scrub","snap","snapTo","min","max","paused","fromTo","scale","transformOrigin","stagger","from","addLabel","--clip","Power4","easeInOut","autoKill","transactionSections","utils","toArray","xPercent","length","pin","video","document","getElementById","id","onToggle","self","isActive","play","pause","$","each","index","triggerElement","this","targetElement","attr"],"mappings":"AAGAA,OAAAC,iBAAA,OAAA,WACAC,uBAAA,CACA,CAAA,EACAA,uBAAA,WAKAC,cAAAC,SAAA,EAEA,EAIAC,KAAAC,WAAA,EACAC,IAAA,CACAC,SAAA,qBACAC,UAAA,oBACA,EAAA,IAEAC,GAAA,CAAAF,SAAAA,EAAAC,UAAAA,CAAA,EAAAE,EAAAC,WAGAC,EAAA,GAAAb,OAAAc,QAOAT,KAAAU,SAAA,CACAX,SAAA,CACAY,SAAA,GACAC,KAAA,WACA,EACAC,WAAA,WAWAV,EAEAW,EAAAC,OAAA,EAKA,GAAApB,OAAAc,SAEAT,KACAgB,GAAArB,OAAA,CACAgB,SAAA,EACAM,MAAA,EACAC,SAAA,CACAC,EAAA,eACAC,QAAA,CAAA,CACA,EACAR,KAAA,cACA,CAAA,CAGA,CACA,CAAA,EAGAI,GAAA,sBAAA,CAAAL,SAAA,EAAAU,QAAA,CAAA,CAAA,EACAL,GAAA,mBAAA,CAAAL,SAAA,GAAAU,QAAA,CAAA,EAAA,QAAA,EACAL,GAAA,aAAA,CAAAL,SAAA,EAAAU,QAAA,EAAAC,QAAA,MAAA,EAAA,QAAA,EAGAtB,KAAAgB,GAAA,mBAAA,IAAA,CAAAO,SAAA,MAAAX,KAAAY,OAAAC,SAAAC,OAAA,CAAA,CAAA,CAAA,EACA1B,KAAAgB,GAAA,iBAAA,IAAA,CAAAO,SAAA,MAAAX,KAAAY,OAAAC,SAAAC,OAAA,CAAA,CAAA,CAAA,EACA1B,KAAAgB,GAAA,mBAAA,IAAA,CAAAO,SAAA,MAAAX,KAAAY,OAAAC,SAAAC,OAAA,CAAA,CAAA,CAAA,EAWArB,IAAAS,EAEAV,GAEAU,EAAAd,KAAAU,SAAA,CACAiB,cAAA,CAEAC,QAAA,eAEAC,MAAA,QACAC,IAAA,aACAC,MAAA,EACAC,KAAA,CAAAC,OAAA,oBAAAhB,MAAA,GAAAN,SAAA,CAAAuB,IAAA,GAAAC,IAAA,CAAA,CAAA,CAEA,EACApC,SAAA,CACAY,SAAA,CAEA,EACAyB,OAAA,CAAA,CACA,CAAA,GAIAC,OAAA,+EAAA,CACAC,MAAA,EACAjB,QAAA,EACAkB,gBAAA,eACA,EACA,CACAD,MAAA,IACAjB,QAAA,EACAmB,QAAA,GACAD,gBAAA,eACA,CACA,EAEAE,KAAA,oBAAA,CACApB,QAAA,EACAV,SAAA,CACA,CAAA,EACA+B,SAAA,aAAA,EACA1B,GAAA,oBAAA,CACAK,QAAA,EACAV,SAAA,CACA,EAAA,KAAA,EAGAK,GAAA,+EAAA,CACAsB,MAAA,EAEAE,QAAA,GACAD,gBAAA,gBACA5B,SAAA,CACA,EAAA,GAAA,EAIAK,GAAA,gFAAA,CACAsB,MAAA,IAEAE,QAAA,GACAD,gBAAA,gBACA5B,SAAA,EACA,CAAA,EAGAK,GAAA,oBAAA,CACA2B,SAAA,KACAhC,SAAA,CACA,EAAA,KAAA,EAGAK,GAAA,cAAA,CACAO,SAAA,QACAX,KAAAgC,OAAAC,UACAlC,SAAA,EAEA,CAAA,EAEAK,GAAA,cAAA,CACAO,SAAA,QACAX,KAAAgC,OAAAC,UACAlC,SAAA,EAEA,EAAA,GAAA,EAEA8B,KAAA,mBAAA,CACApB,QAAA,EACAV,SAAA,CACA,CAAA,EACA+B,SAAA,YAAA,IAQA5B,EAAAd,KAAAU,SAAA,CACAX,SAAA,CACAY,SAAA,CAEA,EACAyB,OAAA,CAAA,CACA,CAAA,GAIApB,GAAArB,OAAA,CACAgB,SAAA,EACAO,SAAAV,CAAAA,GAAA,CAAAW,EAAA,eAAAC,QAAA,GAAA0B,SAAA,CAAA,CAAA,EACAlC,KAAA,eACAK,MAAA,CACA,EAAA,KAAA,EAEAoB,OAAA,+EAAA,CACAC,MAAA,EACAjB,QAAA,EACAkB,gBAAA,eACA,EACA,CACAD,MAAA,IACAjB,QAAA,EACAmB,QAAA,GACAD,gBAAA,eACA,CACA,EAEAE,KAAA,oBAAA,CACApB,QAAA,EACAV,SAAA,CACA,CAAA,EACA+B,SAAA,aAAA,EACA1B,GAAA,oBAAA,CACAK,QAAA,EACAV,SAAA,CACA,EAAA,KAAA,EAGAK,GAAA,+EAAA,CACAsB,MAAA,EAEAE,QAAA,GACAD,gBAAA,gBACA5B,SAAA,CACA,EAAA,GAAA,EAIAK,GAAA,gFAAA,CACAsB,MAAA,IAEAE,QAAA,GACAD,gBAAA,gBACA5B,SAAA,CACA,CAAA,EAGAK,GAAA,oBAAA,CACA2B,SAAA,KACAhC,SAAA,CACA,EAAA,KAAA,EAGAK,GAAA,cAAA,CACAO,SAAA,QACAX,KAAAgC,OAAAC,UACAlC,SAAA,EAEA,CAAA,EAEAK,GAAA,cAAA,CACAO,SAAA,QACAX,KAAAgC,OAAAC,UACAlC,SAAA,EAEA,EAAA,GAAA,EAEA8B,KAAA,mBAAA,CACApB,QAAA,EACAV,SAAA,CACA,CAAA,EACA+B,SAAA,YAAA,EACA1B,GAAArB,OAAA,CACAgB,SAAA,GACAO,SAAA,CACAC,EAAA,cACAC,QAAA,EACA,EACAR,KAAA,cACA,EAAA,MAAA,EAEAE,EAAAH,SAAA,EAAA,GAOAR,EASA4C,EAAA/C,KAAAgD,MAAAC,QAAA,yCAAA,EAGA7C,GACAJ,KAAAgB,GAAA+B,EAAA,CACAG,SAAA,CAAA,KAAAH,EAAAI,OAAA,GACAvC,KAAA,OACAe,cAAA,CACAC,QAAA,sBACAwB,IAAAjD,CAAAA,EAGA4B,MAAA,EACAC,KAAA7B,CAAAA,GAAA,CAAA8B,OAAA,GAAAc,EAAAI,OAAA,GAAAxC,SAAA,CAAAuB,IAAA,GAAAC,IAAA,CAAA,EAAAlB,MAAA,EAAA,EAEAa,IAAA,QACA,CACA,CAAA,EAIAzB,IAAAgD,EAAAC,SAAAC,eAAA,OAAA,EAGAvD,KAAAU,SAAA,CACAiB,cAAA,CACA6B,GAAA,eAGA3B,MAAA,aAEAD,QAAA,SAWA6B,SAAAC,GAAAA,EAAAC,SAAAN,EAAAO,KAAA,EAAAP,EAAAQ,MAAA,CAEA,EACA9D,SAAA,EAIA,CAAA,EAqDAC,KAAAU,SAAA,CACAiB,cAAA,CAEAC,QAAA,eAEAC,MAAA,UAEAE,MAAA,EACA,CACA,CAAA,EAWA+B,EAAA,+CAAA,EAAAC,KAAA,SAAAC,GACA3D,IAAA4D,EAAAH,EAAAI,IAAA,EACAC,EAAAL,EAAAI,IAAA,EAEAlE,KAAAU,SAAA,CACAiB,cAAA,CACA6B,GAAAS,EAAAG,KAAA,IAAA,EACAxC,QAAAqC,EAEApC,MAAA,SAGA,CACA,CAAA,EACAY,KAAA0B,EAAA,CACA9C,QAAA,CAGA,CAAA,CACA,CAAA,CAgHA,CAAA,CAGA","file":"arStatic23.min.js","sourcesContent":["// parallax scehe for header? https://codepen.io/GreenSock/pen/e785396ee2b11ab85d33b4bebdd4997f?editors=0010\r\n\r\n// Begin when all assets are loaded and ready\r\nwindow.addEventListener(\"load\", function () {\r\n    startAnimationArStatic();\r\n});\r\nstartAnimationArStatic = function () {\r\n\r\n    //set up scroll trigger - now registered in root site\r\n    //gsap.registerPlugin(ScrollTrigger);\r\n\r\n    ScrollTrigger.defaults({\r\n        //markers: true\r\n    });\r\n\r\n    //set up mobile detection\r\n    //can use one block for each or switch properties based on conditions\r\n    let mm = gsap.matchMedia();\r\n    mm.add({\r\n        isMobile: \"(max-width: 767px)\",\r\n        isDesktop: \"(min-width: 768px)\",\r\n    }, (context) => {\r\n\r\n        let { isMobile, isDesktop } = context.conditions;\r\n\r\n        //window.scrollY = 1000;\r\n        let hasScrolled = (window.scrollY == 0) ? false : true;\r\n        //console.log(\"hasScrolled\", hasScrolled);\r\n\r\n        // SLIDE COVER\r\n\r\n        // PRELOADER\r\n\r\n        let tlPreload = gsap.timeline({\r\n            defaults: {\r\n                duration: 0.6,\r\n                ease: \"power2.in\"\r\n            },\r\n            onComplete: function () {\r\n                //console.log('Preload complete');\r\n                //gsap.to(window, { duration: 2, scrollTo: { y: \"#slide-cover\", offsetY: 50 } });\r\n                //tlCover.to(window, {\r\n                //    duration: 5,\r\n                //    scrollTo: {\r\n                //        y: \"#slide-cover\",\r\n                //        offsetY: 0\r\n                //    },\r\n                //    ease: \"power2.inOut\"\r\n                //}, \"+=5\")\r\n                if (isMobile) {\r\n                    //start the animation as there is no scrolltrigger on mobile\r\n                    tlCover.resume();\r\n                }\r\n                else {\r\n                    //push window into scrolltrigger to start first snap\r\n                    //only if window is still at top of scroll pos, otherwise we might already be further down the page and get dragged backup\r\n                    if ((window.scrollY == 0)) {\r\n                        \r\n                        gsap\r\n                            .to(window, {\r\n                                duration: 1,\r\n                                delay: 1,\r\n                                scrollTo: {\r\n                                    y: \"#slide-cover\",\r\n                                    offsetY: -5\r\n                                },\r\n                                ease: \"power2.inOut\"\r\n                            });\r\n                    }\r\n                }\r\n            }\r\n        });\r\n\r\n        tlPreload\r\n            .to(\".preloader__spinner\", { duration: 1, opacity: 0 })\r\n            .to(\".preloader__text\", { duration: 0.5, opacity: 0 }, \"-=0.25\")\r\n            .to(\"#preloader\", { duration: 1, opacity: 0, display: \"none\" }, \"-=0.25\");\r\n\r\n        //starburst rotation\r\n        gsap.to(\"#starburst-inner\", 100, { rotation: \"360\", ease: Linear.easeNone, repeat: -1 });\r\n        gsap.to(\"#starburst-mid\", 130, { rotation: \"360\", ease: Linear.easeNone, repeat: -1 });\r\n        gsap.to(\"#starburst-outer\", 160, { rotation: \"360\", ease: Linear.easeNone, repeat: -1 });\r\n\r\n        //var tlRingInner = gsap.timeline({ paused: true, repeat: -1 });\r\n        //tlRingInner.to(\"#ring-inner\", 15, { rotation: \"+=360\", ease: Linear.easeNone });\r\n\r\n        //var tlRingOuter = gsap.timeline({ paused: true, repeat: -1 });\r\n        //tlRingOuter.to(\"#ring-outer\", 20, { rotation: \"+=360\", ease: Linear.easeNone });\r\n\r\n        //let triggerElement = $(this);\r\n        //let targetElement = $(\"#cefc-starburst\");\r\n\r\n        let tlCover;\r\n\r\n        if (isDesktop) {\r\n\r\n            tlCover = gsap.timeline({\r\n                scrollTrigger: {\r\n                    //id: triggerElement.attr('id'),\r\n                    trigger: \"#slide-cover\",\r\n                    // trigger element - viewport\r\n                    start: \"1 top\",\r\n                    end: \"75% bottom\",\r\n                    scrub: 1,\r\n                    snap: { snapTo: \"labelsDirectional\", delay: 0.1, duration: { min: 0.2, max: 2 } },\r\n                    //markers: true\r\n                },\r\n                defaults: {\r\n                    duration: 1,\r\n                    //ease: \"power2.in\"\r\n                },\r\n                paused: true\r\n            });\r\n\r\n            tlCover\r\n                //starburst in\r\n                .fromTo(\"#ring-inner, #ring-outer, #starburst-inner, #starburst-mid, #starburst-outer\", {\r\n                    scale: 0,\r\n                    opacity: 0,\r\n                    transformOrigin: \"center center\"\r\n                },\r\n                    {\r\n                        scale: 0.95,\r\n                        opacity: 1,\r\n                        stagger: 0.5,\r\n                        transformOrigin: \"center center\"\r\n                    }\r\n                )\r\n\r\n                .from(\"#text-new-capital\", {\r\n                    opacity: 0,\r\n                    duration: 5\r\n                })\r\n                .addLabel(\"new capital\")\r\n                .to(\"#text-new-capital\", {\r\n                    opacity: 0,\r\n                    duration: 5\r\n                }, \"+=5\")\r\n\r\n                //.addLabel(\"starburst bounce up\")\r\n                .to(\"#starburst-inner, #starburst-mid, #starburst-outer, #ring-inner, #ring-outer\", {\r\n                    scale: 1,\r\n                    //opacity: 0,\r\n                    stagger: 0.1,\r\n                    transformOrigin: \"center center\",\r\n                    duration: 5\r\n                }, \"<\")\r\n\r\n\r\n                //.addLabel(\"starburst bounce down\")\r\n                .to(\"#ring-inner, #ring-outer,  #starburst-inner, #starburst-mid, #starburst-outer\", {\r\n                    scale: 0.95,\r\n                    //opacity: 0,\r\n                    stagger: 0.1,\r\n                    transformOrigin: \"center center\",\r\n                    duration: 20\r\n                })\r\n\r\n                //.addLabel(\"background tunnel out\")\r\n                .to(\"#background-frame\", {\r\n                    \"--clip\": \"0%\",\r\n                    duration: 8\r\n                }, \"-=5\")\r\n\r\n                //.addLabel(\"ring transition\")\r\n                .to(\"#ring-inner\", {\r\n                    rotation: \"+=520\",\r\n                    ease: Power4.easeInOut,\r\n                    duration: 15,\r\n                    //onComplete: tlRingInner.to(\"#ring-inner\", 15, { rotation: \"+=360\", ease: Linear.easeNone }),\r\n                })\r\n\r\n                .to(\"#ring-outer\", {\r\n                    rotation: \"+=380\",\r\n                    ease: Power4.easeInOut,\r\n                    duration: 10,\r\n                    //onComplete: tlRingOuter.play(),\r\n                }, \"<\")\r\n\r\n                .from(\"#text-allocation\", {\r\n                    opacity: 0,\r\n                    duration: 3,\r\n                })\r\n                .addLabel(\"allocation\")\r\n                ;\r\n\r\n\r\n        } else {\r\n\r\n            //isMobile\r\n\r\n            tlCover = gsap.timeline({\r\n                defaults: {\r\n                    duration: 1,\r\n                    //ease: \"power2.in\"\r\n                },\r\n                paused: true\r\n            });\r\n            //console.log(window.scrollY == 0);\r\n            //console.log(hasScrolled);\r\n            tlCover\r\n                .to(window, {\r\n                    duration: 5,\r\n                    scrollTo: !hasScrolled ? { y: \"#slide-cover\", offsetY: 56, autoKill: true } : false,\r\n                    ease: \"power2.inOut\",\r\n                    delay: 1\r\n                }, \"+=5\")\r\n                //starburst in\r\n                .fromTo(\"#ring-inner, #ring-outer, #starburst-inner, #starburst-mid, #starburst-outer\", {\r\n                    scale: 0,\r\n                    opacity: 0,\r\n                    transformOrigin: \"center center\"\r\n                },\r\n                    {\r\n                        scale: 0.95,\r\n                        opacity: 1,\r\n                        stagger: 0.5,\r\n                        transformOrigin: \"center center\"\r\n                    }\r\n                )\r\n\r\n                .from(\"#text-new-capital\", {\r\n                    opacity: 0,\r\n                    duration: 5\r\n                })\r\n                .addLabel(\"new capital\")\r\n                .to(\"#text-new-capital\", {\r\n                    opacity: 0,\r\n                    duration: 5\r\n                }, \"+=5\")\r\n\r\n                //.addLabel(\"starburst bounce up\")\r\n                .to(\"#starburst-inner, #starburst-mid, #starburst-outer, #ring-inner, #ring-outer\", {\r\n                    scale: 1,\r\n                    //opacity: 0,\r\n                    stagger: 0.1,\r\n                    transformOrigin: \"center center\",\r\n                    duration: 5\r\n                }, \"<\")\r\n\r\n\r\n                //.addLabel(\"starburst bounce down\")\r\n                .to(\"#ring-inner, #ring-outer,  #starburst-inner, #starburst-mid, #starburst-outer\", {\r\n                    scale: 0.95,\r\n                    //opacity: 0,\r\n                    stagger: 0.1,\r\n                    transformOrigin: \"center center\",\r\n                    duration: 5\r\n                })\r\n\r\n                //.addLabel(\"background tunnel out\")\r\n                .to(\"#background-frame\", {\r\n                    \"--clip\": \"0%\",\r\n                    duration: 8\r\n                }, \"-=5\")\r\n\r\n                //.addLabel(\"ring transition\")\r\n                .to(\"#ring-inner\", {\r\n                    rotation: \"+=520\",\r\n                    ease: Power4.easeInOut,\r\n                    duration: 15,\r\n                    //onComplete: tlRingInner.to(\"#ring-inner\", 15, { rotation: \"+=360\", ease: Linear.easeNone }),\r\n                })\r\n\r\n                .to(\"#ring-outer\", {\r\n                    rotation: \"+=380\",\r\n                    ease: Power4.easeInOut,\r\n                    duration: 10,\r\n                    //onComplete: tlRingOuter.play(),\r\n                }, \"<\")\r\n\r\n                .from(\"#text-allocation\", {\r\n                    opacity: 0,\r\n                    duration: 3,\r\n                })\r\n                .addLabel(\"allocation\")\r\n                .to(window, {\r\n                    duration: 10,\r\n                    scrollTo: {\r\n                        y: \"#intro-text\",\r\n                        offsetY: 50\r\n                    },\r\n                    ease: \"power2.inOut\"\r\n                }, \"+=10\");\r\n\r\n            tlCover.duration(10);\r\n\r\n        }\r\n\r\n\r\n        \r\n\r\n        if (isMobile) {\r\n            //accellerate on mobile\r\n            \r\n        }\r\n\r\n        \r\n\r\n\r\n        //SLIDE TRANSACTIONS\r\n        let transactionSections = gsap.utils.toArray(\"#transaction-carousel .horizontal-slide\");\r\n\r\n        //mobile only\r\n        if (isDesktop) {\r\n            gsap.to(transactionSections, {\r\n                xPercent: -100 * (transactionSections.length - 1),\r\n                ease: \"none\",\r\n                scrollTrigger: {\r\n                    trigger: \"#slide-transactions\",\r\n                    pin: isMobile ? false : true,\r\n                    //pinSpacing: false\r\n                    //pinSpacing: \"margin\",\r\n                    scrub: 1,\r\n                    snap: isMobile ? false : { snapTo: 1 / (transactionSections.length - 1), duration: { min: 0.2, max: 1 }, delay: 0.1, },\r\n                    // base vertical scrolling on how wide the container is so it feels more natural.\r\n                    end: \"+=3500\",\r\n                }\r\n            });\r\n        }\r\n\r\n        //SLIDE VIDEO\r\n        let video = document.getElementById(\"video\");\r\n        //let triggerElement = $(this);\r\n        //let targetElement = $(\"#cefc-starburst\");\r\n        let tlVideo = gsap.timeline({\r\n            scrollTrigger: {\r\n                id: 'video player',\r\n                //trigger: triggerElement,\r\n                // trigger element - viewport\r\n                start: \"10% bottom\",\r\n                //end: \"top top\",\r\n                trigger: \"#video\",\r\n                //endTrigger: \"#video-end-trigger\",\r\n                //scrub: 1,\r\n                //onEnter: () => {\r\n                //    video.play();\r\n                //    console.log(\"play\");\r\n                //},\r\n                //onLeave: () => {\r\n                //    video.pause();\r\n                //    console.log(\"pause\");\r\n                //},\r\n                onToggle: self => self.isActive ? video.play() : video.pause(),\r\n                //markers: true\r\n            },\r\n            defaults: {\r\n                //duration: 1,\r\n                //ease: \"power2.in\"\r\n            }\r\n        });\r\n\r\n        //let video = document.getElementById(\"video\");\r\n        //let triggerElement = $(this);\r\n        //let targetElement = $(\"#cefc-starburst\");\r\n        //let tlVideoForeground = gsap.timeline({\r\n        //    scrollTrigger: {\r\n        //        //id: triggerElement.attr('id'),\r\n        //        trigger: video,\r\n        //        // trigger element - viewport\r\n        //        start: \"top center\",\r\n        //        //end: \"90% bottom\",\r\n        //        //scrub: 1,\r\n        //        //markers: true\r\n        //    },\r\n        //    defaults: {\r\n        //        duration: 0.5,\r\n        //        //ease: \"power2.in\"\r\n        //    }\r\n        //});\r\n        //tlVideoForeground\r\n        //    //starburst in\r\n        //    .fromTo(\"#video-text-new-capital\", {\r\n        //        scale: 0,\r\n        //        opacity: 0,\r\n        //        transformOrigin: \"center center\"\r\n        //    },\r\n        //        {\r\n        //            scale: 0.95,\r\n        //            opacity: 1,\r\n        //            stagger: 0.5,\r\n        //            transformOrigin: \"center center\"\r\n        //        }\r\n        //    )\r\n        //    .fromTo(\"#video-text-allocation\", {\r\n        //        scale: 0,\r\n        //        opacity: 0,\r\n        //        transformOrigin: \"center center\"\r\n        //    },\r\n        //        {\r\n        //            scale: 0.95,\r\n        //            opacity: 1,\r\n        //            stagger: 0.5,\r\n        //            transformOrigin: \"center center\"\r\n        //        }\r\n        //    );\r\n\r\n\r\n        // SLIDE CHAIR\r\n\r\n        //let triggerElement = $(this);\r\n        //let targetElement = $(\"#slide-chair .pinned-background\");\r\n\r\n        let tlChair = gsap.timeline({\r\n            scrollTrigger: {\r\n                //id: triggerElement.attr('id'),\r\n                trigger: \"#slide-chair\",\r\n                // trigger element - viewport\r\n                start: \"top 80%\",\r\n                //end: \"20%\",\r\n                scrub: 10\r\n            }\r\n        });\r\n        //tlChair.from(\"#slide-chair .pinned-background\", {\r\n        //    rotate: -40,\r\n        //    //opacity: 0,\r\n        //    //duration: 1\r\n\r\n        //});\r\n\r\n\r\n        \r\n        //side images\r\n        $(\".ar-side-image-variant-block__image-container\").each(function (index) {\r\n            let triggerElement = $(this);\r\n            let targetElement = $(this);;\r\n\r\n            let tl = gsap.timeline({\r\n                scrollTrigger: {\r\n                    id: triggerElement.attr('id'),\r\n                    trigger: triggerElement,\r\n                    // trigger element - viewport\r\n                    start: \"top 80%\",\r\n                    //end: \"20%\",\r\n                    //scrub: 10\r\n                }\r\n            });\r\n            tl.from(targetElement, {\r\n                opacity: 0,\r\n                //duration: 1\r\n\r\n            });\r\n        });\r\n\r\n\r\n        //SLIDE DOWNLOAD\r\n\r\n        //consider smoothscroll\r\n\r\n        //https://codepen.io/GreenSock/pen/QWjjYEw\r\n\r\n\r\n        //OLD\r\n\r\n        // facts\r\n        //$(\"#pine-numbers-block\").each(function (index) {\r\n        //    let triggerElement = $(this);\r\n        //    let targetElement = $(\".ar-facts-block__facts-container\");\r\n\r\n        //    let tl = gsap.timeline({\r\n        //        scrollTrigger: {\r\n        //            id: triggerElement.attr('id'),\r\n        //            trigger: triggerElement,\r\n        //            // trigger element - viewport\r\n        //            start: \"20% top\",\r\n        //            end: \"20%\",\r\n        //            scrub: 1\r\n        //        }\r\n        //    });\r\n        //    tl.from(targetElement, {\r\n        //        y: \"200px\",\r\n        //        opacity: 0,\r\n        //        //duration: 1\r\n\r\n        //    });\r\n        //});\r\n\r\n\r\n        // pinned background\r\n        //$(\"#pine-numbers-block\").each(function (index) {\r\n        //    let triggerElement = $(this);\r\n        //    let targetElement = $(\".pinned-background\");\r\n\r\n        //    let tl = gsap.timeline({\r\n        //        scrollTrigger: {\r\n        //            id: triggerElement.attr('id'),\r\n        //            trigger: triggerElement,\r\n        //            // trigger element - viewport\r\n        //            start: \"top 80%\",\r\n        //            //end: \"20%\",\r\n        //            scrub: 10\r\n        //        }\r\n        //    });\r\n        //    tl.from(targetElement, {\r\n        //        rotate: -40,\r\n        //        //opacity: 0,\r\n        //        //duration: 1\r\n\r\n        //    });\r\n        //});\r\n\r\n\r\n        // white figure\r\n        //$(\"#white-figure-block\").each(function (index) {\r\n        //    let triggerElement = $(this);\r\n        //    let targetElement = $(\"#white-figure-block-svg\");\r\n\r\n        //    let tl = gsap.timeline({\r\n        //        scrollTrigger: {\r\n        //            id: triggerElement.attr('id'),\r\n        //            trigger: triggerElement,\r\n        //            // trigger element - viewport\r\n        //            start: \"20% top\",\r\n        //            end: \"20%\",\r\n        //            scrub: 1\r\n        //        }\r\n        //    });\r\n        //    tl.from(targetElement, {\r\n        //        x: isMobile ? 0 : \"-100%\",\r\n        //        opacity: 0,\r\n        //        //duration: 15\r\n        //    })\r\n        //});\r\n\r\n\r\n        // Multicolour\r\n        //$(\"#multi-colour\").each(function (index) {\r\n        //    let triggerElement = $(this);\r\n        //    let targetElement = $(\"#multi-colour\");\r\n\r\n        //    let tl = gsap.timeline({\r\n        //        scrollTrigger: {\r\n        //            id: triggerElement.attr('id'),\r\n        //            trigger: triggerElement,\r\n        //            // trigger element - viewport\r\n        //            start: \"20% top\",\r\n        //            end: \"top top\",\r\n        //            scrub: 1\r\n        //        }\r\n        //    });\r\n        //    tl.fromTo(targetElement, {\r\n        //        //width: \"50%\",\r\n        //        backgroundColor: \"#f4f0ed\"\r\n        //    },\r\n        //        {\r\n        //            //width: \"100%\",\r\n        //            backgroundColor: \"#014846\",\r\n        //            color: \"#ffffff\",\r\n        //            //duration: 100\r\n        //        }\r\n        //    );\r\n        //});\r\n\r\n\r\n    });\r\n\r\n\r\n}\r\n\r\n//$(function(){\r\n    // loads when dom is ready, not window (all assets)\r\n//});"]}