https://www.ef.com/assetscdn/cefcom-funneling-site-nextjs/ca/_next/static/chunks/7718.b026e9c6d3f82e84.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7718],{7718:(e,t,l)=>{l.r(t),l.d(t,{default:()=>eo});var a=l(4848),r=l(6540),i=l(4277),o=l(4982);let n=(0,i.q_)({slots:{root:"grid w-full grid-flow-col grid-cols-3 grid-rows-10 gap-s lg:grid-cols-5",media:"h-full w-full [&>div]:pointer-events-none",tiles:(0,o.cn)("max-lg:[&>div:first-child]:row-span-2 max-lg:[&>div:first-child]:row-start-2 max-lg:[&>div:nth-child(10)]:row-span-2 max-lg:[&>div:nth-child(2)]:row-span-3 max-lg:[&>div:nth-child(3)]:row-span-3 max-lg:[&>div:nth-child(4)]:row-span-3 max-lg:[&>div:nth-child(5)]:row-span-2 max-lg:[&>div:nth-child(6)]:row-span-3 max-lg:[&>div:nth-child(7)]:row-span-2 max-lg:[&>div:nth-child(8)]:row-span-3 max-lg:[&>div:nth-child(8)]:row-start-2 max-lg:[&>div:nth-child(9)]:row-span-3","lg:[&>div:first-child]:row-span-3 lg:[&>div:first-child]:row-start-3 lg:[&>div:nth-child(10)]:row-span-3 lg:[&>div:nth-child(2)]:row-span-5 lg:[&>div:nth-child(2)]:row-start-2 lg:[&>div:nth-child(3)]:row-span-3 lg:[&>div:nth-child(4)]:row-span-5 lg:[&>div:nth-child(5)]:row-span-3 lg:[&>div:nth-child(5)]:row-start-2 lg:[&>div:nth-child(6)]:row-span-5 lg:[&>div:nth-child(7)]:row-span-3 lg:[&>div:nth-child(8)]:row-span-5 lg:[&>div:nth-child(9)]:row-span-3 lg:[&>div:nth-child(9)]:row-start-3","lg:[&>div:first-child]:order-1 lg:[&>div:nth-child(10)]:order-10 lg:[&>div:nth-child(2)]:order-3 lg:[&>div:nth-child(3)]:order-2 lg:[&>div:nth-child(4)]:order-5 lg:[&>div:nth-child(5)]:order-7 lg:[&>div:nth-child(6)]:order-6 lg:[&>div:nth-child(7)]:order-4 lg:[&>div:nth-child(8)]:order-8 lg:[&>div:nth-child(9)]:order-9","lg:[&>div:first-child]:animate-from-top-[40px] lg:[&>div:nth-child(10)]:animate-from-top-[40px] lg:[&>div:nth-child(3)]:animate-from-top-[40px] [&>div:nth-child(4)]:animate-from-top-[40px] lg:[&>div:nth-child(4)]:animate-from-top-[40px] [&>div:nth-child(5)]:animate-from-top-[40px] lg:[&>div:nth-child(5)]:animate-from-top-[80px] [&>div:nth-child(6)]:animate-from-top-[40px] [&>div:nth-child(7)]:animate-from-top-[40px] lg:[&>div:nth-child(7)]:animate-from-top-[80px] lg:[&>div:nth-child(9)]:animate-from-top-[40px]"),tile:"animate-in animate-from-top-[80px] [animation-timeline:scroll()]"},variants:{parallax:{true:{},false:{tiles:"*:animate-none",tile:"animate-none"}}}});var s=l(5862),d=l(8118),c=l(4118);let m=(0,c.eU)({}),h=(0,c.eU)(!1);var p=l(5386);let u=e=>{let{radius:t="s",className:l,themeConfig:c,children:h,parallax:u=!0,...g}=e,{root:v,media:f,tiles:y,tile:x}=(0,i.tv)(c?(0,i.$N)(n,c):n)({parallax:u}),w=(0,o.cn)("ef-inspiration-grid",v(),y(),l),b=[{s:"1/1",l:"1/1"},{s:"9/16",l:"9/16"},{s:"9/16",l:"1/1"},{s:"9/16",l:"9/16"},{s:"1/1",l:"1/1"},{s:"9/16",l:"9/16"},{s:"1/1",l:"1/1"},{s:"9/16",l:"9/16"},{s:"9/16",l:"1/1"},{s:"1/1",l:"1/1"}];return(0,a.jsx)("div",{className:w,...g,children:r.Children.map(h,(e,l)=>{if(r.isValidElement(e)&&l<10){let r={radius:t,aspectRatios:b[l],className:(0,o.cn)(f())};return(0,a.jsx)(p.Kq,{children:(0,a.jsx)(s.C,{atomValues:[[d.n,r],[m,r]],children:(0,a.jsx)("div",{className:(0,o.cn)(x()),children:e})})})}})})};u.displayName="InspirationGrid";var g=l(8255),v=l(4851),f=l(8526);let y=new Map([["bold",r.createElement(r.Fragment,null,r.createElement("path",{d:"M234.49,111.07,90.41,22.94A20,20,0,0,0,60,39.87V216.13a20,20,0,0,0,30.41,16.93l144.08-88.13a19.82,19.82,0,0,0,0-33.86ZM84,208.85V47.15L216.16,128Z"}))],["duotone",r.createElement(r.Fragment,null,r.createElement("path",{d:"M228.23,134.69,84.15,222.81A8,8,0,0,1,72,216.12V39.88a8,8,0,0,1,12.15-6.69l144.08,88.12A7.82,7.82,0,0,1,228.23,134.69Z",opacity:"0.2"}),r.createElement("path",{d:"M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z"}))],["fill",r.createElement(r.Fragment,null,r.createElement("path",{d:"M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z"}))],["light",r.createElement(r.Fragment,null,r.createElement("path",{d:"M231.36,116.19,87.28,28.06a14,14,0,0,0-14.18-.27A13.69,13.69,0,0,0,66,39.87V216.13a13.69,13.69,0,0,0,7.1,12.08,14,14,0,0,0,14.18-.27l144.08-88.13a13.82,13.82,0,0,0,0-23.62Zm-6.26,13.38L81,217.7a2,2,0,0,1-2.06,0,1.78,1.78,0,0,1-1-1.61V39.87a1.78,1.78,0,0,1,1-1.61A2.06,2.06,0,0,1,80,38a2,2,0,0,1,1,.31L225.1,126.43a1.82,1.82,0,0,1,0,3.14Z"}))],["regular",r.createElement(r.Fragment,null,r.createElement("path",{d:"M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27

1ZM80,215.94V40l143.83,88Z"}))],["thin",r.createElement(r.Fragment,null,r.createElement("path",{d:"M230.32,117.9,86.24,29.79a11.91,11.91,0,0,0-12.17-.23A11.71,11.71,0,0,0,68,39.89V216.11a11.71,11.71,0,0,0,6.07,10.33,11.91,11.91,0,0,0,12.17-.23L230.32,138.1a11.82,11.82,0,0,0,0-20.2Zm-4.18,13.37L82.06,219.39a4,4,0,0,1-4.07.07,3.77,3.77,0,0,1-2-3.35V39.89a3.77,3.77,0,0,1,2-3.35,4,4,0,0,1,4.07.07l144.08,88.12a3.8,3.8,0,0,1,0,6.54Z"}))]]);var x=Object.defineProperty,w=Object.defineProperties,b=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable,j=(e,t,l)=>t in e?x(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,z=(e,t)=>{for(var l in t||(t={}))P.call(t,l)&&j(e,l,t[l]);if(I)for(var l of I(t))N.call(t,l)&&j(e,l,t[l]);return e},C=(e,t)=>w(e,b(t));let E=(0,r.forwardRef)((e,t)=>r.createElement(f.A,C(z({ref:t},e),{weights:y})));E.displayName="Play";let k=(0,i.q_)({slots:{root:"group relative isolate overflow-hidden bg-brand-ink-black transition-shadow duration-system-medium ease-system-easing-expressive [&.ef-autoplay-video]:bg-transparent",player:"relative z-20 opacity-100 transition-opacity duration-system-long ease-system-easing-expressive",placeholder:"h-full",placeholderImage:"z-30 h-full cursor-pointer",videoController:"absolute left-0 top-0 z-40 h-full w-full cursor-pointer",playerWrapper:"relative h-full w-full [&>

1*]:min-w-0 [@supports(-webkit-appearance:none)_and_(stroke-color:transparent)]:[&>*]:scale-[1.005]",audioControlSlot:"absolute bottom-s right-s z-50 hidden"},variants:{variant:{outline:{root:"border border-reference-gray-l75"},"shadow-s":{root:"shadow-dark-s-10"},"shadow-m":{root:"shadow-dark-m-15"},"shadow-l":{root:"shadow-dark-l-10"},"shadow-xl":{root:"shadow-dark-xl-15"}},radius:{none:{root:"rounded-none"},xxs:{root:"rounded-xxs"},xs:{root:"rounded-xs"},s:{root:"rounded-sm"},m:{root:"rounded-md"},l:{root:"rounded-lg"},full:{root:"rounded-full"}},isPlaying:{true:{},false:{}},hoverEffect:{true:{},false:{}},controls:{true:{},false:{}},startedPlaying:{true:{},false:{}},hasCustomPlaceholderImage:{true:{player:"absolute left-0 top-0 h-full w-full"}}},compoundVariants:[{startedPlaying:!0,hoverEffect:!0,class:{playerWrapper:"group-hover:scale-100"}},{startedPlaying:!1,hoverEffect:!0,class:{playerWrapper:"transition-transform duration-system-medium ease-system-easing-expressive group-hover:scale-105",placeholderImage:"transition-transform duration-system-medium ease-system-easing-expressive group-hover:scale-105"}},{startedPlaying:!0,controls:!1,class:{playerWrapper:"[&_iframe]:pointer-events-none"}},{startedPlaying:!0,controls:!1,class:{audioControlSlot:"block"}}]}),S=(0,i.q_)({slots:{playIcon:"pointer-events-none absolute left-1/2 top-1/2 z-40 -translate-x-1/2 -translate-y-1/2 transform cursor-pointer bg-brand-white",playIconInner:"text-brand-ink-black"},variants:{inverse:{true:{playIcon:"bg-brand-ink-black",playIconInner:"text-brand-white"}}}});(0,i.q_)({slots:{root:"relative overflow-hidden rounded-[inherit] bg-brand-ink-black",videoPreview:"absolute left-0 top-0 z-20 h-full w-full max-w-full animate-from-opacity-0 animation-duration-system-medium animation-ease-system-easing-expressive",placeholderImage:"z-20 cursor-pointer transition-opacity duration-system-medium ease-system-easing-expressive"},variants:{isPlaying:{true:{videoPreview:"block animate-in animate-from-opacity-0",placeholderImage:"opacity-0"},false:{videoPreview:"hidden",placeholderImage:"opacity-100"}},radius:k.variants.radius}});let _=e=>{var t,l;let{size:r="m",inverse:n,className:s,themeConfig:d}=e,c={s:{iconSize:"s",size:"m"},m:{iconSize:"m",size:"l"},l:{iconSize:"m",size:"xl"},xl:{iconSize:"l",size:"xxl"}},{playIcon:m,playIconInner:h}=(0,i.tv)(d?(0,i.$N)(S,d):S)({inverse:n}),p=(0,o.cn)("ef-video-play-icon",m(),s);return(0,a.jsx)(v.h,{className:p,size:(null==(t=c[r])?void 0:t.size)||"l",radius:"full",iconSize:(null==(l=c[r])?void 0:l.iconSize)||"m",children:(0,a.jsx)(E,{weight:"fill",height:24,width:24,className:(0,o.cn)(h())})})};_.displayName="VideoPlayIcon";var V=l(2655),O=l(5279);let A=e=>{let{role:t="button",setIsPlaying:l,renderCustomImage:r,placeholderImageSrc:i,radius:n,alt:s,className:d,imageClassName:c}=e,{pressProps:m}=(0,O.d)({onPress:()=>null==l?void 0:l(!0)});return(0,a.jsx)("div",{className:(0,o.cn)(d),role:"img"===t?void 0:"button","aria-label":"img"===t?void 0:s,..."button"===t?m:{},tabIndex:0,children:r?(0,a.jsx)(V._,{className:(0,o.cn)(c),src:i,aspectRatios:"auto",alt:s??"",asChild:!0,radius:n,children:(0,a.jsx)(r,{})}):(0,a.jsx)(V._,{className:(0,o.cn)(c),src:i,alt:s??"",asChild:!1,aspectRatios:"auto",radius:n})})},M=e=>{let{startedPlaying:t,isPlaying:l,setIsPlaying:r,controls:n,hiddenControls:s,light:d,hoverEffect:c,themeConfig:m,tabIndex:h=0,...p}=e,{pressProps:u}=(0,O.d)({onPress:()=>null==r?void 0:r("u">typeof l&&!l)}),{videoController:g}=(0,i.tv)(m?(0,i.$N)(k,m):k)({isPlaying:l,hoverEffect:c}),v=(0,o.cn)("ef-video-controller",g());return n||!1===s||d&&!t?null:(0,a.jsx)("div",{className:v,role:"button",tabIndex:h,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),null==r||r("u">typeof l&&!l))},...u,...p})},R=e=>Object.values(e).toString(),Z=(e,t)=>{let l=(0,r.useRef)({}),[a,i]=(0,r.useState)(),{threshold:o=0,root:n=null,rootMargin:s="0%",freezeOnceVisible:d=!0}=t,c=(null==a?void 0:a.isIntersecting)&&d,m=([e])=>{i(e)};return(0,r.useEffect)(()=>{var a;let r;let i=null==e?void 0:e.current;if(!window.IntersectionObserver||c||!i)return;let d=null==(a=l.current)?void 0:a[R(t)];return d?r=d:(r=new IntersectionObserver(m,{threshold:o,root:n,rootMargin:s}),l.current={...l.current,[R(t)]:r}),r.observe(i),()=>r.disconnect()},[null==e?void 0:e.current,JSON.stringify(o),n,s,c]),a};var q=l(4633);let L=(0,l(3727).A)(()=>l.e(5055).then(l.bind(l,5055))),F=(0,r.forwardRef)((e,t)=>{let{url:l,placeholderImageSrc:n,radius:s="xs",variant:d,aspectRatios:c={s:"natural"},playing:u,muted:v=!1,loop:f=!1,light:y=!0,playIcon:x=!0,alt:w="",enableCc:b=!1,tabIndex:I=0,className:P,renderCustomImage:N,themeConfig:j,controls:z=!1,hoverEffect:C=!0,showPlayIcon:E=x,threshold:S=0,playIconSize:V="m",playIconMono:O="light",pauseOnOutOfViewport:R=!0,onPlayChange:F,...W}=e,{aspectRatios:$,radius:H,light:T}=(0,p.md)(m),D=(0,p.md)(h),J=T??y,G=(0,r.useRef)(null),K=(0,r.useRef)(u??D),[U,B]=(0,r.useState)(u??D),[Q,X]=(0,r.useState)(u??D),[Y,ee]=(0,r.useState)(!1),et=Z(G,{threshold:S,freezeOnceVisible:!1}),el=void 0!==et,ea=!!(null!=et&&et.isIntersecting),er=e=>{K.current=e,X(e)};(0,r.useEffect)(()=>{R&&U&&el&&(ea&&Y?(er(!0),ee(!1)):!ea&&K.current&&(ee(!0),er(!1)))},[ea,el,R,U,Y]),(0,r.useEffect)(()=>{void 0!==u&&(er(u),u&&!U&&B(!0))},[u,U]),(0,r.useEffect)(()=>{"function"==typeof F&&F(Q)},[Q,F]);let ei="u">typeof n&&!!n&&!U,eo=(0,g.f)({bpAspectRatio:$??c,mediaType:"video"}),{root:en,playerWrapper:es,player:ed,placeholder:ec,placeholderImage:em}

1=(0,i.tv)(j?(0,i.$N)(k,j):k)({variant:d,radius:H??s,isPlaying:Q,hoverEffect:C,startedPlaying:U,controls:z,hasCustomPlaceholderImage:ei}),eh=(0,o.cn)("ef-video-player",en(),eo,P),ep=Q?"Pause video":"Play video";return(0,a.jsx)(q.v,{within:!0,children:(0,a.jsxs)("div",{ref:G,className:eh,"data-playing":Q,...W,children:[ei?(0,a.jsx)(A,{className:(0,o.cn)(ec()),imageClassName:(0,o.cn)(em(),eo),setIsPlaying:e=>{B(e),er(e)},renderCustomImage:N,placeholderImageSrc:n,alt:w}):null,Q||U&&z||!E?null:(0,a.jsx)(_,{size:V,inverse:"dark"===O,"aria-hidden":"true"}),(0,a.jsxs)("div",{className:(0,o.cn)(es()),children:[(0,a.jsx)(L,{ref:t,className:(0,o.cn)(ed()),width:"100%",height:"100%",playing:Q,light:J&&!u&&!U,onPlay:()=>{er(!0),B(!0)},onPause:()=>er(!1),loop:f,muted:v,volume:v?0:void 0,config:{youtube:{cc_lang_pref:"en",cc_load_policy:b?1:void 0},vimeo:{muted:v,autopause:!1,...u&&!z&&{background:v?1:0}},wistia:{autoplay:!1}},playIcon:null,src:l,onClickPreview:()=>{B(!0),er(!0)},controls:z,playsInline:!0,tabIndex:I,"aria-label":ep}),(0,a.jsx)(M,{startedPlaying:U,isPlaying:Q,setIsPlaying:e=>{U||B(e),er(e)},controls:z,hiddenControls:!0,light:!!J,hoverEffect:C,"aria-label":ep,"aria-pressed":Q,tabIndex:0})]})]})})});F.displayName="VideoPlayer";let W=(0,r.forwardRef)((e,t)=>{let{url:l,className:r,...i}=e;return(0,a.jsx)(F,{ref:t,className:(0,o.cn)("ef-autoplay-video",r),url:l,playing:!0,controls:!1,...i,light:!1,muted:!0})});W.displayName="AutoplayVideo";let $=(0,r.forwardRef)((e,t)=>{let{autoplay:l=!1,className:r,...i}=e,{className:n,autoplay:s}=(0,p.md)(m),d=(0,o.cn)("ef-video",r,n);return l||s?(0,a.jsx)(W,{ref:t,className:d,...i}):(0,a.jsx)(F,{ref:t,className:d,...i})});$.displayName="Video";let H=e=>(0,a.jsx)($,{autoplay:!0,loop:!0,...e});H.displayName="InspirationGridVideo";var T=l(4400),D=l(2140),J=l(3598),G=l(7298);let K=e=>!!e&&/(youtube\.com|youtu\.be|vimeo\.com)/i.test(e),U=[...G.vH.widths],B=G.vH.sizes,Q=[...G.or.widths],X=G.or.sizes,Y=G.nT,ee=G.iy,et=G.vH.eagerTiles,el=G.vH.highPriorityTiles,ea=(e,t)=>{let l=e=>{let[t,l]=e.split("/").map(Number);return t&&l?t/l:1};return l(e)<=l(t)?e:t},er=e=>({src:(0,J.tg)(e,{width:161,height:161,quality:ee}),srcSet:(0,J.I8)(e,Q,{aspect:"1/1",quality:ee}),sizes:X}),ei=[{s:"1/1",l:"1/1"},{s:"9/16",l:"9/16"},{s:"9/16",l:"1/1"},{s:"9/16",l:"9/16"},{s:"1/1",l:"1/1"},{s:"9/16",l:"9/16"},{s:"1/1",l:"1/1"},{s:"9/16",l:"9/16"},{s:"9/16",l:"1/1"},{s:"1/1",l:"1/1"}],eo=({blok:e})=>{let t=e.rels?.[0]?.content?.mediaItems||[],l=e.rels?.[0]?.content?.Stickers||[];return t.length?(0,a.jsx)("section",{id:"inspiration-collage",className:"overflow-hidden--- relative max-w-[1920px] m-auto mt-8",children:(0,a.jsxs)(D.u,{themeConfig:{slots:{root:"bg-[transparent]"}},children:[(0,a.jsx)(T.J,{align:["start","start"],layer:"top",themeConfig:{slots:{inner:"left-[5%] md:bottom-[-2%] md:left-[8%] lg:left-[4%] xl:left-[5%] xl:bottom-[-8%] 2xl:left-[5%] 2xl:bottom-[-10%] w-[104px] h-[104px] md:w-[161px] md:h-[161px]"}},children:l[0]?.media?.filename&&(0,a.jsx)(V._,{...er(l[0].media.filename),alt:l[0].media.alt||"",themeConfig:{slots:{img:"rotate-[-10deg] w-[104px] h-[104px] md:w-[161px] md:h-[161px]"}},loading:"lazy"})}),(0,a.jsx)(u,{themeConfig:{slots:{root:"px-[12px] gap-[12px]"}},children:t.map((e,t)=>{let l=e.media?.filename||"",r=ei[t]||{s:"1/1",l:"1/1"},i=ea(r.s,r.l),o=(0,J.tg)(l,{width:360,height:Math.round(360*Number(i.split("/")[1])/Number(i.split("/")[0])),quality:Y}),n=e.video_url?.trim();return K(n)?(0,a.jsx)(H,{url:n,loop:!0,className:"[&_vimeo-video]:zoom-0.1",placeholderImageSrc:o,style:{backgroundImage:`url("${o}")`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}},e._uid):l?(0,a.jsx)(V._,{src:o,srcSet:(0,J.I8)(l,U,{aspect:i,quality:Y}),sizes:B,alt:e.media.alt||"",loading:t<et?"eager":"lazy",decoding:"async",...t<el?{fetchPriority:"high"}:{}},e._uid):null})}),(0,a.jsx)(T.J,{align:["end","end"],layer:"top",themeConfig:{slots:{inner:"right-[5%] md:top-[-2%] md:right-[8%] lg:right-[4%] xl:right-[5%] xl:top-[-8%] 2xl:right-[5%] 2xl:top-[-10%] w-[104px] h-[104px] md:w-[161px] md:h-[161px]"}},children:l[1]?.media?.filename&&(0,a.jsx)(V._,{...er(l[1].media.filename),alt:l[1].media.alt||"",themeConfig:{slots:{img:"rotate-[10deg] w-[104px] h-[104px] md:w-[161px] md:h-[161px]"}},loading:"lazy"})})]})}):null}}}]);