https://www.nuro.ai/_nuxt/99be053.modern.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[93],{1071:function(t,e,r){"use strict";r(891)},1163:function(t,e,r){"use strict";r.r(e);var o=r(21),n={props:{block:Object},data:function(){return{borderRadius:20}},computed:{items:function(){return this.block.items||[]},viewportWidth:function(){return this.$store.state.layout.viewport.width}},mounted:function(){return this.cleanupMotion=this.$waitForPageTransition(this.setupMotion)},destroyed:function(){return this.onDestroyed()},methods:{getImageAspect:function(image){var t,e,r,o;return o=null!=image&&null!=(e=image[0])?e.width:void 0,t=null!=image&&null!=(r=image[0])?r.height:void 0,o>0&&t>0?o/t:16/9},setupMotion:function(){return this.cleanupMotionDesktop=this.$setupResponsiveMotion(this.setupMotionDesktop,null,"(min-width: ".concat(o.tablet,") and (prefers-reduced-motion: no-preference)")),this.cleanupMotionMobile=this.$setupResponsiveMotion(this.setupMotionMobile,null,"(max-width: ".concat(o.tablet,") and (prefers-reduced-motion: no-preference)"))},setupMotionDesktop:function(){var t;return this.timeline1=this.$gsap.timeline().pause().set(this.$refs.imageWrap.$el,{transformOrigin:"center top"}).fromTo(this.$refs.imageWrap.$el,6,{scale:.5,y:40,z:1},{scale:1,y:-60,z:1,ease:"quad.in"},4).to(null!=(t=this.$refs.image1)?t.$el:void 0,2,{autoAlpha:0},8).fromTo(this,10,{borderRadius:90},{borderRadius:20,ease:"sine.inOut"},0).fromTo(this.$refs.imageWrapInner,10,{scale:1.4,yPercent:-20},{scale:1.1,yPercent:5,z:1,ease:"sine.inOut"},0),this.trigger1=this.$ScrollTrigger.create({trigger:this.$refs.grid,start:"top bottom",end:"top top",animation:this.timeline1}),this.timeline1b=this.$gsap.timeline().pause(),this.items.forEach(((image,t)=>{var e,r,o;return image=(null!=(e=this.$refs["image".concat(t)])?e.$el:void 0)||(null!=(r=this.$refs["image".concat(t)])&&null!=(o=r[0])?o.$el:void 0),0!==t&&this.timeline1b.set({},{},"+=1"),this.timeline1b.to(image,.2,{autoAlpha:1},"-=1")})),this.timeline1b.set({},{},"+=0.0"),this.trigger1b=this.$ScrollTrigger.create({trigger:this.$refs.grid,start:"top top+=100",end:"bottom bottom+=100",animation:this.timeline1b}),this.timeline1c=this.$gsap.timeline().pause(),this.timeline1c.set(this.$refs.copyWrap,{paddingBottom:"100vh"},"0"),this.items.forEach(((image,t)=>{var e,r,title,o;if(o=this.$refs["copy".concat(t)],r=this.$refs["copy".concat(t,"eyebrow")],title=this.$refs["copy".concat(t,"title")],e=this.$refs["copy".concat(t,"copy")],this.timeline1c.set(e,{autoAlpha:0,y:20},"0"),0!==t&&(this.timeline1c.set(r,{autoAlpha:0,y:20},"0"),this.timeline1c.set(title,{autoAlpha:0,y:20},"0")),this.timeline1c.to(o,1,{yPercent:100,ease:"linear"},"+=0"),this.timeline1c.to(r,.2,{autoAlpha:1,y:0,ease:"quad.out"},"-=1"),this.timeline1c.to(title,.2,{autoAlpha:1,y:0,ease:"quad.out"},"-=.95"),this.timeline1c.to(e,.2,{autoAlpha:1,y:0,ease:"quad.out"},"-=.85"),t!==this.items.length-1)return this.timeline1c.to(e,.2,{autoAlpha:0,y:-20,ease:"sine.in"},"-=.3"),this.timeline1c.to(title,.2,{autoAlpha:0,y:-20,ease:"sine.in"},"-=.25"),this.timeline1c.to(r,.2,{autoAlpha:0,y:-20,ease:"sine.in"},"-=.2")})),this.trigger1c=this.$ScrollTrigger.create({trigger:this.$refs.grid,start:"top top",end:"bottom bottom",animation:this.timeline1c}),this.timeline2=this.$gsap.timeline().pause().fromTo(this.$refs.imageWrapInner,10,{yPercent:5},{yPercent:-5,ease:"linear"},0),this.trigger2=this.$ScrollTrigger.create({trigger:this.$refs.grid,start:"top top",end:"bottom bottom",animation:this.timeline2,pin:this.$refs.imageWrapOuter}),this.$ScrollTrigger.refresh(!0)},setupMotionMobile:function(){return this.timeline1=this.$gsap.timeline().pause().set(this.$refs.imageWrapInner,{scale:1.3,yPercent:-10},0).to(this.$refs.imageWrapInner,5,{scale:"-=.1",yPercent:"-=.1"},0).to(this,5,{borderRadius:"-=1"},0).to(this.$refs.imageWrapOuter,5,{padding:0,ease:"sine.inOut"},5).to(this.$refs.imageWrap.$el,5,{zPercent:.1,marginLeft:0,marginRight:0,ease:"quad.in"},5).to(this,5,{borderRadius:0},5).to(this.$refs.imageWrapInner,5,{scale:1.1,yPercent:5,ease:"quad.out"},5),this.trigger1=this.$ScrollTrigger.create({trigger:this.$el,start:"top bottom",end:"top top",animation:this.timeline1}),this.timeline1c=this.$gsap.timeline().pause(),this.timeline1c.set(this.$refs.copyWrap,{paddingBottom:"50vh"}

1,"0"),this.items.forEach(((image,t)=>{var e,r,title,o;if(o=this.$refs["copy".concat(t)],r=this.$refs["copy".concat(t,"eyebrow")],title=this.$refs["copy".concat(t,"title")],e=this.$refs["copy".concat(t,"copy")],this.timeline1c.set(e,{autoAlpha:0,y:20},"0"),this.timeline1c.set(o,{yPercent:-100*t},"0"),0!==t&&(this.timeline1c.set(r,{autoAlpha:0,y:20},"0"),this.timeline1c.set(title,{autoAlpha:0,y:20},"0")),this.timeline1c.set({},{},"+=1"),this.timeline1c.to(r,.2,{autoAlpha:1,y:0,ease:"quad.out"},"-=1"),this.timeline1c.to(title,.2,{autoAlpha:1,y:0,ease:"quad.out"},"-=.95"),this.timeline1c.to(e,.2,{autoAlpha:1,y:0,ease:"quad.out"},"-=.85"),t!==this.items.length-1)return this.timeline1c.to(e,.2,{autoAlpha:0,y:-20,ease:"sine.in"},"-=.3"),this.timeline1c.to(title,.2,{autoAlpha:0,y:-20,ease:"sine.in"},"-=.25"),this.timeline1c.to(r,.2,{autoAlpha:0,y:-20,ease:"sine.in"},"-=.2")})),this.trigger1c=this.$ScrollTrigger.create({trigger:this.$refs.grid,start:"top top",end:"bottom bottom",animation:this.timeline1c,pin:this.$refs.copyWrap}),this.timeline1b=this.$gsap.timeline().pause(),this.items.forEach(((image,t)=>{var e,r,o;return image=(null!=(e=this.$refs["image".concat(t)])?e.$el:void 0)||(null!=(r=this.$refs["image".concat(t)])&&null!=(o=r[0])?o.$el:void 0),0!==t&&this.timeline1b.set({},{},"+=0.8"),this.timeline1b.to(image,.2,{autoAlpha:1},"+=.2")})),this.timeline1b.set({},{},"+=1.0"),this.trigger1b=this.$ScrollTrigger.create({trigger:this.$refs.grid,start:"top top+=200",end:"bottom bottom+=200",animation:this.timeline1b}),this.timeline2=this.$gsap.timeline().pause().fromTo(this.$refs.imageWrapInner,10,{yPercent:5},{yPercent:-5,ease:"linear"},0),this.trigger2=this.$ScrollTrigger.create({trigger:this.$refs.grid,start:"top top",end:"bottom bottom",animation:this.timeline2,pin:this.$refs.imageWrapOuter}),this.$ScrollTrigger.refresh(!0)},onDestroyed:function(){var t,e,r,o;return"function"==typeof this.setupMotionDesktop&&this.setupMotionDesktop(),"function"==typeof this.setupMotionMobile&&this.setupMotionMobile(),null!=(t=this.trigger1)&&t.kill(),null!=(e=this.trigger1b)&&e.kill(),null!=(r=this.trigger1c)&&r.kill(),null!=(o=this.trigger2)?o.kill():void 0}}},l=(r(1071),r(0)),component=Object(l.a)(n,(function(){var t=this,e=t._self._c;return e("section",{staticClass:"split-feature-affixed max-w-full"},[e("div",{ref:"grid",staticClass:"grid"},[e("div",{ref:"copyWrap",staticClass:"copy-col"},t._l(t.items,(function(r,o){return e("div",{ref:"copy".concat(o),refInFor:!0,staticClass:"copy-col-inner"},[e("div",{staticClass:"item"},[r.eyebrow?e("div",{ref:"copy".concat(o,"eyebrow"),refInFor:!0,staticClass:"eyebrow"},[t._v(t._s(r.eyebrow))]):t._e(),e("wysiwyg",{ref:"copy".concat(o,"title"),refInFor:!0,staticClass:"title",attrs:{html:r.title}}

1),e("wysiwyg",{ref:"copy".concat(o,"copy"),refInFor:!0,staticClass:"copy",attrs:{html:r.copy,unorphan:""}})],1)])})),0),e("div",{ref:"imageWrapOuter",staticClass:"image-wrap-outer"},[e("squircle",{ref:"imageWrap",staticClass:"image-wrap",attrs:{"corner-radius":t.borderRadius,"clip-overflow":!0}},[e("div",{ref:"imageWrapInner",staticClass:"image-wrap-inner"},t._l(t.items,(function(r,o){return e("craft-visual",{key:"image-".concat(o),ref:"image".concat(o),refInFor:!0,staticClass:"image",class:0==o?"":"hidden",attrs:{sizes:"(min-width: 768px) ".concat(100*t.getImageAspect(r.image),"vmax, ").concat(50*t.getImageAspect(r.image),"vmax"),image:r.image,video:r.video,expand:""}})})),1)])],1)])])}),[],!1,null,"224f2614",null);e.default=component.exports;installComponents(component,{Wysiwyg:r(191).default,CraftVisual:r(64).default,Squircle:r(98).default})},891:function(t,e,r){t.exports={}}}]);