https://atelier.net/_next/static/chunks/3676.d4ac5c1b3abd931f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3676],{95580:function(e,t,r){"use strict";r.r(t),r.d(t,{VerticalFeaturesSliderDesktop:function(){return m}});var n=r(3827),s=r(64090),i=r(1245),a=r(77048),l=r(11723),c=r(24870),u=r(11348),o=r(21715),d=r(55578),f=r(67742);let p=e=>{let{featureImage:t,handleActive:r}=e,a=(0,s.useRef)(null),{scrollYProgress:c}=(0,l.v)({target:a,offset:["start end","end start"]}),u=(0,d.H)(c,[0,1],[100,-100]);return(0,s.useEffect)(()=>{if(!a.current)return;let e=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&r()});return e.observe(a.current),()=>e.disconnect()},[]),i.BH(t)&&(0,n.jsx)("div",{ref:a,className:"aspect-square col-start-13 col-span-12 justify-self-end max-h-[90svh] max-w-full w-full overflow-hidden",children:(0,n.jsx)(o.E.div,{style:{y:u,height:"calc(100% + 200px)"},className:"w-full ease-linear",children:(0,n.jsx)(f.Z,{image:t,className:"h-full w-full object-cover translate-y-[-100px]"})})})},m=e=>{let{items:t}=e,[r,d]=(0,s.useState)(0),f=(0,s.useRef)(null),m=(0,s.useRef)(),{scrollYProgress:h}=(0,l.v)({target:f,offset:["start start","end end"]});return h.on("change",e=>{m.current&&(m.current.time=e*m.current.duration)}),(0,s.useEffect)(()=>{m.current=(0,c.j)([[".our-approach-desktop__number-list",{y:["0%","-".concat(100-100/t.length,"%")]},{ease:"linear"}]]),m.current.pause()},[]),(0,n.jsxs)("div",{ref:f,className:"hidden lg:ui-inner-grid col-span-full mt-48 gap-y-20",children:[(0,n.jsxs)("div",{className:"col-span-11 grid grid-rows-[auto_1fr] sticky top-[15%]",children:[(0,n.jsxs)("div",{className:"flex justify-between",children:[(0,n.jsxs)("div",{className:"oa-number relative overflow-hidden",children:["0",(0,n.jsx)("span",{className:"invisible",children:"2"}),(0,n.jsx)("div",{className:"our-approach-desktop__number-list flex flex-col absolute top-0 right-0",children:t.map((e,t)=>(0,n.jsx)("div",{children:t+1},"number-list-item-".concat(t+1)))})]}),(0,n.jsxs)("p",{className:"t-h5",children:["/0",t.length]})]}),(0,n.jsx)(u.M,{mode:"wait",children:t[r]&&(0,n.jsxs)(o.E.div,{className:"max-w-[72%] self-center relative",initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.6,ease:"easeIn"},children:[i.qO(t[r].heading)&&(0,n.jsx)("div",{className:"t-p font-semibold mt-6",children:(0,n.jsx)(a.v,{field:t[r].heading})}),i.qO(t[r].description)&&(0,n.jsx)("div",{className:"rich-text mt-4",children:(0,n.jsx)(a.v,{field:t[r].description})})]},"our-approach-desktop__copy-".concat(r))})]}),t.map((e,t)=>(0,n.jsx)(p,{featureImage:e.feature_image,handleActive:()=>d(t)},"parallax-image-".concat(t)))]})}},67742:function(e,t,r){"use strict";var n=r(3827),s=r(67456),i=r(1245),a=r(1392),l=r(41901),c=r.n(l),u=r(69645),o=r(16480),d=r.n(o);t.Z=e=>{var t;let{image:r,className:l,sizes:o={default:"100vw",md:"50vw",lg:"30vw"},placeholder:f="blur",ratio:p,fill:m,...h}=e;if(!i.BH(r))return;let v=a.D(r,{fit:"max",w:20})||void 0,x=null===(t=a.D(r))||void 0===t?void 0:t.includes(".svg"),g=d()(l,c().main,{[c().hasRatio]:p,"w-full":x});return(0,n.jsx)(s.PrismicNextImage,{quality:85,className:g,style:{"--ratio":p},field:r,placeholder:f,blurDataURL:v,sizes:(e=>{let t=[];for(let[r,n]of Object.entries(e))"default"!==r&&t.push("".concat((0,u.Tc)(r)," ").concat(n));return t.push(e.default),t.join(", ")})(o),fill:!!p||m,fallbackAlt:"",...h})}},51492:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}});var n=r(3827),s=r(16480),i=r.n(s);function a(e){let{children:t,...r}=e,{className:s,...a}

1=r,l=i()(s,"t-p-s mb-5 md:t-p lg:mb-0");return(0,n.jsx)("p",{...a,className:l,children:t})}},8659:function(e,t,r){"use strict";r.d(t,{S:function(){return s},p:function(){return i}});let n=e=>null!=e,s=e=>n(e)&&!!e.url,i=e=>n(e)&&("id"in e||"url"in e)},46993:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"RouterContext",{enumerable:!0,get:function(){return n}});let n=r(86921)._(r(64090)).default.createContext(null)},93837:function(e,t,r){"use strict";r.r(t);var n=r(3827),s=r(77048),i=r(1245),a=r(51492),l=r(67742),c=r(95580);t.default=e=>{let{slice:t}=e,{heading:r}=t.primary||{},u=t.items||[];return u.length>9?null:(0,n.jsxs)("section",{className:"ui-grid ui-section section-border-top","data-slice-type":t.slice_type,"data-slice-variation":t.variation,children:[(0,n.jsx)(a.Z,{children:t.sectionNumber}),i.qO(r)&&(0,n.jsx)("div",{className:"rich-text-section-heading-secondary col-span-full lg:col-start-3 lg:col-span-12",children:(0,n.jsx)(s.v,{field:r})}),(0,n.jsx)("div",{className:"col-span-full grid gap-12 mt-14 md:col-start-2 md:col-span-6 lg:hidden",children:u.map((e,t)=>(0,n.jsxs)("div",{children:[i.BH(e.feature_image)&&(0,n.jsx)("div",{className:"aspect-square",children:(0,n.jsx)(l.Z,{image:e.feature_image,className:"h-full w-full object-cover"})}),i.qO(e.heading)&&(0,n.jsx)("div",{className:"rich-text font-semibold mt-6",children:(0,n.jsx)(s.v,{field:e.heading})}),i.qO(e.description)&&(0,n.jsx)("div",{className:"rich-text-small lg:rich-text mt-4",children:(0,n.jsx)(s.v,{field:e.description})})]},"our-approach-item-".concat(t)))}),(0,n.jsx)(c.VerticalFeaturesSliderDesktop,{items:u})]})}},69645:function(e,t,r){"use strict";r.d(t,{C5:function(){return i},Tc:function(){return s},p6:function(){return l},we:function(){return a}});let n=r(12201);function s(e){let t="";return n.screens[e]&&(t="(min-width: ".concat(n.screens[e],")")),t}function i(e){switch(e){case"observatory_detail":return{label:"Observatory",href:"/observatories"};case"project_detail":return{label:"Project",href:"/projects"};case"news_detail":return{label:"News",href:"/news"};default:return{label:"Insight",href:"/insights"}}}let a=e=>{let t=[];return e.map(e=>{e.id&&t.push({article:e})}),t};function l(e){if(!e)return;let t=["January","February","March","April","May","June","July","August","September","October","November","December"].map(e=>e.substring(0,3)),r=e.split("T")[0].split("-"),n=r[0],s=parseInt(r[1])-1,i=r[2];return"".concat(i," ").concat(t[s]," ").concat(n)}},41901:function(e){e.exports={main:"Picture_main__dc1LF",hasRatio:"Picture_hasRatio__f1ypM"}},1392:function(e,t,r){"use strict";r.d(t,{D:function(){return a}});let n=e=>e.replace(/[A-Z]/g,e=>"-".concat(e.toLowerCase())),s=(e,t)=>{let r=new URL(e);for(let e in t){let s=n(e),i=t[e];void 0===i?r.searchParams.delete(s):Array.isArray(i)?r.searchParams.set(s,i.join(",")):r.searchParams.set(s,"".concat(i))}let s=r.searchParams.get("s");return s&&(r.searchParams.delete("s"),r.searchParams.append("s",s)),r.toString()};var i=r(1245);let a=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e&&(0,i.S$)(e)?s(e.url,t):null}},11348:function(e,t,r){"use strict";r.d(t,{M:function(){return x}});var n=r(64090),s=r(45526);function i(){let e=(0,n.useRef)(!1);return(0,s.L)(()=>(e.current=!0,()=>{e.current=!1}),[]),e}var a=r(14205),l=r(24561),c=r(72435),u=r(93449);class o extends n.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=this.props.sizeRef.current;e.height=t.offsetHeight||0,e.width=t.offsetWidth||0,e.top=t.offsetTop,e.left=t.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function d(e){let{children:t,isPresent:r}=e,s=(0,n.useId)(),i=(0,n.useRef)(null),a=(0,n.useRef)({width:0,height:0,top:0,left:0}),{nonce:l}=(0,n.useContext)(u._);return(0,n.useInsertionEffect)(()=>{let{width:e,height:t,top:n,left:c}=a.current;if(r||!i.current||!e||!t)return;i.current.dataset.motionPopId=s;let u=document.createElement("style");return l&&(u.nonce=l),document.head.appendChild(u),u.sheet&&u.sheet.insertRule('\n          [data-motion-pop-id="'.concat(s,'"] {\n            position: absolute !important;\n            width: ').concat(e,"px !important;\n            height: ").concat(t,"px !important;\n            top: ").concat(n,"px !important;\n            left: ").concat(c,"px !important;\n          }\n        ")),()=>{document.head.removeChild(u)}},[r]),n.createElement(o,{isPresent:r,childRef:i,sizeRef:a},n.cloneElement(t,{ref:i}))}let f=e=>{let{children:t,initial:r,isPresent:s,onExitComplete:i,custom:a,presenceAffectsLayout:u,mode:o}=e,f=(0,c.h)(p),m=(0,n.useId)(),h=(0,n.useMemo)(()=>({id:m,initial:r,isPresent:s,custom:a,onExitComplete:e=>

1{for(let t of(f.set(e,!0),f.values()))if(!t)return;i&&i()},register:e=>(f.set(e,!1),()=>f.delete(e))}),u?void 0:[s]);return(0,n.useMemo)(()=>{f.forEach((e,t)=>f.set(t,!1))},[s]),n.useEffect(()=>{s||f.size||!i||i()},[s]),"popLayout"===o&&(t=n.createElement(d,{isPresent:s},t)),n.createElement(l.O.Provider,{value:h},t)};function p(){return new Map}var m=r(53856),h=r(29908);let v=e=>e.key||"",x=e=>{var t;let{children:r,custom:l,initial:c=!0,onExitComplete:u,exitBeforeEnter:o,presenceAffectsLayout:d=!0,mode:p="sync"}=e;(0,h.k)(!o,"Replace exitBeforeEnter with mode='wait'");let x=(0,n.useContext)(m.p).forceRender||function(){let e=i(),[t,r]=(0,n.useState)(0),s=(0,n.useCallback)(()=>{e.current&&r(t+1)},[t]);return[(0,n.useCallback)(()=>a.Wi.postRender(s),[s]),t]}()[0],g=i(),j=function(e){let t=[];return n.Children.forEach(e,e=>{(0,n.isValidElement)(e)&&t.push(e)}),t}(r),b=j,y=(0,n.useRef)(new Map).current,w=(0,n.useRef)(b),E=(0,n.useRef)(new Map).current,N=(0,n.useRef)(!0);if((0,s.L)(()=>{N.current=!1,function(e,t){e.forEach(e=>{let r=v(e);t.set(r,e)})}(j,E),w.current=b}),t=()=>{N.current=!0,E.clear(),y.clear()},(0,n.useEffect)(()=>()=>t(),[]),N.current)return n.createElement(n.Fragment,null,b.map(e=>n.createElement(f,{key:v(e),isPresent:!0,initial:!!c&&void 0,presenceAffectsLayout:d,mode:p},e)));b=[...b];let _=w.current.map(v),R=j.map(v),P=_.length;for(let e=0;e<P;e++){let t=_[e];-1!==R.indexOf(t)||y.has(t)||y.set(t,void 0)}return"wait"===p&&y.size&&(b=[]),y.forEach((e,t)=>{if(-1!==R.indexOf(t))return;let r=E.get(t);if(!r)return;let s=_.indexOf(t),i=e;i||(i=n.createElement(f,{key:v(r),isPresent:!1,onExitComplete:()=>{y.delete(t);let e=Array.from(E.keys()).filter(e=>!R.includes(e));if(e.forEach(e=>E.delete(e)),w.current=j.filter(r=>{let n=v(r);return n===t||e.includes(n)}),!y.size){if(!1===g.current)return;x(),u&&u()}},custom:l,presenceAffectsLayout:d,mode:p},r),y.set(t,i)),b.splice(s,0,i)}),b=b.map(e=>{let t=e.key;return y.has(t)?e:n.createElement(f,{key:v(e),isPresent:!0,presenceAffectsLayout:d,mode:p},e)}),n.createElement(n.Fragment,null,y.size?b:b.map(e=>(0,n.cloneElement)(e)))}}}]);