https://www.elisava.net/wp-content/cache/min/1/wp-content/themes/e…/js/blocks/intro-video.js?ver=1788381138

1function initBlockIntroVideo(){let introVideos=document.querySelectorAll('.intro-video');introVideos.forEach((introVideo)=>{let title=introVideo.querySelector('.title');let video=introVideo.querySelector('.video-container');let videoObject=introVideo.querySelector('.aspect-container');let mark=introVideo.querySelector('.marker-controller');let text=introVideo.querySelector('.text');let cta=introVideo.querySelector('.text-cta');if(cta){cta.addEventListener('click',function(){if(text){let link=text.querySelector('a');if(link){link.click()}}})}
2let tl=null;let words=null;if(window.innerWidth>740){gsap.registerPlugin(SplitText);tl=gsap.timeline();let mySplitText=new SplitText(title,{type:'words'});words=mySplitText.words}
3let offsetY=80;if(window.innerWidth<960){offsetY=40}
4const videoAspect=parseInt(videoObject.getAttribute('data-width'))/parseInt(videoObject.getAttribute('data-height'));let videoWaitTime=0;if(window.innerWidth>740){videoWaitTime=200}
5setTimeout(function(){const videoHeight=window.innerHeight-title.offsetHeight-0.08*window.innerWidth;const videoWidth=videoAspect*videoHeight;if(window.innerWidth>740){tl.from(words,{duration:1.4,opacity:0,y:offsetY,ease:'expo',stagger:0.1,});title.style.opacity=1;video.style.width=videoWidth+'px';video.style.height=videoHeight+'px';video.classList.add('show');text.classList.add('show');if(cta){cta.classList.add('show')}}else{introVideo.style.height=(window.innerHeight-0.2*window.innerWidth)+'px';let height=introVideo.offsetHeight;height-=(title.offsetHeight+text.offsetHeight+cta.offsetHeight+50);videoObject.style.height=height+'px'}
6if(window.innerWidth>960){let offset=0.03*window.innerWidth+'px';gsap.timeline({scrollTrigger:{pin:!0,pinSpacing:!1,trigger:introVideo,start:'top '+offset,end:()=>`$+=${window.innerHeight}`,pinSpacing:!0,invalidateOnRefresh:!0,onLeave:function(){document.body.classList.add('after-intro-video')},onEnterBack:function(){document.body.classList.remove('after-intro-video')}},});gsap.timeline({scrollTrigger:{trigger:mark,start:'top '+offset,end:()=>`$+=${window.innerHeight}`,scrub:!0,},}).to(videoObject,{width:title.offsetWidth,height:window.innerHeight-0.07*window.innerWidth,y:-(title.offsetHeight+0.01*window.innerWidth),});if(text){gsap.timeline({scrollTrigger:{trigger:mark,start:'top '+offset,end:()=>`$+=${window.innerHeight}`,scrub:!0,},}).to(text,{scale:1,})}}},videoWaitTime)})}
7initBlockIntroVideo()