https://www.onlystudio.com/_next/static/chunks/2678.ae1841c9f46b673c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2678],{26482:function(e,i,n){n.r(i),n.d(i,{CaseStudyMediaSplitSlideshowTrack:function(){return c}});var t=n(57437),r=n(9467),a=n(2265),o=n(47984),l=n(72921),s=n(30548),u=n(75100);function c(e){let{slides:i,ratio:n,imageSizes:c="(max-width: 768px) 50vw, 100vw"}=e,[d,m]=(0,r.Z)({loop:!0,duration:0,watchDrag:!1}),[f,v]=(0,a.useState)("default"),[h,p]=(0,a.useState)(0),g=(0,a.useCallback)(()=>{m&&m.scrollPrev()},[m]),w=(0,a.useCallback)(()=>{m&&m.scrollNext()},[m]),x=(0,a.useCallback)(()=>{m&&p(m.selectedScrollSnap())},[m]),k=(0,a.useCallback)(e=>{let i=e.currentTarget.getBoundingClientRect();e.clientX-i.left<i.width/2?v("left"):v("right")},[]),y=(0,a.useCallback)(()=>{v("default")},[]),b=(0,a.useCallback)(e=>{if(!m)return;let i=e.currentTarget.getBoundingClientRect();e.clientX-i.left<i.width/2?g():w()},[w,g,m]),_=(0,l.useDrag)(e=>{let{active:i,tap:n,event:t,axis:r,swipe:[a,o]}=e;!n&&!i&&("x"===r?a<0?(w(),null==t||t.stopPropagation()):a>0&&(g(),null==t||t.stopPropagation()):"y"===r&&(o<0?(w(),null==t||t.stopPropagation()):o>0&&(g(),null==t||t.stopPropagation())))},{filterTaps:!0,pointer:{touch:!0},swipe:{velocity:.1,distance:50,duration:250},eventOptions:{passive:!1}});return(0,a.useEffect)(()=>{if(m)return x(),m.on("select",x),m.on("reInit",x),()=>{m.off("select",x),m.off("reInit",x)}},[m,x]),(0,a.useEffect)(()=>{m&&(m.reInit(),m.scrollTo(0,!0),p(0))},[i,m]),(0,t.jsx)(s.FadeUp,{skipVisibleCheck:!0,children:(0,t.jsxs)("div",{className:"relative select-none [-webkit-tap-highlight-color:transparent] [&_img]:select-none [&_video]:select-none",children:[(0,t.jsx)("div",{className:(0,o.cn)("embla cursor-pointer overflow-hidden",{"curs

1or-w-resize":"left"===f,"cursor-e-resize":"right"===f,"cursor-default":"default"===f}),..._(),ref:d,onClick:b,onMouseDown:e=>{"IMG"===e.target.tagName&&e.preventDefault()},onMouseMove:k,onMouseLeave:y,style:{touchAction:"pan-y"},children:(0,t.jsx)("div",{className:"embla__container flex min-h-0 items-stretch",children:i.map((e,i)=>(0,t.jsx)("div",{className:"embla__slide min-h-0 w-full min-w-0 flex-[0_0_100%] select-none self-stretch overflow-hidden",children:(0,t.jsx)(u.p,{image:e.image,ratio:n,video:e.video,hash:e.hash,vimeo:e.vimeo,vimeoLink:e.vimeoLink,sizes:c,instantImage:!0,className:(0,o.cn)("h-full min-h-0 w-full overflow-hidden","[&_.relative]:h-full [&_.relative]:min-h-0 [&_.relative]:w-full","[&_img]:h-full [&_img]:w-full [&_img]:max-w-none [&_img]:object-cover [&_img]:object-center","[&_video]:h-full [&_video]:w-full [&_video]:object-cover")})},i))})}),i.length>1?(0,t.jsx)("div",{className:"pointer-events-none absolute inset-x-0 bottom-4 z-10 flex justify-center",children:(0,t.jsx)("div",{className:"pointer-events-auto flex items-center gap-2",children:i.map((e,n)=>{let r=n===h;return(0,t.jsx)("button",{type:"button","aria-label":"Go to slide ".concat(n+1," of ").concat(i.length),"aria-current":r,className:(0,o.cn)("h-2 w-2 shrink-0 rounded-full transition-colors duration-200 ease-out motion-reduce:transition-none",r?"bg-white":"bg-white/20","focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"),onClick:e=>{e.stopPropagation(),null==m||m.scrollTo(n)}},n)})})}):null]})})}},68929:function(e,i,n){n.r(i),n.d(i,{DelayLink:function(){return s}});var t=n(57437),r=n(92964),a=n(27648),o=n(99376),l=n(89981);function s(e){let{href:i,children:n,onClicked:s,className:u,delay:c=500,prefetch:d=!1}=e,m=(0,o.useRouter)(),f=(0,o.usePathname)(),[,v]=(0,r.useAtom)(l.zK);return(0,t.jsx)(a.default,{href:i,onClick:e=>{if(f===i){s&&s();return}v(!0),s&&s(),setTimeout(()=>{m.push(i)},c),e.preventDefault()},className:u,prefetch:d,children:n})}},8260:function(e,i,n){n.d(i,{P:function(){return m}});var t=n(57437);n(2265);var r=n(53335),a=n(47984),o=n(25754),l=n(68929),s=n(30548),u=n(75100),c=n(52477),d=n(74209);async function m(e){let{className:i,title:n,headline:m,ratio:f,ratioClass:v,children:h,href:p,image:g,video:w,dark:x,vimeo:k,vimeoLink:y,mux:b,sizes:_="(max-width: 768px) 50vw, 100vw",skipFade:j,variant:N="base",index:C=0,startOpacity:P=1,willTransform:S=!1,skipVisibleCheck:L=!1}=e;async function z(){let e;try{var i;e=await (0,o.U)(null!==(i=null==g?void 0:g.url)&&void 0!==i?i:"")}catch(e){console.error("Error fetching image hash:",e)}return e}let I=await z();return(0,t.jsxs)(s.FadeUp,{skipFade:j,index:0,startOpacity:P,className:(0,a.cn)("group",{"will-change-transform":S}),skipVisibleCheck:L,children:[(0,t.jsx)("div",{id:"media-card",className:(0,r.m6)("group-[.guides]:bg-grey-200 overflow-hidden",i,v),style:f?{aspectRatio:"".concat(f)}:void 0,children:p?(0,t.jsx)(l.DelayLink,{href:p,dark:x,prefetch:!0,children:(0,t.jsx)(u.p,{image:g,ratio:f,ratioClass:v,video:w,hash:I,vimeo:k,vimeoLink:y,sizes:_})}):(0,t.jsx)(u.p,{image:g,ratio:f,ratioClass:v,video:w,hash:I,vimeo:k,vimeoLink:y,sizes:_})}),n?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.TypographySpacer,{className:"h-4"}),(0,t.jsxs)(c.c,{tag:"h3",variant:N,children:[(0,t.jsxs)("span",{className:"mb-1 inline-block text-pretty pr-2 desktop:pr-12",children:[n," ",m&&"— ".concat(m)]}),(0,t.jsx)(c.c,{tag:"span",variant:N,color:"muted",children:h&&(0,t.jsx)("span",{className:"inline-block text-pretty pr-2 desktop:pr-12",children:h})})]})]}):h]})}},74209:function(e,i,n){n.r(i),n.d(i,{TypographySpacer:function(){return o}});var t=n(57437),r=n(2265),a=n(53335);function o(e){let{className:i}=e,n=(0,r.useRef)(null),[o,l]=(0,r.useState)({width:0,height:0});return(0,r.useEffect)(()=>{let e=()=>{if(n.current){let{offsetWidth:e,offsetHeight:i}=n.current;l({width:e,height:i})}};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),(0,t.jsx)("div",{ref:n,className:(0,a.m6)("relative flex items-center group-[.guides]:bg-green-100",i),children:(0,t.jsxs)("span",{className:"hidden text-green-800 text-xs group-[.guides]:block",children:[o.height," px"]})})}},89981:function(e,i,n){n.d(i,{AS:function(){return c},Ad:function(){return l},DE:function(){return u},Zf:function(){return o},i$:function(){return a},o9:function(){return m},ug:function(){return s},vQ:function(){return d},zK:function(){return r}});var t=n(22008);let r=(0,t.cn)(!1),a=(0,t.cn)(!1),o=(0,t.cn)(!0),l=(0,t.cn)(!1),s=(0,t.cn)(!1);(0,t.cn)(null);let u=(0,t.cn)(!1),c=(0,t.cn)(!1),d=(0,t.cn)(!1),m=(0,t.cn)(!1);(0,t.cn)(!1)},99376:function(e,i,n){var t=n(35475);n.o(t,"useParams")&&n.d(i,{useParams:function(){return t.useParams}}),n.o(t,"usePathname")&&n.d(i,{usePathname:function(){return t.usePathname}}),n.o(t,"useRouter")&&n.d(i,{useRouter:function(){return t.useRouter}}),n.o(t,"useSearchParams")&&n.d(i,{useSearchParams:function(){return t.useSearchParams}})},22678:function(e,i,n){n.r(i),n.d(i,{default:function(){return v}});var t=n(57437),r=n(69715),a=n(8260);async function o(e){let{image:i,video:n,vimeo:o,vimeoLink:l,ratio:s}=e,u=r.OI(n)?n.url:void 0,c=r.p4(l)?l.url:void 0;return(0,t.jsx)("div",{className:"col-span-full tablet:col-span-8 laptop:col-span-12",children:(0,t.jsx)(a.P,{image:i,video:u,ratio:s,sizes:"100vw",vimeo:null==o?void 0:o.embed_url,vimeoLink:c,skipVisibleCheck:!0})})}var l=n(25754),s=n(26482);function u(e){return r.OI(e.video)||r.BH(e.image)||r.p4(e.vimeo_link)}async function c(e){if(e)try{return await (0,l.U)(e)}catch(e){return}}async function d(e){let i=Array.from(new Set(e.filter(Boolean)));return new Map(await Promise.all(i.map(async e=>{let i=await c(e);return[e,i]})))}async function m(e){let{media:i,aspect_ratio:n,video:a,vimeo:o,vimeo_link:l,slideshow:c}=e,m=r.OI(a)?a.url:void 0,f=r.p4(l)?l.url:void 0,v=(null!=c?c:[]).filter(u),h=await d(r.BH(i)?[i.url]:[]),p=[{image:i,video:m,vimeo:null==o?void 0:o.embed_url,vimeoLink:f,hash:r.BH(i)?h.get(i.url):void 0},...function(e){let i=[];for(let n of e)r.OI(n.video)?i.push({video:n.video.url}):r.p4(n.vimeo_link)?i.push({vimeoLink:n.vimeo_link.url}):r.BH(n.image)&&i.push({image:n.image});return i}(v)];return(0,t.jsx)("div",{className:"col-span-full tablet:col-span-8 laptop:col-span-12",children:(0,t.jsx)(s.CaseStudyMediaSplitSlideshowTrack,{slides:p,ratio:n,imageSizes:"100vw"})})}function f(e){return r.OI(e.video)||r.BH(e.image)||r.p4(e.vimeo_link)}var v=e=>{var i;let{slice:n}=e,a=r.$Z(n.primary.vimeo)?"".concat(n.primary.vimeo.width," / ").concat(n.primary.vimeo.height):n.primary.aspect_ratio,l=null!==(i=n.primary.slideshow)&&void 0!==i?i:[];return l.some(f)?(0,t.jsx)(m,{media:n.primary.media,aspect_ratio:a,video:n.primary.video,vimeo:n.primary.vimeo,vimeo_link:n.primary.vimeo_link,slideshow:l}):(0,t.jsx)(o,{image:n.primary.media,video:n.primary.video,ratio:a,vimeo:n.primary.vimeo,vimeoLink:n.primary.vimeo_link})}},69715:function(e,i,n){n.d(i,{$Z:function(){return u},BH:function(){return r},BI:function(){return l},Nn:function(){return s},OI:function(){return o},p4:function(){return a}});let t=e=>null!=e,r=e=>t(e)&&!!e.url,a=e=>t(e)&&("id"in e||"url"in e),o=a,l=a,s=e=>t(s)&&!!e,u=e=>t(e)&&!!e.embed_url}}]);