!function(){var e={489:function(){window.store=window.store||{},store={}}},t={};function o(s){var i=t[s];if(void 0!==i)return i.exports;var n=t[s]={exports:{}};return e[s](n,n.exports,o),n.exports}!function(){"use strict";const e=navigator.userAgent,t=navigator.platform,s=/Trident/.test(e)||/msie/i.test(e),i=/Edg/.test(e),n=/Chrome/.test(e),a=!i&&!n&&/Safari/.test(e),r=(/Win/.test(t),/iPad/.test(e)||/Macintosh/.test(e)&&"ontouchend"in document),l=/iPad|iPhone|iPod/.test(e)&&!window.MSStream,c=/Android/i.test(e),d=l&&!r||c;("ontouchstart"in document.documentElement||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0)&&e.match(/iPhone|Android.+Mobile/),o(489);let h=!1;try{const e=Object.defineProperty({},"passive",{get(){h=!0}});window.addEventListener("testPassive",null,e),window.removeEventListener("testPassive",null,e)}catch(e){h=!1}var m=!!h&&{passive:!0};const p=window.matchMedia("screen and (max-width: 767px)");class u{constructor(){this.dom={$ele:document.querySelectorAll("[data-hover-line]")},this.state={hover:[],motion:[]},this.init()}init(){if(d||r)return;let e=0;for(;e<this.dom.$ele.length;){this.state.hover[e]=!1,this.state.motion[e]=!1;const t=e;this.dom.$ele[e].addEventListener("mousemove",(e=>{p.matches||this.state.motion[t]||this.state.hover[t]||(this.state.hover[t]=!0,this.show({no:t,$line:this.dom.$ele[t].querySelector("[data-hover-line-obj]")}))}),m),this.dom.$ele[e].addEventListener("mouseleave",(e=>{this.state.hover[t]&&(this.state.hover[t]=!1,this.state.motion[t]||this.out({no:t,$line:this.dom.$ele[t].querySelector("[data-hover-line-obj]")}))}),m),e+=1}}show(e){this.state.motion[e.no]=!0,gsap.killTweensOf(e.$line,{x:!0}),gsap.to(e.$line,{x:"110%",duration:.75,ease:"expo.out",delay:e.delay,onStart:()=>{e.start&&e.start()},onComplete:()=>{e.comp&&e.comp(),this.state.motion[e.no]=!1,this.state.hover[e.no]||this.out({no:e.no,$line:e.$line})}})}out(e){gsap.killTweensOf(e.$line,{x:!0}),gsap.fromTo(e.$line,{x:"-110%"},{x:"0%",duration:.75,ease:"expo.out",delay:e.delay,onComplete:()=>{e.comp&&e.comp()}})}}const v=window.matchMedia("screen and (max-width: 767px)");class g{constructor(){this.dom={$ele:document.querySelectorAll("[data-hover-banner]")},this.state={hover:[],motion:[]},this.init()}init(){if(d||r)return;let e=0;for(;e<this.dom.$ele.length;){this.state.hover[e]=!1,this.state.motion[e]=!1;const t=e;gsap.set(this.dom.$ele[t].querySelectorAll("[data-hover-banner-panel]"),{opacity:0}),this.dom.$ele[e].addEventListener("mousemove",(e=>{v.matches||this.state.motion[t]||this.state.hover[t]||(this.state.hover[t]=!0,this.show({no:t,$panel:this.dom.$ele[t].querySelectorAll("[data-hover-banner-panel]")}))}),m),this.dom.$ele[e].addEventListener("mouseleave",(e=>{this.state.hover[t]&&(this.state.hover[t]=!1,this.state.motion[t]||this.out({no:t,$panel:this.dom.$ele[t].querySelectorAll("[data-hover-banner-panel]")}))}),m),e+=1}}show(e){this.state.motion[e.no]=!0,this.dom.$ele[e.no].classList.add("-hover"),gsap.killTweensOf(e.$panel,{opacity:!0}),gsap.to(e.$panel,{opacity:1,duration:.4,ease:"expo.out",onStart:()=>{e.start&&e.start()},onComplete:()=>{e.comp&&e.comp(),this.state.motion[e.no]=!1,this.state.hover[e.no]||this.out({no:e.no,$panel:e.$panel})}})}out(e){this.dom.$ele[e.no].classList.remove("-hover"),gsap.killTweensOf(e.$panel,{opacity:!0}),gsap.to(e.$panel,{opacity:0,duration:.3,ease:"expo.out",onComplete:()=>{e.comp&&e.comp()}})}}const y=window.matchMedia("screen and (max-width: 767px)");class ${constructor(){this.dom={$ele:document.querySelectorAll(".p-speedio-list-item")},this.state={hover:[],motion:[]},this.init()}init(){let e=0;for(;e<this.dom.$ele.length;){if(this.dom.$ele[e].querySelector(".coverBtn")){this.state.hover[e]=!1,this.state.motion[e]=!1;const t=e;gsap.set(this.dom.$ele[t].querySelector(".cover"),{opacity:0}),gsap.set(this.dom.$ele[t].querySelector(".cover-info-name"),{y:20,opacity:0}),gsap.set(this.dom.$ele[t].querySelector(".cover-info-text"),{y:20,opacity:0}),gsap.set(this.dom.$ele[t].querySelector(".cover-info-button"),{y:20,opacity:0}),d||r||(this.dom.$ele[e].addEventListener("mousemove",(e=>{y.matches||this.state.motion[t]||this.state.hover[t]||(this.state.hover[t]=!0,this.show({no:t,$text:[this.dom.$ele[t].querySelector(".cover-info-name"),this.dom.$ele[t].querySelector(".cover-info-text"),this.dom.$ele[t].querySelector(".cover-button")],$line:this.dom.$ele[t].querySelector(".cover")}))}),m),this.dom.$ele[e].addEventListener("mouseleave",(e=>{y.matches||this.state.hover[t]&&(this.state.hover[t]=!1,this.state.motion[t]||this.out({no:t,$text:[this.dom.$ele[t].querySelector(".cover-info-name"),this.dom.$ele[t].querySelector(".cover-info-text"),this.dom.$ele[t].querySelector(".cover-button")],$line:this.dom.$ele[t].querySelector(".cover")}))}),m)),this.dom.$ele[e].querySelector(".coverBtn").addEventListener("click",(e=>{this.state.motion[t]||this.state.hover[t]||(this.state.hover[t]=!0,this.show({no:t,$text:[this.dom.$ele[t].querySelector(".cover-info-name"),this.dom.$ele[t].querySelector(".cover-info-text"),this.dom.$ele[t].querySelector(".cover-button")],$line:this.dom.$ele[t].querySelector(".cover")}))}),m),this.dom.$ele[e].querySelector(".cover-close").addEventListener("click",(e=>{this.state.hover[t]&&(this.state.hover[t]=!1,this.state.motion[t]||this.out({no:t,$text:[this.dom.$ele[t].querySelector(".cover-info-name"),this.dom.$ele[t].querySelector(".cover-info-text"),this.dom.$ele[t].querySelector(".cover-button")],$line:this.dom.$ele[t].querySelector(".cover")}))}),m)}e+=1}}show(e){this.state.motion[e.no]=!0,e.$line.classList.add("-view"),gsap.killTweensOf(e.$line,{opacity:!0}),gsap.fromTo(e.$line,{opacity:0},{opacity:1,duration:.75,ease:"expo.out",delay:e.delay,onStart:()=>{e.start&&e.start()},onComplete:()=>{e.comp&&e.comp(),this.state.motion[e.no]=!1,this.state.hover[e.no]||this.out({no:e.no,$line:e.$line})}}),gsap.killTweensOf(e.$text,{y:!0,opacity:!0}),gsap.fromTo(e.$text,{y:20,opacity:0},{y:0,opacity:1,duration:.6,ease:"power2.out",stagger:.05})}out(e){gsap.killTweensOf(e.$line,{opacity:!0}),gsap.to(e.$line,{opacity:0,duration:.75,ease:"expo.out",delay:e.delay,onComplete:()=>{e.$line.classList.remove("-view"),e.comp&&e.comp()}}),gsap.killTweensOf(e.$text,{y:!0,opacity:!0}),gsap.to(e.$text,{y:-20,opacity:0,duration:.6,ease:"power2.out",stagger:.05})}}const w=window.matchMedia("screen and (max-width: 840px)");class f{constructor(){this.dom={$target:document.querySelector(".c-spOrientalAlert")},this.state={show:!1,orientation:null},this._orientation(),window.addEventListener("orientationchange",(()=>{this._orientation()}))}_orientation(){0===window.orientation?(this.state.orientation="tate",this.state.show&&(this.state.show=!1,this.dom.$target.style.display="none")):(this.state.orientation="yoko",this.state.show||(this.state.show=!0,d&&w.matches&&(this.dom.$target.style.display="block")))}}class S{constructor(){this.TopResize(),this.TechnologyImg(),this.Top_Scrolldown(),this.lineupMv(),this.PerformanceMachine()}TopResize(){const e=document.getElementsByTagName("header"),t=document.getElementsByClassName("p-environment-section-top")[0],o=document.getElementById("cphMain_breadcrumbs_0_pnlBreadcrumbs"),s="calc(100vh - "+(window.innerWidth<=1007?e[0].clientHeight:e[0].clientHeight+o.clientHeight)+"px)";t.style.height=s}Top_Bg(){gsap.to(".img-bg",{y:-100,scrollTrigger:{trigger:".p-environment-section-top",start:"top 10%",end:"bottom top",scrub:.7}})}Top_Scrolldown(){gsap.to(document.querySelector(".scrolldown"),{opacity:1,duration:.3,delay:.5,ease:"power2.out",onComplete:()=>{gsap.to(document.querySelector(".scrolldown .line_inner"),{y:"0%",opacity:1,duration:.6,ease:"expo.out",onComplete:()=>{document.querySelector(".scrolldown .line-color").classList.add("-show")}})}})}PerformanceMachine(){gsap.to(".performance-img-wrapper",{opacity:1,transform:"scale(1)",ease:Power3.easeOut,duration:2,scrollTrigger:{trigger:".p-environment-performance",start:"top 90%"}})}TechnologyImg(){gsap.utils.toArray(".img-cover").forEach((e=>{gsap.timeline({scrollTrigger:{trigger:e,start:"top 70%",toggleActions:"play none none"}}).addLabel("start").to(e,{transform:"scale(1,1)",duration:.4,ease:Power3.easeIn}).to(e,{transformOrigin:"left center",duration:0}).to(e,{transform:"scale(0,1)",duration:.7,ease:Power3.easeOut})})),gsap.utils.toArray(".img-content").forEach((e=>{gsap.timeline({scrollTrigger:{trigger:e,start:"top 70%",toggleActions:"play none none"}}).addLabel("start").to(e,{opacity:"1",delay:.4,duration:0})}))}lineupMv(){gsap.to(".lineup-mv",{y:"-50px",scrollTrigger:{trigger:".lineup-title",start:"top bottom",end:"bottom center",toggleActions:"play none none",scrub:1}})}Speedio_screenLeft(){gsap.to(".speedio-left-bg",{transform:"scale(110%)",scrollTrigger:{trigger:".p-environment-speedio",start:"top bottom",end:"bottom top",toggleActions:"play none none reverse",scrub:.5}})}}d?document.documentElement.classList.add("-mobile"):document.documentElement.classList.add("-noMobile"),i&&document.documentElement.classList.add("-edge"),s&&document.documentElement.classList.add("-ie"),a&&document.documentElement.classList.add("-safari"),c&&document.documentElement.classList.add("-android"),r&&document.documentElement.classList.add("-ipad"),window.addEventListener("load",(()=>{new S,new g,new u,new $,new f}))}()}();