1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[102],{669:(e,s,r)=>{"use strict";r.d(s,{A:()=>i});var l=r(5383);function i({children:e}){return(0,l.jsx)("footer",{className:"pb-lg px-screen grid sm:grid-cols-2 lg:grid-cols-4 w-full",children:e})}r(4343)},5885:(e,s,r)=>{"use strict";r.d(s,{A:()=>c});var l=r(5383),i=r(4343),n=r(7462),t=r(4442);function c({project:e,children:s}){let r=t.M4.findIndex(s=>s.slug===e.slug)+1,d=t.M4[t.M4.length>r?r:0];return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"fs-lg project-wrapper overflow-hidden",children:s}),d&&(0,i.createElement)(n.A,{...d,isNextProject:!0,key:d.slug})]})}},6412:(e,s,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/projects/interconnected",function(){return r(8962)}])},7462:(e,s,r)=>{"use strict";r.d(s,{A:()=>h});var l=r(5383),i=r(4343),n=r(6001),t=r.n(n),c=r(5938),d=r(8667),a=r(9337),o=r(8145);function u({name:e,year:s,tagline:r,className:i,isNextProject:n}){return(0,l.jsxs)("div",{className:t()("md:col-span-3",i),children:[n&&(0,l.jsx)("p",{className:"fs-lg next-project-label",children:"Next project"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"!block",children:(0,l.jsx)(a.H1,{className:t()("break-words items-end flex w-full"),children:(0,l.jsx)("span",{className:"h-auto",children:e})})}),(0,l.jsxs)("span",{className:"fs-xl",children:[" (",s,")"]})]}),(0,l.jsx)("h2",{className:"fs-xl text-gray pt-2",children:r})]})}function h({name:e,year:s,tagline:r,roles:n,client:g,clientLabel:m="Client",slug:x,websiteUrl:j,links:p,children:f,thumbnail:v,cover:N,isNextProject:y}){let b=(0,d.useRouter)(),w=i.useRef(null),A=i.useRef(null);return(0,i.useEffect)(()=>{if(y)return;document.body.style["--project-heading-height"]=`${w.current?.getBoundingClientRect().height}px`;let e=c.Ay.timeline({duration:.5});e.to(w.current,{opacity:100,duration:0}),e.from(w.current?.querySelector("div:first-child"),{opacity:0,yPercent:10,ease:"power2.out"}),e.from(w.current?.querySelectorAll("div:nth-child(2)"),{height:0}),e.from(w.current?.querySelectorAll("div:nth-child(2) ul li"),{stagger:.2,opacity:0,yPercent:10,ease:"power2.out"})},[]),(0,l.jsxs)("div",{ref:A,children:[!y&&(0,l.jsxs)("header",{className:t()("grid grid-cols-1 md:grid-cols-4 items-end px-screen py opacity-0 current-project-heading gap-y-0",!y&&"py"),ref:w,children:[(0,l.jsx)(u,{year:s,name:e,tagline:r}),(0,l.jsx)("div",{className:"md:pt-8 text-base flex flex-col",children:(0,l.jsxs)("ul",{className:"pt",children:[n&&(0,l.jsxs)("li",{children:[(0,l.jsx)("strong",{children:"Role:"})," ",n.join(", ")]}),g&&(0,l.jsxs)("li",{children:[(0,l.jsxs)("strong",{children:[m,":"]})," ",g]}),j&&(0,l.jsx)("li",{children:(0,l.jsx)(a.c7,{href:j,target:"_blank",className:"font-semibold",children:"Visit the website â"})}),p&&p.map(([e,s])=>(0,l.jsx)("li",{children:(0,l.jsxs)(a.c7,{href:s,target:"_blank",className:"font-semibold",children:[e," â"]})},s)),f]})})]}),(N||v)&&(0,l.jsx)(o.A,{cover:N??null,thumbnail:v,className:t()(y&&"cursor-pointer"),onClick:()=>y&&x&&b.push(`/projects/${x}`),children:y&&(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(u,{year:s,name:e,tagline:r,className:"next-project-heading",isNextProject:y})})})]})}},7510:(e,s,r)=>{"use strict";r.d(s,{A:()=>t});var l=r(5383);r(4343);var i=r(6001),n=r.n(i);function t({children:e,className:s,two:r,three:i,six:c,twelve:d,padding:a,projects:o}){return(0,l.jsx)("div",{className:n()("grid",r&&"sm:grid-cols-2",i&&"sm:grid-cols-3",c&&"grid-cols-6",d&&"grid-cols-12",o&&"md:grid-cols-project",a&&"pb-lg px-screen",s),children:e})}},7905:(e,s,r)=>{"use strict";r.d(s,{A:()=>c,v:()=>d});var l=r(5383),i=r(6001),n=r.n(i);let t=(0,r(4343).forwardRef)((e,s)=>{if(!e.image)return null;let{image:r,alt:i="",className:t,pictureClassName:c,loading:d,id:a,onMouseMove:o,onClick:u}=e;return(0,l.jsx)("picture",{className:n()("mb-image",c),id:a,onClick:u,children:(0,l.jsx)("img",{ref:s,alt:i,className:t,src:r,loading:d,onMouseMove:o})})});t.displayName="Image";let c=t;function d(e=null){return s=>`/images/${e?`${e}/`:""}${s}`}},8145:(e,s,r)=>{"use strict";r.d(s,{A:()=>d});var l=r(5383),i=r(4343),n=r(6001),t=r.n(n),c=r(7905);function d({cover:e,thumbnail:s,children:r,className:n,...a}){let o=i.useRef(null),u=i.useRef(null);return(0,l.jsxs)("div",{className:t()("md:h-[80vh] overflow-hidden border-t border-b relative group",n),ref:u,...a,children:[(0,l.jsx)(c.A,{ref:o,loading:"eager",preload:!0,image:e||s,className:t()("cover-img h-full w-full object-cover md:scale-[120%] object-center bg-white lg:py",r?"md:opacity-0 transition-[opacity] md:group-hover:opacity-30 ":void 0)}),r&&(0,l.jsx)("div",{className:"md:absolute left-0 right-0 bottom-0 grid grid-cols-1 md:grid-cols-4 items-end px py overflow-hidden",children:r})]})}},8962:(e,s,r)=>{"use strict";r.r(s),r.d(s,{default:()=>h});var l=r(5383);r(4343);var i=r(5885),n=r(7462),t=r(8145),c=r(9337),d=r(7905),a=r(669),o=r(7510),u=r(4442);function h(){let e=(0,u.co)("interconnected"),{name:s,roles:r,tagline:h,thumbnail:g,cover:m,year:x,client:j,websiteUrl:p,description:f}=e,v=(0,d.v)("interconnected");return(0,l.jsxs)(i.A,{project:e,children:[(0,l.jsx)(n.A,{name:s,tagline:h,year:x,client:j,websiteUrl:p,roles:r}),(0,l.jsx)(t.A,{cover:m,thumbnail:g}),(0,l.jsx)(c.fI,{className:"py-lg",description:f}),(0,l.jsxs)(o.A,{two:!0,padding:!0,children:[(0,l.jsx)(d.A,{image:v("1.png")}),(0,l.jsx)(d.A,{image:v("2.png")}),(0,l.jsx)(d.A,{image:v("3.png")}),(0,l.jsx)(d.A,{image:v("4.png")})]}),(0,l.jsxs)(a.A,{children:[(0,l.jsx)(c.vw,{title:"Team",children:(0,l.jsx)("ul",{children:(0,l.jsx)("li",{children:"Federico Pozzi"})})}),(0,l.jsx)(c.vw,{title:"Tools and technology",children:(0,l.jsxs)("ul",{children:[(0,l.jsx)("li",{children:"Figma"}),(0,l.jsx)("li",{children:"GatsbyJs"}),(0,l.jsx)("li",{children:"GSAP"})]})})]})]})}}},e=>{e.O(0,[931,938,636,593,792],()=>e(e.s=6412)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.