!function(){var e={489:function(){window.store=window.store||{},store={}}},t={};function o(i){var a=t[i];if(void 0!==a)return a.exports;var s=t[i]={exports:{}};return e[i](s,s.exports,o),s.exports}!function(){"use strict";const e=navigator.userAgent,t=navigator.platform,i=/Trident/.test(e)||/msie/i.test(e),a=/Edg/.test(e),s=/Chrome/.test(e),n=!a&&!s&&/Safari/.test(e),r=(/Win/.test(t),/iPad/.test(e)||/Macintosh/.test(e)&&"ontouchend"in document),l=/iPad|iPhone|iPod/.test(e)&&!window.MSStream,d=/Android/i.test(e),c=l&&!r||d;("ontouchstart"in document.documentElement||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0)&&e.match(/iPhone|Android.+Mobile/),o(489);class p{constructor(){this.dom={$ele:[],$panel:[]},this.state={defaultColor:null,accentColor:null,duration:null}}init(e){const t=Array.from(e.$ele.textContent);let o=0;for(e.$ele.textContent="";o<t.length;){const i=t[o];e.$ele.insertAdjacentHTML("beforeend","<div>"+i+'<div class="panel"></div></div>'),o+=1}for(this.dom.$ele=e.$ele.children,o=0;o<this.dom.$ele.length;)this.dom.$panel.push(this.dom.$ele[o].querySelector(".panel")),o+=1}set(){gsap.set(this.dom.$ele,{y:"110%"})}show(e){gsap.to(this.dom.$ele,{y:"0%",ease:"expo.out",duration:.6,delay:e.delay+.1,stagger:.04}),gsap.to(this.dom.$panel,{backgroundColor:"#fff",ease:"power2.out",duration:.6,delay:e.delay+.2,stagger:.01}),gsap.to(this.dom.$panel,{y:"-110%",ease:"expo.out",duration:.6,delay:e.delay+.2,stagger:.04}),gsap.to(this.dom.$ele,{rotateY:"0deg",rotateX:"0deg",ease:"expo.out",duration:1,delay:e.delay,stagger:.04})}out(){gsap.to(this.dom.$ele,{y:"-110%",ease:"expo.inout",stagger:.02})}}class h{constructor(){this.dom={$wrap:document.querySelector(".t-loader"),$line:document.querySelectorAll(".t-loader .line"),$panelFirst:document.querySelectorAll(".t-loader .panel.-first .panel-child"),$panelSecond:document.querySelectorAll(".t-loader .panel.-second .panel-child"),$logo:document.querySelector(".logo-always")},this.mot={splitText:new p,onMotion:[]}}init(){gsap.set(this.dom.$line,{y:"110%"}),this.mot.splitText.init({$ele:this.dom.$wrap.querySelector(".text")}),gsap.set(document.querySelector(".st-wrapper"),{width:"100%",position:"fixed"})}done(e){location.href;const t=location.host;-1!==document.referrer.indexOf(t)&&sessionStorage.removeItem("visied"),sessionStorage.getItem("visied"),setTimeout((()=>{this.mot.splitText.out(),gsap.to(document.querySelector(".t-loader-content .illust"),{opacity:0,ease:"power2.out",duration:.4}),this.dom.$wrap.classList.remove("-loading"),gsap.set(document.querySelector(".st-wrapper"),{width:null,position:null}),gsap.to(this.dom.$line,{y:"0%",opacity:.2,ease:"expo.inout",duration:.4,stagger:.05,onComplete:()=>{let e=0;for(;e<this.mot.onMotion.length;)this.mot.onMotion[e](),e+=1;gsap.to([this.dom.$line,this.dom.$panelFirst],{y:"-110%",duration:.4,ease:"expo.inout",stagger:.05,onComplete:()=>{}}),gsap.to(this.dom.$panelSecond,{y:"-110%",duration:.4,delay:.2,ease:"expo.inout",stagger:.05,onComplete:()=>{}})}})}),200)}onMotion(e){this.mot.onMotion.push(e)}}let u=!1;try{const e=Object.defineProperty({},"passive",{get(){u=!0}});window.addEventListener("testPassive",null,e),window.removeEventListener("testPassive",null,e)}catch(e){u=!1}var m=!!u&&{passive:!0};const g=window.matchMedia("screen and (max-width: 767px)");class y{constructor(){this.dom={$ele:document.querySelectorAll("[data-hover-line]")},this.state={hover:[],motion:[]},this.init()}init(){if(c||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=>{g.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 w=window.matchMedia("screen and (max-width: 767px)");class ${constructor(){this.dom={$ele:document.querySelectorAll("[data-hover-banner]")},this.state={hover:[],motion:[]},this.init()}init(){if(c||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=>{w.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 S=window.matchMedia("screen and (max-width: 767px)");class v{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}),c||r||(this.dom.$ele[e].addEventListener("mousemove",(e=>{S.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=>{S.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 b=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,c&&b.matches&&(this.dom.$target.style.display="block")))}}class q{constructor(){this.dom={$kvCopy:document.querySelector(".p-speedio-topview .copy"),$movie:document.querySelector(".p-speedio-topview .top-movie")},this.mot={},gsap.set(this.dom.$movie,{scale:1.6}),gsap.set(document.querySelector(".scrolldown"),{opacity:0}),gsap.set(document.querySelector(".scrolldown .line_inner"),{opacity:0,y:"-110%"}),store.isLoad.onMotion((()=>{this.start()}))}start(){gsap.to(this.dom.$kvCopy.querySelectorAll(".panel-child"),{backgroundColor:"#fff",ease:"power2.out",duration:.4,delay:.3,stagger:.01}),gsap.to(this.dom.$kvCopy.querySelectorAll(".panel-child"),{y:"-110%",ease:"expo.out",duration:.4,delay:.3,stagger:.02,onComplete:()=>{}}),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")}})}}),gsap.to(this.dom.$movie,{scale:1,duration:4,ease:"expo.out"})}}class x{constructor(){this.dom={$copy:document.querySelector(".p-speedio-topview .copy"),$video:document.querySelector(".p-speedio-topview .top-movie")},store.isLoad.onMotion((()=>{this.start()}))}start(){this.dom.$video.play(),gsap.to(this.dom.$copy,{opacity:0,ease:"power2.out",duration:.3,delay:4.5})}reset(){this.dom.$video.pause(),this.dom.$video.currentTime=0,gsap.killTweensOf(this.dom.$copy,{opacity:!0}),gsap.set(this.dom.$copy,{opacity:1})}}function T(e,t){return Math.random()*(t-e)+e}class M{constructor(){this.dom={$aboutLine:document.querySelectorAll(".p-speedio-about .bg-line .line-color")},this.method={repeatMotion:[]};let e=0;for(;e<this.dom.$aboutLine.length;)this.method.repeatMotion[e]=gsap.timeline({repeat:-1,delay:T(1,3)*e,repeatDelay:T(1,3)*e}),this.method.repeatMotion[e].fromTo(this.dom.$aboutLine[e],{y:"-50vh"},{y:"150vh",ease:"expo.out",duration:3}),e+=1}start(){let e=0;for(;e<this.dom.$aboutLine.length;)this.method.repeatMotion[e].play(),e+=1}reset(){let e=0;for(;e<this.dom.$aboutLine.length;)this.method.repeatMotion[e].paused(),e+=1;gsap.set(this.dom.$aboutLine,{y:"-50vh"})}}class L{constructor(e){this.dom={$ele:e.$ele,$path:[]},this.state={defStrokeDashoffset:[]};let t=0;for(;t<this.dom.$ele.length;)this._set(this.dom.$ele[t]),t+=1}_set(e){const t=e,o=t.getTotalLength();t.style.strokeDasharray=o+" "+o,t.style.strokeDashoffset=o,this.state.defStrokeDashoffset.push(o),this.dom.$path.push(t)}show(e){gsap.to(this.dom.$path,{strokeDashoffset:0,duration:3,stagger:.2,ease:"power3.inOut",onComplete:()=>{}})}out(){gsap.killTweensOf(this.dom.$path,{strokeDashoffset:!0});let e=0;for(;e<this.state.defStrokeDashoffset.length;)this.dom.$path[e].style.strokeDashoffset=this.state.defStrokeDashoffset[e],e+=1}}const k=[];let _=k.length;class A{constructor(){var e;this.dom={$headerName:document.querySelector(".p-speedio-header .name"),$mainVisualMovie:document.querySelector(".p-speedio-topview .top-movie"),$mainVisualCover:document.querySelectorAll(".p-speedio-topview .cover-panel .panel"),$machine:document.querySelector(".p-speedio-about .machine"),$machineLight:document.querySelector(".p-speedio-about .machine .machine-base-img.light"),$machineUnder:document.querySelector(".p-speedio-about .machine .machine-base-img.under"),$aboutBg:document.querySelector(".p-speedio-about-bg"),$aboutBgLine:document.querySelector(".machine-wrapper .bg-line"),$aboutBgLineItem:document.querySelectorAll(".machine-wrapper .bg-line .line"),$aboutBgPanel:document.querySelectorAll(".machine-wrapper .bg-panel .panel-color"),$aboutCopy:document.querySelector(".p-speedio-about .about-text.copy"),$bgLogoFix:document.querySelector(".p-speedio-bg-logo")},this.state={window:{height:window.innerHeight}},this.method={svgPathMotion:new L({$ele:document.querySelectorAll(".p-speedio-bg-logo .logo-fix path")}),mainVisualVideo:new x,aboutBgLoopLine:new M},new q,this._scrollTriggerInit(),this._resize(),e=()=>{this._resize()},k.push(e),_=k.length,document.querySelector(".st-backToTopFixed").addEventListener("click",(()=>{gsap.to(window,{scrollTo:{y:0,autoKill:!1},duration:.5,onComplete:()=>{gsap.delayedCall(1,(()=>{this._motionReset()}))}})}))}_scrollTriggerInit(){ScrollTrigger.create({trigger:".p-speedio-topview",start:"top top",end:"bottom center",pin:!0,pinSpacing:!1,onToggle:({progress:e,direction:t,isActive:o})=>{o&&t<0?(this.method.mainVisualVideo.start(),this.method.svgPathMotion.out(),gsap.killTweensOf([this.dom.$aboutBg,document.querySelectorAll(".p-speedio-topview .cover-panel-inner .panel")],{backgroundColor:!0}),gsap.to([this.dom.$aboutBg,document.querySelectorAll(".p-speedio-topview .cover-panel-inner .panel")],{backgroundColor:"#2a2ac3",duration:.2,ease:"power2.out"}),gsap.killTweensOf(this.dom.$bgLogoFix.querySelectorAll("path"),{fill:!0,stroke:!0}),gsap.to(this.dom.$bgLogoFix.querySelectorAll("path"),{fill:"transparent",stroke:"#fff",duration:.6,ease:"power2.out",onComplete:()=>{}}),this._aboutMachineMotion({show:!1}),this._aboutBgLineMotion({show:!1})):!o&&t>0&&(this.method.mainVisualVideo.reset(),this.method.svgPathMotion.show({onComplete:()=>{}}),gsap.killTweensOf([this.dom.$aboutBg,document.querySelectorAll(".p-speedio-topview .cover-panel-inner .panel")],{backgroundColor:!0}),gsap.to([this.dom.$aboutBg,document.querySelectorAll(".p-speedio-topview .cover-panel-inner .panel")],{backgroundColor:"#0c0c0c",duration:.6,ease:"power2.out",delay:1,onStart:()=>{},onComplete:()=>{}}),this._aboutMachineMotion({show:!0,delay:1.2}),gsap.killTweensOf(this.dom.$bgLogoFix.querySelectorAll("path"),{fill:!0,stroke:!0}),gsap.to(this.dom.$bgLogoFix.querySelectorAll("path"),{fill:"#2a2ac3",stroke:"#2a2ac3",duration:.6,ease:"power2.out",delay:1}),this._aboutBgLineMotion({show:!0}))},onUpdate:e=>{gsap.set(this.dom.$mainVisualMovie,{y:-20*e.progress+"%",scale:1+.2*e.progress}),gsap.set(this.dom.$mainVisualCover,{y:-120*(e.progress-.05)+"%"})}}),ScrollTrigger.create({trigger:".p-speedio-about .about-text.lead",start:"center 50%",end:"+=75%",pin:!0,pinSpacing:!1,onToggle:({progress:e,direction:t,isActive:o})=>{o?this._aboutCopyMotion({show:!0,$target:document.querySelector(".p-speedio-about .about-text.lead")}):o||this._aboutCopyMotion({show:!1,$target:document.querySelector(".p-speedio-about .about-text.lead")})}});let e=!1;ScrollTrigger.create({trigger:".p-speedio-about .about-text.machine-end",start:"center 50%",end:"+=60%",pin:!0,pinSpacing:!1,onToggle:({progress:e,direction:t,isActive:o})=>{o?(this._aboutMachineLightMotion({light:!1}),this._aboutCopyMotion({show:!0,$target:document.querySelector(".p-speedio-about .about-text.machine-end")})):o||(this._aboutMachineLightMotion({light:!0}),this._aboutCopyMotion({show:!1,$target:document.querySelector(".p-speedio-about .about-text.machine-end")}))},onUpdate:t=>{t.progress>.8&&!e?(e=!0,this._headerNameMotion({show:!0}),gsap.killTweensOf(this.dom.$bgLogoFix,{opacity:!0}),gsap.to(this.dom.$bgLogoFix,{opacity:0,duration:.6,ease:"power2.out"}),this._aboutMachineLightMotion({light:!0}),this._aboutBgPanelMotion({show:!0,direction:t.direction})):t.progress<.8&&e&&(e=!1,this._headerNameMotion({show:!1}),gsap.killTweensOf(this.dom.$bgLogoFix,{opacity:!0}),gsap.to(this.dom.$bgLogoFix,{opacity:1,duration:.6,ease:"power2.out"}),this._aboutMachineLightMotion({light:!1}),this._aboutBgPanelMotion({show:!1,direction:t.direction}))}}),ScrollTrigger.create({trigger:".machine-wrapper",start:"center center",endTrigger:".bg-black",end:"bottom +=30%",pin:!0,pinSpacing:!1,onToggle:({progress:e,direction:t,isActive:o})=>{o&&t<0?(this._aboutBgPanelMotion({show:!0,direction:t}),this._aboutMachineMotion({show:!0}),this._aboutBgLineMotion({show:!0})):!o&&t>0&&(this._aboutBgPanelMotion({show:!1,direction:t}),this._aboutMachineMotion({show:!1}),this._aboutBgLineMotion({show:!1}))}});let t=!1;ScrollTrigger.create({trigger:".p-speedio-detail-no0",start:"top top",end:"bottom 25%",pin:!0,pinSpacing:!1,onToggle:({progress:e,direction:t,isActive:o})=>{o?this._detailSectionMotion({show:!0,target:".p-speedio-detail-no0"}):o||this._detailSectionMotion({show:!1,target:".p-speedio-detail-no0"})},onUpdate:e=>{t&&e.progress<=.5?(t=!1,this._detailSectionChangeMotion({scene:0,target:".p-speedio-detail-no0",direction:e.direction})):!t&&e.progress>.5&&(t=!0,this._detailSectionChangeMotion({scene:1,target:".p-speedio-detail-no0",direction:e.direction}))}});let o=!1;ScrollTrigger.create({trigger:".p-speedio-detail-no1",start:"top top",end:"bottom 25%",pin:!0,pinSpacing:!1,onToggle:({progress:e,direction:t,isActive:o})=>{o?this._detailSectionMotion({show:!0,target:".p-speedio-detail-no1"}):o||this._detailSectionMotion({show:!1,target:".p-speedio-detail-no1"})},onUpdate:e=>{o&&e.progress<=.5?(o=!1,this._detailSectionChangeMotion({scene:0,target:".p-speedio-detail-no1",direction:e.direction})):!o&&e.progress>.5&&(o=!0,this._detailSectionChangeMotion({scene:1,target:".p-speedio-detail-no1",direction:e.direction}))}});let i=!1;ScrollTrigger.create({trigger:".p-speedio-detail-no2",start:"top top",end:"bottom bottom",pin:!0,pinSpacing:!1,onToggle:({progress:e,direction:t,isActive:o})=>{o?(this._detailSectionMotion({show:!0,target:".p-speedio-detail-no2"}),t<0&&this._headerNameMotion({show:!0})):o||(t>0&&this._headerNameMotion({show:!1}),this._detailSectionMotion({show:!1,target:".p-speedio-detail-no2"}))},onUpdate:e=>{i&&e.progress<=.5?(i=!1,this._detailSectionChangeMotion({scene:0,target:".p-speedio-detail-no2",direction:e.direction})):!i&&e.progress>.5&&(i=!0,this._detailSectionChangeMotion({scene:1,target:".p-speedio-detail-no2",direction:e.direction}))}}),gsap.to(".lineup-mv",{y:"-50px",scrollTrigger:{trigger:".lineup-title",start:"top bottom",end:"bottom center",toggleActions:"play none none reverse",scrub:1}})}_resize(){this.state.window.height=window.innerHeight,gsap.set(document.querySelector(".p-speedio-about-bg"),{height:document.querySelector(".p-speedio-about").clientHeight})}_headerNameMotion(e){e.show?(gsap.killTweensOf(this.dom.$headerName,{opacity:!0}),gsap.to(this.dom.$headerName,{opacity:1,duration:.6,ease:"power2.out"})):(gsap.killTweensOf(this.dom.$headerName,{opacity:!0}),gsap.to(this.dom.$headerName,{opacity:0,duration:.6,ease:"power2.out"}))}_aboutCopyMotion(e){gsap.killTweensOf(e.$target,{opacity:!0}),e.show?gsap.to(e.$target,{opacity:1,duration:.6,ease:"power2.out"}):gsap.to(e.$target,{opacity:0,duration:.3,ease:"power2.out"})}_aboutMachineLightMotion(e){gsap.killTweensOf(this.dom.$machineUnder,{opacity:!0}),e.light?gsap.to(this.dom.$machineUnder,{opacity:0,duration:1.2,ease:"power2.out"}):gsap.to(this.dom.$machineUnder,{opacity:1,duration:1.2,ease:"power2.out"})}_aboutMachineMotion(e){const t=e.delay||0;gsap.killTweensOf(this.dom.$machine,{opacity:!0,scale:!0}),e.show?gsap.to(this.dom.$machine,{opacity:1,scale:1,duration:.6,delay:t,ease:"power2.out"}):gsap.to(this.dom.$machine,{opacity:0,scale:.9,delay:t,duration:.6,ease:"power2.out"})}_aboutBgLineMotion(e){gsap.killTweensOf(this.dom.$aboutBgLineItem,{y:!0,backgroundColor:!0}),e.show?(this.dom.$aboutBgLine.classList.add("-view"),this.method.aboutBgLoopLine.start(),gsap.fromTo(this.dom.$aboutBgLineItem,{y:"-110%",backgroundColor:"#636363",opacity:0},{y:"0%",backgroundColor:"#1a1a1a",opacity:1,duration:1.2,delay:1.4,ease:"expo.out",stagger:.1})):gsap.to(this.dom.$aboutBgLineItem,{y:"110%",backgroundColor:"#636363",opacity:0,duration:.6,ease:"expo.inout",stagger:.05,onComplete:()=>{this.dom.$aboutBgLine.classList.remove("-view"),this.method.aboutBgLoopLine.reset()}})}_aboutBgPanelMotion(e){e.show?(gsap.set(this.dom.$aboutBgPanel,{opacity:1}),gsap.killTweensOf(this.dom.$aboutBgPanel,{y:!0}),gsap.fromTo(this.dom.$aboutBgPanel,{y:-110*e.direction+"%"},{y:"0%",duration:1,delay:.4,ease:"expo.out",stagger:.1})):(gsap.killTweensOf(this.dom.$aboutBgPanel,{y:!0}),gsap.to(this.dom.$aboutBgPanel,{y:110*e.direction+"%",duration:.6,ease:"expo.out",stagger:.05,onComplete:()=>{gsap.set(this.dom.$aboutBgPanel,{opacity:0})}}))}_detailSectionMotion(e){const t=document.querySelectorAll(e.target+" .detail-head-cover-child"),o=document.querySelectorAll(e.target+" .detail-head-line-color"),i=document.querySelector(e.target+" .detail-image"),a=[document.querySelector(e.target+" .detail-head-line"),document.querySelector(e.target+" .detail-head-title-text"),document.querySelector(e.target+" .detail-head-title-no"),document.querySelector(e.target+" .detail-head-text-content")],s=[document.querySelectorAll(e.target+" .detail-body .title"),document.querySelectorAll(e.target+" .detail-body .text")];gsap.killTweensOf([t,o],{y:!0}),e.show?(document.querySelector(e.target).style.opacity=1,gsap.fromTo(t,{y:"-110%"},{y:"0%",duration:.4,ease:"expo.out",stagger:.03,onComplete:()=>{gsap.killTweensOf(document.querySelectorAll(e.target+" .detail-body-content .line_inner"),{width:!0}),gsap.to(document.querySelectorAll(e.target+" .detail-body-content .line_inner"),{width:"100%",duration:.4,delay:.4,ease:"power2.out"})}}),gsap.to(t,{y:"110%",duration:.4,ease:"expo.out",delay:.35,stagger:.03,onStart:()=>{gsap.set(o,{y:"-110%"}),gsap.to(o,{y:"0%",duration:.5,delay:.3,ease:"expo.out"}),gsap.killTweensOf([a,s],{opacity:!0}),gsap.set(a,{opacity:1}),gsap.to(s,{opacity:1,duration:.4,delay:.4,ease:"power2.out"})}}),gsap.killTweensOf(i,{opacity:!0}),gsap.to(i,{opacity:1,duration:1.5,delay:1,ease:"power2.out"})):(gsap.killTweensOf([a,s],{opacity:!0}),gsap.to([a,s],{opacity:0,duration:.6,ease:"expo.out",onComplete:()=>{document.querySelector(e.target).style.opacity=0}}),gsap.killTweensOf(document.querySelectorAll(e.target+" .detail-body-content .line_inner"),{width:!0}),gsap.to(document.querySelectorAll(e.target+" .detail-body-content .line_inner"),{width:"0%",duration:.6,ease:"power2.out"}),gsap.killTweensOf(i,{opacity:!0}),gsap.to(i,{opacity:0,duration:.6,ease:"power2.out"}))}_detailSectionChangeMotion(e){const t=document.querySelectorAll(e.target+" .detail-body-content"),o=document.querySelectorAll(e.target+" .detail-body-content .line_inner"),i=document.querySelectorAll(e.target+" .detail-image .img"),a=e.direction||1;0===e.scene?(gsap.killTweensOf(t,{opacity:!0,y:!0}),gsap.fromTo(t[0],{opacity:0,y:50*a},{opacity:1,y:0,duration:.6,ease:"power2.out"}),gsap.to(t[1],{opacity:0,y:-50*a,duration:.6,ease:"power2.out"}),gsap.killTweensOf(o,{width:!0}),gsap.fromTo(o,{width:"0%"},{width:"100%",duration:.6,ease:"power2.out"}),gsap.killTweensOf(i,{opacity:!0}),gsap.fromTo(i[0],{opacity:0,y:50*a},{opacity:1,y:0,duration:.6,ease:"power2.out"}),gsap.to(i[1],{opacity:0,y:-50*a,duration:.6,ease:"power2.out"})):(gsap.killTweensOf(t,{opacity:!0,y:!0}),gsap.fromTo(t[1],{opacity:0,y:50*a},{opacity:1,y:0,duration:.6,ease:"power2.out"}),gsap.to(t[0],{opacity:0,y:-50*a,duration:.6,ease:"power2.out"}),gsap.killTweensOf(o,{width:!0}),gsap.fromTo(o,{width:"0%"},{width:"100%",duration:.6,ease:"power2.out"}),gsap.killTweensOf(i,{opacity:!0}),gsap.fromTo(i[1],{opacity:0,y:50*a},{opacity:1,y:0,duration:.6,ease:"power2.out"}),gsap.to(i[0],{opacity:0,y:-50*a,duration:.6,ease:"power2.out"}))}_motionReset(){console.log("_motionReset"),gsap.killTweensOf([document.querySelectorAll(".detail-head-line"),document.querySelectorAll(".detail-head-title-text"),document.querySelectorAll(".detail-head-title-no"),document.querySelectorAll(".detail-head-text-content"),document.querySelectorAll(".detail-body .title"),document.querySelectorAll(".detail-body .text")],{opacity:!0}),gsap.set([document.querySelectorAll(".detail-head-line"),document.querySelectorAll(".detail-head-title-text"),document.querySelectorAll(".detail-head-title-no"),document.querySelectorAll(".detail-head-text-content"),document.querySelectorAll(".detail-body .title"),document.querySelectorAll(".detail-body .text")],{opacity:0}),gsap.killTweensOf(document.querySelectorAll(".detail-body-content .line_inner"),{width:!0}),gsap.set(document.querySelectorAll(".detail-body-content .line_inner"),{width:"0%"}),gsap.killTweensOf(document.querySelectorAll(".detail-head-cover-child"),{y:!0}),gsap.set(document.querySelectorAll(".detail-head-cover-child"),{y:"-110%"})}}window.addEventListener("load",(()=>{c?document.documentElement.classList.add("-mobile"):document.documentElement.classList.add("-noMobile"),a&&document.documentElement.classList.add("-edge"),i&&document.documentElement.classList.add("-ie"),n&&document.documentElement.classList.add("-safari"),d&&document.documentElement.classList.add("-android"),r&&document.documentElement.classList.add("-ipad"),store.isLoad=new h,store.isLoad.init(),new A,new y,new $,new v,new f,store.isLoad.done()}))}()}();