https://etiennebarbedette.com/_next/static/chunks/162.46f0ad56b0ed449453a1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[162],{2730:function(e,t,r){!function(e,t){"use strict";function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?n(Object(i),!0).forEach((function(t){r(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):n(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],n=!0,i=!1,o=void 0;try{for(var s,c=e[Symbol.iterator]();!(n=(s=c.next()).done)&&(r.push(s.value),!t||r.length!==t);n=!0);}catch(e){i=!0,o=e}finally{try{n||null==c.return||c.return()}finally{if(i)throw o}}return r}}(e,t)||c(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||c(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function u(e){var t,r,n,o,c,a,u,l,p,h,v,m,g,b,y,w,x,j,S,M,O,k,E,C,P,Z,A,_,R,T,L,D,N=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},$="data-keen-slider-moves",z="data-keen-slider-v",B=[],I=null,K=!1,F=!1,G=0,H=[];function U(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};e.addEventListener(t,r,n),B.push([e,t,r,n])}function X(e){if(j&&S===Q(e)&&ce()){var r=q(e).x;if(!te(e)&&C)return V(e);C&&(Ke(),M=r,t.setAttribute($,!0),C=!1),e.cancelable&&e.preventDefault(),Te(E(M-r,Je)*(ue()?-1:1),e.timeStamp),M=r}}function J(e){j||!ce()||ee(e.target)||(j=!0,C=!0,S=Q(e),te(e),pe(),x=h,M=q(e).x,Te(0,e.timeStamp),oe("dragStart"))}function V(e){j&&S===Q(e,!0)&&ce()&&(t.removeAttribute($),j=!1,me(),oe("dragEnd"))}function Y(e){return e.changedTouches}function Q(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?Y(e):W(e);return t?t[0]?t[0].identifier:"error":"default"}function W(e){return e.targetTouches}function q(e){var t=W(e);return{x:fe()?t?t[0].screenY:e.pageY:t?t[0].screenX:e.pageX,timestamp:e.timeStamp}}function ee(e){return e.hasAttribute(w.preventEvent)}function te(e){var t=W(e);if(!t)return!0;var r=t[0],n=fe()?r.clientY:r.clientX,i=fe()?r.clientX:r.clientY,o=void 0!==O&&void 0!==k&&Math.abs(k-i)<=Math.abs(O-n);return O=n,k=i,o}function re(e){ce()&&j&&e.preventDefault()}function ne(){U(window,"orientationchange",Pe),U(window,"resize",(function(){return Ce()})),U(t,"dragstart",(function(e){ce()&&e.preventDefault()})),U(t,"mousedown",J),U(w.cancelOnLeave?t:window,"mousemove",X),w.cancelOnLeave&&U(t,"mouseleave",V),U(window,"mouseup",V),U(t,"touchstart",J,{passive:!0}),U(t,"touchmove",X,{passive:!1}),U(t,"touchend",V,{passive:!0}),U(t,"touchcancel",V,{passive:!0}),U(window,"wheel",re,{passive:!1})}function ie(){B.forEach((function(e){e[0].removeEventListener(e[1],e[2],e[3])})),B=[]}function oe(e){w[e]&&w[e](Je)}function se(){return w.centered}function ce(){return void 0!==r?r:w.controls}function ae(){return w.loop&&n>1}function ue(){return w.rtl}function le(){return!w.loop&&w.rubberband}function fe(){return!!w.vertical}function de(){P=window.requestAnimationFrame(he)}function pe(){P&&(window.cancelAnimationFrame(P),P=null),Z=null}function he(e){Z||(Z=e);var t=e-Z,r=ve(t);if(t>=_)return Te(A-T,!1),D?D():void oe("afterChange");var n=Le(r);if(0===n||ae()||le()||L){if(0!==n&&le()&&!L)return xe();T+=r,Te(r,!1),de()}else Te(r-n,!1)}function ve(e){return A*R(e/_)-T}function me(){switch(oe("beforeChange"),w.mode){case"free":ye();break;case"free-snap":we();break;case"snap":default:ge()}}

1function ge(){be((1===u&&0!==v?x:h)+Math.sign(v))}function be(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:w.duration,n=function(e){return 1+--e*e*e*e*e};je(ze(e=$e(e,arguments.length>3&&void 0!==arguments[3]&&arguments[3],arguments.length>4&&void 0!==arguments[4]&&arguments[4])),r,n,t)}function ye(){if(0===g)return!(!Le(0)||ae())&&be(h);var e=w.friction/Math.pow(Math.abs(g),-.5);je(Math.pow(g,2)/e*Math.sign(g),6*Math.abs(g/e),(function(e){return 1-Math.pow(1-e,5)}))}function we(){if(0===g)return be(h);var e=w.friction/Math.pow(Math.abs(g),-.5),t=Math.pow(g,2)/e*Math.sign(g),r=6*Math.abs(g/e),n=(G+t)/(a/u);je((-1===v?Math.floor(n):Math.ceil(n))*(a/u)-G,r,(function(e){return 1-Math.pow(1-e,5)}))}function xe(){if(pe(),0===g)return be(h,!0);var e=.04/Math.pow(Math.abs(g),-.5),t=Math.pow(g,2)/e*Math.sign(g),r=function(e){return--e*e*e+1},n=g;je(t,3*Math.abs(n/e),r,!0,(function(){je(ze($e(h)),500,r,!0)}))}function je(e,t,r,n,i){pe(),A=e,T=0,_=t,R=r,L=n,D=i,Z=null,de()}function Se(r){var n=f(e);n.length&&(t=n[0],Ce(r),ne(),oe("mounted"))}function Me(){var e,t=N.breakpoints||[];for(var r in t)window.matchMedia(r).matches&&(e=r);if(e===I)return!0;var n=(I=e)?t[I]:N;n.breakpoints&&I&&delete n.breakpoints,w=i(i(i({},Xe),N),n),K=!0,p=null,Ee()}function Oe(e){return"function"==typeof e?e():d(e,1,Math.max(ae()?n-1:n,1))}function ke(){Me(),F=!0,oe("created")}function Ee(e,t){e&&(N=e),t&&(I=null),Ze(),Se(t)}function Ce(e){var r=window.innerWidth;if(Me()&&(r!==p||e)){p=r;var i=w.slides;"number"==typeof i?(c=null,n=i):(c=f(i,t),n=c?c.length:0);var s=w.dragSpeed;E="function"==typeof s?s:function(e){return e*s},a=fe()?t.offsetHeight:t.offsetWidth,u=Oe(w.slidesPerView),l=d(w.spacing,0,a/(u-1)-1),a+=l,o=se()?(a/2-a/u/2)/a:0,_e();var v=!F||K&&w.resetSlide?w.initial:h;Ue(ae()?v:De(v)),fe()&&t.setAttribute(z,!0),K=!1}}function Pe(e){Ce(),setTimeout(Ce,500),setTimeout(Ce,2e3)}function Ze(){ie(),Re(),t&&t.hasAttribute(z)&&t.removeAttribute(z),oe("destroyed")}function Ae(){c&&c.forEach((function(e,t){var r=b[t].distance*a-t*(a/u-l/u-l/u*(u-1)),n=fe()?0:r,i=fe()?r:0,o="translate3d(".concat(n,"px, ").concat(i,"px, 0)");e.style.transform=o,e.style["-webkit-transform"]=o}))}function _e(){c&&c.forEach((function(e){var t="calc(".concat(100/u,"% - ").concat(l/u*(u-1),"px)");fe()?(e.style["min-height"]=t,e.style["max-height"]=t):(e.style["min-width"]=t,e.style["max-width"]=t)}))}function Re(){if(c){var e=["transform","-webkit-transform"];e=[].concat(s(e),fe?["min-height","max-height"]:["min-width","max-width"]),c.forEach((function(t){e.forEach((function(e){t.style.removeProperty(e)}))}))}}function Te(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];Ie(e,arguments.length>2&&void 0!==arguments[2]?arguments[2]:Date.now()),t&&(e=Ge(e)),G+=e,Fe()}function Le(e){var t=a*(n-1*(se()?1:u))/u,r=G+e;return r>t?r-t:r<0?r:0}function De(e){return d(e,0,n-1-(se()?0:u-1))}function Ne(){var e=Math.abs(y),t=G<0?1-e:e;return{direction:v,progressTrack:t,progressSlides:t*n/(n-1),positions:b,position:G,speed:g,relativeSlide:(h%n+n)%n,absoluteSlide:h,size:n,slidesPerView:u,widthOrHeight:a}}function $e(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return ae()?t?Be(e,r):e:De(e)}function ze(e){return-(-a/u*e+G)}function Be(e,t){var r=(h%n+n)%n,i=r<(e=(e%n+n)%n)?-r-n+e:-(r-e),o=r>e?n-r+e:e-r,s=t?Math.abs(i)<=o?i:o:e<r?i:o;return h+s}function Ie(e,t){clearTimeout(m);var r=Math.sign(e);if(r!==v&&Ke(),v=r,H.push({distance:e,time:t}),m=setTimeout((function(){H=[],g=0}),50),(H=H.slice(-6)).length<=1||0===v)return g=0;var n=H.slice(0,-1).reduce((function(e,t){return e+t.distance}),0),i=H[H.length-1].time,o=H[0].time;g=d(n/(i-o),-10,10)}function Ke(){H=[]}function Fe(){y=ae()?G%(a*n/u)/(a*n/u):G/(a*n/u),He();for(var e=[],t=0;t<n;t++){var r=(1/n*t-(y<0&&ae()?y+1:y))*n/u+o;ae()&&(r+=r>(n-1)/u?-n/u:r<-n/u+1?n/u:0);var i=1/u,s=r+i,c=s<i?s/i:s>1?1-(s-1)*u/1:1;e.push({portion:c<0||c>1?0:c,distance:ue()?-1*r+1-i:r})}b=e,Ae(),oe("move")}function Ge(e){if(ae())return e;var t,r=Le(e);return le()?0===r?e:e*(t=r/a,(1-Math.abs(t))*(1-Math.abs(t))):e-r}function He(){var e=Math.round(G/(a/u));e!==h&&(!ae()&&(e<0||e>n-1)||(h=e,oe("slideChanged")))}function Ue(e){oe("beforeChange"),Te(ze(e),!1),oe("afterChange")}var Xe={centered:!1,breakpoints:null,controls:!0,dragSpeed:1,friction:.0025,loop:!1,initial:0,duration:500,preventEvent:"data-keen-slider-pe",slides:".keen-slider__slide",vertical:!1,resetSlide:!1,slidesPerView:1,spacing:0,mode:"snap",rtl:!1,rubberband:!0,cancelOnLeave:!0},Je={controls:function(e){r=e},destroy:Ze,refresh:function(e){Ee(e,!0)},next:function(){be(h+1,!0)},prev:function(){be(h-1,!0)},moveToSlide:function(e,t){be(e,!0,t)},moveToSlideRelative:function(e){be(e,!0,arguments.length>2?arguments[2]:void 0,!0,arguments.length>1&&void 0!==arguments[1]&&arguments[1])},resize:function(){Ce(!0)},details:function(){return Ne()},options:function(){var e=i({},w);return delete e.breakpoints,e}};return ke(),Je}function l(e){return Array.prototype.slice.call(e)}function f(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return"function"==typeof e?l(e()):"string"==typeof e?l(t.querySelectorAll(e)):e instanceof HTMLElement!=0?[e]:e instanceof NodeList!=0?e:[]}function d(e,t,r){return Math.min(Math.max(e,t),r)}Math.sign||(Math.sign=function(e){return(e>0)-(e<0)||+e});var p=function e(t,r){var n=Object.prototype.toString.call(t);if(n!==Object.prototype.toString.call(r))return!1;if(["[object Array]","[object Object]"].indexOf(n)<0)return!1;var i="[object Array]"===n?t.length:Object.keys(t).length;if(i!==("[object Array]"===n?r.length:Object.keys(r).length))return!1;var o=function(t,r){var n=Object.prototype.toString.call(t);if(["[object Array]","[object Object]"].indexOf(n)>=0){if(!e(t,r))return!1}else{if(n!==Object.prototype.toString.call(r))return!1;if("[object Function]"===n){if(t.toString()!==r.toString())return!1}else if(t!==r)return!1}};if("[object Array]"===n){for(var s=0;s<i;s++)if(!1===o(t[s],r[s]))return!1}else for(var c in t)if(t.hasOwnProperty(c)&&!1===o(t[c],r[c]))return!1;return!0};e.default=u,e.useKeenSlider=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=t.useRef(),n=t.useRef();function i(e){return p(n.current,e)||(n.current=e),n.current}var s=o(t.useState(null),2),c=s[0],a=s[1];return t.useEffect((function(){var e=new u(r.current,n.current);return a(e),function(){e.destroy()}}),[i(e)]),[r,c]}

1,Object.defineProperty(e,"__esModule",{value:!0})}(t,r(7294))},8600:function(e,t,r){"use strict";function n(e){if(void 0===e)return[];const t="string"===typeof e?e:e.fields.file.url;var r;return[{type:"image/webp",srcSet:`${t}?fm=webp&w=375 375w, ${t}?fm=webp&w=769 769w, ${t}?fm=webp&w=1024 1024w, ${t}?fm=webp&w=1280 1280w, ${t}?fm=webp&w=1440 1440w`},{type:`image/${"string"===typeof e?(r=e).includes(".jpg")||r.includes(".jpeg")?"jpg":r.includes(".png")?"png":void 0:e.fields.file.contentType}`,srcSet:`${t}?w=375 375w, ${t}?w=769 769w, ${t}?w=1024 1024w,${t}?w=1280 1280w, ${t}?w=1440 1440w`}]}r.d(t,{Z:function(){return n}})},9833:function(e,t,r){"use strict";var n=r(296),i=r(1986),o=r(7294),s=r(2387),c=r(8778),a=r(5893);t.Z=({children:e,deltaX:t=0,intensity:r=1,max:u=10})=>{const l=(0,o.useRef)(),{state:f}=(0,s.Z)(),{state:d}=(0,c.Z)(),{0:p,1:h}=(0,o.useState)(t),v=(0,n.Z)(l),m=(0,o.useCallback)((()=>{h(t)}),[t]);(0,o.useEffect)((()=>{m()}),[v]);const g=(0,o.useCallback)((()=>{if(!v)return;const e=Math.hypot(v.left+v.width/2-f.current.lerpedPosition.x-(t-p),v.top-d.current.scroll+v.height/2-f.current.lerpedPosition.y);if(!l.current)return;const n=r*Math.min(u,.005*e);l.current.style.filter=`blur(${n}px)`}),[v,t,f,p,r,u,d]);(0,i.Z)((()=>{g()}));return(0,o.useMemo)((()=>(0,a.jsx)("div",{ref:l,className:"blur",children:e})),[e])}},7162:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return H}});var n=r(1664),i=r(9595),o=r(9833),s=r(6971),c=r(5893);function a({slug:e,title:t,onClick:r,isCurrent:a,setCurrent:u,index:l}){const{setHover:f}=(0,s.Z)("discover");return(0,c.jsx)("div",{className:"caseTitle",children:(0,c.jsx)(i.v,{active:a,disabled:!a,children:(0,c.jsx)(o.Z,{intensity:a?0:2,max:2,children:(0,c.jsx)(n.default,{href:`/case/${e}`,children:(0,c.jsx)("a",{onMouseEnter:()=>{u(l),f(!0)},onMouseLeave:()=>{f(!1)},onClick:e=>{e.stopPropagation(),e.preventDefault(),r(l)},"data-index":l+1,children:t})})})})})}var u=r(7294),l=r(2212),f=r(4309),d=r(276),p=r(7314),h=r(2387),v=r(1986),m=r(6019);var g=e=>{const{camera:t}=(0,m.Z)(),{state:r}=(0,h.Z)(),n=(0,u.useRef)(new l.iMs),{0:i,1:o}=(0,u.useState)(!1),{0:s,1:c}=(0,u.useState)(!1),a=(0,u.useCallback)((()=>{const{x:e,y:i}=r.current.normalized,o=new l.FM8(e,i);n.current.setFromCamera(o,t)}),[t]),f=(0,u.useCallback)((()=>{if("Mesh"!==(null===e||void 0===e?void 0:e.type))return;const t=n.current.intersectObject(e);return Boolean(t[0])}),[e]),d=(0,u.useCallback)((()=>{c(f()),setTimeout((()=>{c(!1)}),0)}),[]);return(0,u.useEffect)((()=>("Mesh"!==(null===e||void 0===e?void 0:e.type)&&console.warn("useRaycaster: argument passed must be THREE.Object type"),window.addEventListener("click",d,!0),()=>{window.removeEventListener("click",d,!0)})),[]),(0,v.Z)((()=>{a(),o(f())}),5),{hover:i,clicked:s}};var b=({texture:e,position:t,scale:r,parentGroup:n,scotchTexture:i,index:o,isCurrent:c,onClick:a})=>{const f=(0,u.useRef)(new l.ZAu),d=(0,u.useRef)(new l.Kj0(new l.BKK,new l.vBJ({transparent:!0,opacity:c?1:.7}))),{hover:h,clicked:v}=g(d.current),{setHover:m}=(0,s.Z)("discover");(0,u.useEffect)((()=>{m(c&&h)}),[h,c]),(0,u.useEffect)((()=>{v&&c&&a(o)}),[v,c]);const b=(0,u.useRef)(new l.Kj0(new l.BKK,new l.vBJ({transparent:!0}))),y=(0,u.useRef)(new l.Kj0(new l.BKK,new l.vBJ({transparent:!0,opacity:c?0:1}))),w=(0,u.useRef)(y.current.clone()),x=(0,u.useCallback)((()=>{d.current.geometry.dispose(),d.current.material.dispose(),f.current.remove(d.current),e.dispose(),b.current.geometry.dispose(),b.current.material.dispose(),f.current.remove(b.current),y.current.geometry.dispose(),y.current.material.dispose(),f.current.remove(y.current),f.current.remove(w.current)}),[e]);return(0,u.useEffect)((()=>(n.add(f.current),f.current.add(y.current),f.current.add(w.current),f.current.add(d.current),f.current.add(b.current),x)),[]),(0,u.useEffect)((()=>{p.ZP.to(y.current.material,{opacity:c?0:1,duration:1,ease:"expo.out"}),p.ZP.to(d.current.material,{opacity:c?1:.25,duration:1,ease:"expo.out"}),p.ZP.to(b.current.material,{opacity:1,duration:1,ease:"expo.out"})}),[c]),(0,u.useEffect)((()=>{const[e,t,n]=r;

1d.current.scale.x=e,d.current.scale.y=t,d.current.scale.z=n,b.current.scale.x=.5*e,b.current.scale.y=.5*e/3,b.current.position.y=.5*r[1],b.current.position.z=.01,w.current.scale.copy(b.current.scale),w.current.position.copy(b.current.position),w.current.position.z=-.01,w.current.layers.set(1),y.current.scale.set(e+16,t+16,n),y.current.position.z=-.01,y.current.layers.set(1)}),[r]),(0,u.useEffect)((()=>{f.current.position.x=t[0],f.current.position.y=t[1],f.current.position.z=t[2]}),[t]),(0,u.useEffect)((()=>{d.current.material.map=e}),[e]),(0,u.useEffect)((()=>{b.current.material.map=i}),[i]),null},y=r(296);let w,x;var j=r(76);var S=e=>{const t=(0,u.useRef)(),{0:r,1:n}=(0,u.useState)(),{0:i,1:o}=(0,u.useState)(),s=(0,u.useRef)({target:e});return(0,u.useLayoutEffect)((()=>{s.current.target=e}),[e]),(0,u.useEffect)((()=>(t.current=new j.Z.track(s.current,"target")[0],()=>{t.current.kill()})),[]),(0,v.Z)((()=>{const e=t.current.get("target");o((t=>(n(Math.abs(e)>Math.abs(t)?"accelerate":"decelerate"),e)))})),{velocity:i,acceleration:r}},M=r(7421),O=r(4809);const k=new l.dpR;function E({items:e=[],onLoad:t,current:n=0,setCurrent:i,target:o,onGoToTargetComplete:s,onClick:a}){const d=(0,u.useRef)(),[h,v]=(0,f.iP)(),{0:g,1:j}=(0,u.useState)([]),E=(0,u.useRef)(new l.ZAu),{scene:C}=(0,m.Z)(),P=(0,y.Z)(d),Z=(0,u.useRef)({lerpedDelta:0,tl:void 0}),{0:A,1:_}=(0,u.useState)(0),{0:R,1:T}=(0,u.useState)(0),{velocity:L,acceleration:D}=S(A),N=(0,u.useRef)(!1),$=(0,u.useRef)(!0),z=(0,u.useCallback)((()=>{T(0),setTimeout((()=>{$.current=!1}),1e3)}),[R]);(0,u.useEffect)((()=>{setTimeout((()=>{T(5e3)}),0)}),[]);const B=(0,u.useMemo)((()=>({x:h/3,y:v/3})),[h,v]),I=(0,u.useMemo)((()=>({x:h+B.x,y:v+B.y})),[h,v,B]),K=(0,u.useMemo)((()=>(I.x+A%I.x)%I.x),[A,I]),F=(0,u.useMemo)((()=>P?(K+P.left+B.x)/I.x%1:0),[K,P,I,B]),G=(0,u.useMemo)((()=>{let e=A/I.x;return Math.ceil(e)}),[A,I]),H=(0,u.useMemo)((()=>{let t=Math.round(A%I.x/I.x*e.length);return t>0&&(t=e.length-t),t=Math.abs(t)%4,t}),[A,e,I]),U=(0,u.useCallback)((e=>{const t=A,r=G*I.x+e*-B.x,n=(G-1)*I.x+e*-B.x;return Math.abs(t-r)<Math.abs(t-n)?r:n}),[B,G,I,A]),X=(0,u.useCallback)((()=>{const e=U(n);T(e)}),[n]);(0,u.useEffect)((()=>{void 0!==n&&(X(),N.current=!1)}),[n]),(0,u.useEffect)((()=>{var e,t;null===(e=Z.current)||void 0===e||null===(t=e.tl)||void 0===t||t.kill(),Z.current.tl=p.ZP.to(Z.current,{lerpedDelta:R,duration:1.5,ease:"expo.out",onUpdate:()=>{_(Z.current.lerpedDelta)}})}),[R]);const J=(0,u.useRef)(!1);(0,u.useEffect)((()=>{var e,t;const r="number"===typeof o;J.current=r,r&&(null===(e=Z.current)||void 0===e||null===(t=e.tl)||void 0===t||t.kill(),Math.trunc(Z.current.lerpedDelta)!==Math.trunc(U(o))?Z.current.tl=p.ZP.to(Z.current,{lerpedDelta:U(o),duration:1,ease:"expo.out",onUpdate:()=>{_(Z.current.lerpedDelta)},onComplete:s}):s())}),[o]);const V=(0,u.useRef)();(0,u.useEffect)((()=>{V.current=L}),[L]);const Y=(0,u.useCallback)((e=>{0===V.current&&T((t=>t+B.x*Math.sign(e))),N.current=!0}),[B]);!function(e,t="default"){x||(x=r(9389));const n=(0,u.useRef)();(0,u.useEffect)((()=>(w||"default"!==t||(w=new x({useKeyboard:!0,passive:!1,mouseMultiplier:1,firefoxMultiplier:50,touchMultiplier:2,useTouch:!0,preventTouch:!1,limitInertia:!1})),n.current="default"===t?w:new x(t),n.current.on(e),()=>{n.current.off(e)})),[])}((({deltaY:e})=>{Y(e)}));const{0:Q,1:W}=(0,u.useState)(!1),[q]=(0,M.Z)((e=>[e.loaded])),[ee]=(0,O.Z)((e=>[e.toggle])),te=(0,u.useMemo)((()=>Q&&q&&("closing"===ee||"closed"===ee)),[q,Q,ee]);(0,u.useEffect)((()=>{te&&z()}),[te]),(0,u.useEffect)((()=>{(async()=>{await ne(),C.add(E.current),t(),W(!0)})()}),[]),(0,u.useEffect)((()=>{if(!P)return;const e=P.width/2,t=P.left,r=P.height/2,n=P.top,i=-h/2+t+e,o=v/2-n-r,s=P.left+B.x,c=s/(h/v);E.current.position.x=i-s,E.current.position.y=o-c}),[P,B,h,v]);const re=e=>new Promise(((t,r)=>{k.load(e,(e=>{e.minFilter=l.wem,t(e)}))})),ne=(0,u.useCallback)((async()=>{const t=await Promise.all(e.map((async({image:e,scotch:t})=>({image:await re(e),scotch:await re(t)}))));j(t)}),[e]);return(0,u.useEffect)((()=>{!0===N.current&&i(H)}),[H]),(0,c.jsx)("div",{ref:d,style:{height:"100%",position:"absolute",width:"100%"},children:g.map((({image:e,scotch:t},r)=>(0,c.jsx)(b,{index:r,isCurrent:r===n,onClick:a,texture:e,position:[(B.x*r+F*I.x)%I.x,(B.y*r+F*I.y)%I.y,0],scale:[P.width,P.height,1],parentGroup:E.current,scotchTexture:t,o

1pacityMultiplier:1},r)))})}var C=r(6885),P=r.n(C);var Z=r(7569),A=r(1163),_=r(2730),R=(r(2323),r(7570)),T=r(8600),L=r(4184),D=r.n(L),N=r(9098);const $=({item:e,index:t,isCurrent:r,delta:o,distance:s=0,onClick:a=(()=>{}),onLoad:l=(()=>{}),scotch:f=""})=>{const d=(0,u.useRef)();return(0,c.jsxs)("li",{className:D()("caseSliderMobile__slide keen-slider__slide",r?"caseSliderMobile__slide--current":""),style:{"--delta":o},children:[(0,c.jsx)(n.default,{href:"/case/"+e.fields.slug,children:(0,c.jsx)("a",{ref:d,className:"caseSliderMobile__slide__cover",style:{transform:`translate3d(0, ${-100*(s-.1875)}px, 0)`},onClick:e=>{e.preventDefault(),a(d.current)},children:(0,c.jsx)(N.Z,{type:f,children:(0,c.jsx)(R.Z,{src:e.fields.cover.fields.file.url,sources:(0,T.Z)(e.fields.cover.fields.file.url),onLoad:l,loading:"auto"})})})}),(0,c.jsx)(i.v,{active:r,children:(0,c.jsx)(n.default,{href:"/case/"+e.fields.slug,children:(0,c.jsx)("a",{"data-index":t+1,className:"caseSliderMobile__slide__title",children:e.fields.title})})})]})};function z({cases:e=[],onGoToTargetComplete:t=(()=>{}),onLoad:r=(()=>{})}){const{0:n,1:i}=(0,u.useState)(0),{0:o,1:s}=(0,u.useState)([]),[a,l]=(0,_.useKeenSlider)({loop:!0,centered:!0,slidesPerView:1.7,spacing:60,slideChanged:e=>{const{relativeSlide:t}=e.details();i(t)},move:e=>{s(e.details().positions)}}),f=(0,u.useRef)(),[d]=(0,M.Z)((e=>[e.loaded])),[p]=(0,O.Z)((e=>[e.toggle])),h=(0,u.useCallback)((()=>{l&&l.moveToSlide(0,2e3)}),[l]);(0,u.useEffect)((()=>{l&&setTimeout((()=>{l.resize(),l.moveToSlide(-4,0)}),100)}),[l]);const{0:v,1:m}=(0,u.useState)(0),g=(0,u.useMemo)((()=>v===e.length),[v,e]);(0,u.useEffect)((()=>{g&&r()}),[g]);const{0:b,1:y}=(0,u.useState)(!1),w=(0,u.useMemo)((()=>g&&d&&("closing"===p||"closed"===p)&&!!l&&b),[d,p,l,g,b]);return(0,u.useEffect)((()=>{w&&h()}),[w]),(0,u.useEffect)((()=>(y(!0),()=>{y(!1)})),[]),(0,c.jsxs)("div",{ref:f,className:"caseSliderMobile",children:[(0,c.jsxs)("span",{className:"caseSliderMobile__title",children:["Selected",(0,c.jsx)("br",{}),"works"]}),(0,c.jsx)("ul",{ref:a,className:"keen-slider",children:e.map(((e,r)=>{var i;return(0,c.jsx)($,{item:e,index:r,isCurrent:r===n,delta:r-n,scotch:e.fields.scotch.fields.file.url,distance:null===(i=o[r])||void 0===i?void 0:i.distance,onClick:e=>{t(r,e)},onLoad:()=>{m((e=>e+1))}},r)}))})]})}var B=r(7555);var I=({children:e,depth:t=[100,100]})=>{const r=(0,u.useRef)(),n=(0,u.useRef)(),i=(0,y.Z)(r),[o,s]=(0,B.Z)(),{state:a}=(0,h.Z)(),l=(0,u.useCallback)((()=>{const e=(i.left+i.width/2-a.current.lerpedPosition.x)/o,r=(i.top+i.height/2-a.current.lerpedPosition.y)/s;n.current&&(n.current.style.transform=`translate3d(${-e*t[0]}px,${-r*t[1]}px,0)`)}),[i,t,o,s]);return(0,v.Z)((()=>{l()})),(0,c.jsx)("div",{ref:r,children:(0,c.jsx)("div",{ref:n,children:e})})},K=r(7668),F=r(2518);const G=async e=>new Promise(((t,r)=>{const n=new Image;n.addEventListener("load",(()=>{t(n)}),{once:!0}),n.src=e}));function H({cases:e,onLoad:t=(()=>{}),onRouterWillChange:r=(()=>{})}){const n=(0,A.useRouter)(),i=(0,Z.Z)((e=>e.setCover)),[o,s]=(0,O.Z)((e=>[e.toggle,e.setToggle])),{0:l,1:p}=(0,u.useState)(0),{0:h,1:v}=(0,u.useState)(void 0),m=function(){const{0:{webP:e},1:t}=(0,u.useState)({webP:void 0});return(0,u.useEffect)((()=>{(async()=>{const e=await P();t({webP:e})})()}),[P()]),e}(),g=(0,u.useRef)(),b=(0,u.useCallback)((e=>{void 0===h&&p(e)}),[h]),y=e=>{v(e)},w=(0,u.useCallback)((async(t,o)=>{const c=o.getBoundingClientRect(),a=document.createElement("div");document.body.appendChild(a);const u=await G(e[t].fields.cover.fields.file.url+"?w=1024"+(m?"&fm=webp":"")),l=await G(e[t].fields.scotch.fields.file.url);u.style="width:100%;height:100%;top:0;left:0;position:absolute;",a.appendChild(u),a.style.top=c.top+"px",a.style.left=c.left+"px",a.style.width=c.width+"px",a.style.height=c.height+"px",a.style.position="absolute",a.style.zIndex=100,l.style.position="absolute",l.style.width=.5*c.width+"px",l.style.height=.5*c.width/3+"px",l.style.left="50%",l.style.top="0",l.style.transform="translate(-50%,-50%)",l.style.zIndex=2,a.appendChild(l),r(!0),i(a),s("opening"),d.Z.once("pageTransition:opened",(()=>{const r=e[t].fields.slug;n.push(`/case/${r}`)}))}),[e]),[x,j]=(0,f.iP)(),S=(0,u.useRef)(),{delayed:M}=(0,F.Z)(1e3);return(0,c.jsx)("section",{className:"casesShowcase o-grid",children:x>1024?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{ref:g,className:"casesShowcase__images",children:void 0!==m&&(0,c.jsx)(E,{target:h,current:l,setCurrent:b,onLoad:t,onGoToTargetComplete:()=>{w(l,g.current)},onClick:y,items:e.map((({fields:e})=>({image:e.cover.fields.file.url+"?w=1024"+(m?"&fm=webp":""),scotch:e.scotch.fields.file.url+(m?"?fm=webp":"")}

1))),images:e.map((({fields:e})=>e.cover.fields.file.url+"?w=1024"+(m?"&fm=webp":"")))})}),(0,c.jsx)("div",{ref:S,className:"casesShowcase__itemsList",children:(0,c.jsxs)(I,{depth:[0,-50],children:[(0,c.jsx)("h2",{className:"casesShowcase__itemsList__title",children:(0,c.jsx)("span",{className:D()((0,K.Z)("blurInBottom","closing"!==o&&M)),style:{"--t-delay":"0.2s"},children:"Selected projects"})}),(0,c.jsx)("ul",{className:"casesShowcase__itemsList__list",children:e.map(((e,t)=>(0,c.jsx)("li",{className:D()("casesShowcase__item",(0,K.Z)("blurInBottom","closing"!==o&&M)),style:{"--t-delay":.2+.1*t+"s"},children:(0,c.jsx)(a,{slug:e.fields.slug,title:e.fields.title,index:t,isCurrent:l===t,setCurrent:b,onClick:y})},t)))})]})})]}):(0,c.jsx)(z,{cases:e,onGoToTargetComplete:(e,t)=>{w(e,t)},onLoad:t})})}},7570:function(e,t,r){"use strict";var n=r(4942),i=r(7294),o=r(4184),s=r.n(o),c=r(5893);function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const l=(0,i.forwardRef)((({sources:e,src:t,alt:r="",width:n,height:o,onLoad:a=(()=>{}),loading:l="lazy",className:f,scotch:d=!0,style:p},h)=>{const v=(0,i.useRef)(),{0:m,1:g}=(0,i.useState)(!1);return(0,i.useEffect)((function(){v.current.naturalWidth&&v.current.complete&&g(!0)}),[]),(0,i.useEffect)((()=>{m&&a(v.current.currentSrc)}),[m]),(0,c.jsxs)("picture",{ref:h,className:s()("image",f),style:p,children:[e?e.map(((e,t)=>(0,i.createElement)("source",u(u({},e),{},{key:t})))):null,(0,c.jsx)("img",{ref:v,loading:l,src:t,alt:r,onLoad:()=>{g(!0)},width:n,height:o})]})}));t.Z=l},9098:function(e,t,r){"use strict";var n=r(4184),i=r.n(n),o=r(7294),s=r(5893);const c=(0,o.forwardRef)((({children:e,className:t,style:r,type:n=!0,visible:o=!0},c)=>(0,s.jsxs)("div",{ref:c,className:i()("scotch",t),style:r,children:[n&&(0,s.jsx)("div",{className:i()("scotch__scotch","double"===n?"scotch__scotch--double":""),style:{opacity:o?1:0},children:"double"===n?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("img",{src:"/images/scotch4.png",alt:"",width:"97",height:"50"}),(0,s.jsx)("img",{src:"/images/scotch6.png",alt:"",width:"82",height:"55"})]}):(0,s.jsx)("img",{src:"string"===typeof n?n:"/images/scotch2.png",alt:"",width:"260",height:"85"})}),e]})));t.Z=c},296:function(e,t,r){"use strict";var n=r(276),i=r(7294),o=r(8778);t.Z=e=>{const{state:t}=(0,o.Z)(),{0:r,1:s}=(0,i.useState)(),{0:c,1:a}=(0,i.useState)(t.current.scroll),u=(0,i.useMemo)((()=>{if(r)return{left:r.left,top:r.top+c,right:r.right,bottom:r.bottom+c,x:r.left,y:r.top,width:r.width,height:r.height}}),[r,c]);return(0,i.useEffect)((()=>{const r=()=>{e.current&&(s(e.current.getBoundingClientRect()),a(t.current.scroll))};return r(),n.Z.on("window:resize",r),()=>n.Z.off("window:resize",r)}),[e]),u}},7569:function(e,t,r){"use strict";var n=r(4942);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const s=(0,r(4894).Z)((e=>({cover:void 0,setCover:t=>e((e=>o(o({},e),{},{cover:t})))})));t.Z=s},2323:function(){},6885:function(e){"use strict";var t=new Promise((function(e){var t=new Image;t.onerror=function(){return e(!1)},t.onload=function(){return e(1===t.width)},t.src="data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA="})).catch((function(){return!1}));e.exports=t}}]);