https://monumentallabs.co/_next/static/chunks/171-ad32a56c00b0545e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[171],{2382:function(e,t,r){r.d(t,{Z:function(){return u}});var n=r(5893),a=r(8206),l=r(5750),s=r(6893),o=r(2233),c=r(2540),i=r(7294);function u(e){let{children:t,delay:r=0,className:u="",railsColor:d="bg-black",topClassName:f="",bottomClassName:p=""}=e,m=(0,i.useRef)(null),h=(0,s.Y)(m,{once:!1}),v=(0,o._)();(0,i.useEffect)(()=>{h?v.start("visible"):v.start("hidden")},[h,v]);let{easing:x,durationMinor:b}=(0,l.jP)(),g={hidden:{width:0},visible:{width:"100%",transition:{delay:(0,a.Z)()?.1:r,duration:b,ease:x}}};return(0,n.jsxs)("div",{ref:m,className:"relative ".concat(u),children:[(0,n.jsx)(c.E.div,{className:"absolute top-0 left-0 h-[1px] ".concat(d," ").concat(f),initial:"hidden",animate:v,variants:g}),(0,n.jsx)(c.E.div,{className:"absolute bottom-0 left-0 h-[1px] ".concat(d," ").concat(p),initial:"hidden",animate:v,variants:g}),t]})}},2249:function(e,t,r){r.d(t,{Z:function(){return l}});var n=r(5893),a=r(7294);function l(e){let{src:t,className:r}=e,l=(0,a.useRef)(null),[s,o]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{if(!l.current)return;let e=l.current,t=()=>{o(!0)},r=()=>{e&&(s||!e.playing&&e.paused)&&e.play().then(()=>{o(!1)}).catch(e=>{console.warn("Error playing video:",e)})},n=()=>{o(!1)},a=()=>{};return e.addEventListener("suspend",t),e.addEventListener("play",n),e.addEventListener("pause",a),document.body.addEventListener("click",r),document.body.addEventListener("touchstart",r),()=>{e.removeEventListener("suspend",t),e.removeEventListener("play",n),e.removeEventListener("pause",a),document.body.removeEventListener("click",r),document.body.removeEventListener("touchstart",r)}},[s]),(0,n.jsx)("video",{className:r,ref:l,preload:"auto",playsInline:!0,loop:!0,muted:!0,autoPlay:!0,children:(0,n.jsx)("source",{src:t,type:"video/mp4"})})}},5726:function(e,t,r){r.d(t,{Z:function(){return s}});var n=r(5893),a=r(9008),l=r.n(a);function s(e){let{metadata:t}=e,r="https://www.monumentallabs.co",a=t.image||"".concat(r,"/social.png");return(0,n.jsxs)(l(),{children:[(0,n.jsx)("title",{children:t.title}),(0,n.jsx)("meta",{name:"title",content:t.title}),(0,n.jsx)("meta",{name:"description",content:t.description}),(0,n.jsx)("meta",{name:"keywords",content:t.keywords}),(0,n.jsx)("meta",{name:"author",content:t.author}),(0,n.jsx)("meta",{property:"og:title",content:t.title}),(0,n.jsx)("meta",{property:"og:description",content:t.description}),(0,n.jsx)("meta",{property:"og:image",content:a}),(0,n.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{property:"og:url",content:r}),(0,n.jsx)("meta",{property:"og:site_name",content:t.title})]})}r(7294)},9855:function(e,t,r){r.d(t,{Z:function(){return c}});var n=r(5893),a=r(7294),l=r(512);function s(e){let{direction:t,onClick:r,enabled:a,label:s}=e;return(0,n.jsx)("button",{type:"button","aria-label":"previous"===t?"Previous ".concat(s):"Next ".concat(s),onClick:r,tabIndex:a?0:-1,"aria-hidden":!a,style:{transition:a?"transform .5s ease-in, opacity .5s cubic-bezier(.15,0,.2,1) .1s":"transform .5s ease-in, opacity .7s cubic-bezier(.15,0,.2,1) .1s"},className:(0,l.Z)("max-lg:hidden [@media(hover:none)]:hidden","absolute z-10 grid h-14 w-14 place-items-center rounded-full","border border-carrara bg-offwhite text-black hover:bg-white active:bg-carrara","focus:outline-none focus-visible:ring-2 focus-visible:ring-black","top-1/2 -translate-y-1/2","previous"===t?"left-[18px]":"right-[18px]",a?"opacity-100 scale-100":"pointer-events-none opacity-0 scale-[.8]"),children:(0,n.jsx)("svg",{width:"10",height:"16",viewBox:"0 0 16 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"next"===t?"rotate-180":void 0,"aria-hidden":!0,children:(0,n.jsx)("path",{d:"M14.8049 1L2 12.2043L14.8049 23.4086",stroke:"currentColor",strokeWidth:"2.40092"})})})}let o=()=>window.matchMedia("(prefers-reduced-motion: reduce)").matches;function c(e){let{children:t,label:r,noun:c="projects",onNearEnd:i,trailing:u,className:d}=e,f=(0,a.useRef)(null),p=(0,a.useRef)(null),[m,h]=(0,a.useState)({previous:!1,next:!1}),[v,x]=(0,a.useState)(""),b=(0,a.useRef)(null),g=(0,a.useRef)(0),y=(0,a.useRef)({active:!1,startX:0,startScroll:0,moved:0}),w=(0,a.useRef)(i);(0,a.useEffect)(()=>{w.current=i},[i]);let j=(0,a.useCallback)(e=>{document.documentElement.style.overscrollBehaviorX=e?"none":""},[]);(0,a.useEffect)(()=>()=>j(!1),[j]);let N=(0,a.useCallback)(()=>{var e,t;let r=f.current,n=p.current;if(!r||!n)return[0];let a=r.scrollWidth-r.clientWidth,l=Array.from(n.children),s=null!==(t=null===(e=l[0])||void 0===e?void 0:e.offsetLeft)&&void 0!==t?t:0,o=l.map(e=>e.offsetLeft-s).filter(e=>e<a);return o.push(a),o},[]),k=(e,t)=>e.reduce((r,n,a)=>Math.abs(n-t)<Math.abs(e[r]-t)?a:r,0),C=(0,a.useCallback)(()=>{var e;let t=f.current;if(!t)return;let r=N();g.current=k(r,t.scrollLeft),h({previous:t.scrollLeft>1,next:t.scrollLeft<t.scrollWidth-t.clientWidth-1}),r.length-1-g.current<=1&&(null===(e=w.current)||void 0===e||e.call(w))},[N]),L=(0,a.useCallback)(()=>{let e=f.current,t=p.current;if(!e||!t)return;let r=e.getBoundingClientRect(),n=[];

1Array.from(t.children).forEach((e,t)=>{let a=e.getBoundingClientRect();a.left<r.right&&a.right>r.left&&n.push(t+1)}),n.length&&x("".concat(c.charAt(0).toUpperCase()).concat(c.slice(1)," ").concat(n[0]," to ").concat(n[n.length-1]," of ").concat(t.children.length))},[c]),E=(0,a.useCallback)(e=>{let t=f.current,r=p.current;b.current&&window.clearTimeout(b.current.timer),b.current=null,t&&r&&(r.style.transition="",r.style.transform="",t.scrollLeft=e,t.style.overflowX="",t.style.scrollSnapType="",C(),L())},[C,L]),R=(0,a.useCallback)(e=>{let t=f.current,r=p.current;if(!t||!r||b.current)return;let n=t.scrollWidth-t.clientWidth,a=Math.max(0,Math.min(e,n)),l=a-t.scrollLeft;if(1>Math.abs(l)){t.style.scrollSnapType="";return}if(o()){t.style.scrollSnapType="",t.scrollLeft=a,C(),L();return}let s=0===a||a===n,c=s?650:500;t.style.overflowX="hidden",t.style.scrollSnapType="none",r.style.transition="transform ".concat(c,"ms ").concat(s?"cubic-bezier(.34,1.56,.64,1)":"ease"),r.style.transform="translateX(".concat(-l,"px)"),b.current={to:a,timer:window.setTimeout(()=>E(a),c+100)}},[E,C,L]),P=(0,a.useCallback)(e=>{b.current&&e.target===p.current&&"transform"===e.propertyName&&E(b.current.to)},[E]),S=(0,a.useCallback)(e=>{let t=f.current;if(!t)return;let r=N(),n=k(r,t.scrollLeft)+e;n<0||n>=r.length||R(r[n])},[R,N]),z=a.Children.count(t);(0,a.useEffect)(()=>{C();let e=()=>{let e=f.current;if(!e)return;let t=N();e.scrollLeft=t[Math.min(g.current,t.length-1)],C()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[N,C,z]),(0,a.useEffect)(()=>{let e=f.current;if(!e)return;let t=t=>{if(Math.abs(t.deltaX)<=Math.abs(t.deltaY))return;t.stopPropagation();let r=e.scrollWidth-e.clientWidth,n=e.scrollLeft+t.deltaX;(b.current||n<0||n>r)&&t.preventDefault()};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)},[]),(0,a.useEffect)(()=>()=>{b.current&&window.clearTimeout(b.current.timer)},[]);let M=(0,a.useCallback)(e=>{if(y.current.moved=0,"mouse"!==e.pointerType||0!==e.button)return;let t=f.current;t&&!b.current&&(y.current={active:!0,startX:e.pageX,startScroll:t.scrollLeft,moved:0},t.style.scrollSnapType="none")},[]),T=(0,a.useCallback)(e=>{let t=f.current;if(!t||!y.current.active)return;if(!(1&e.buttons)){y.current.active=!1,t.style.scrollSnapType="";return}let r=e.pageX-y.current.startX,n=y.current.moved>5;if(y.current.moved=Math.max(y.current.moved,Math.abs(r)),t.scrollLeft=y.current.startScroll-1.25*r,!n&&y.current.moved>5)try{t.setPointerCapture(e.pointerId)}catch(e){}},[]),Z=(0,a.useCallback)(e=>{let t=f.current;if(!t||!y.current.active)return;y.current.active=!1;try{t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId)}catch(e){}let r=N();R(r[k(r,t.scrollLeft)])},[R,N]),X=(0,a.useCallback)(e=>{y.current.moved>5&&(e.preventDefault(),e.stopPropagation())},[]);return 0===z?null:(0,n.jsxs)("div",{onPointerEnter:()=>j(!0),onPointerLeave:()=>j(!1),className:(0,l.Z)("relative","ml-[calc(var(--px-section)*-1)] mr-[calc(var(--px-section)*-1)]",d),children:[(0,n.jsx)("div",{ref:f,onScroll:C,onPointerDown:M,onPointerMove:T,onPointerUp:Z,onPointerCancel:Z,onClickCapture:X,onTransitionEnd:P,onDragStart:e=>e.preventDefault(),className:(0,l.Z)("relative overflow-x-auto scrollbar-hide overscroll-x-contain select-none","scroll-pl-[--px-section]","[@media(hover:hover)]:snap-x [@media(hover:hover)]:snap-mandatory"),children:(0,n.jsxs)("ul",{ref:p,role:"list","aria-label":r,className:"flex w-max gap-4 lg:gap-10 pl-[--px-section] pr-[--px-section]",children:[t,u]})}),(0,n.jsx)(s,{direction:"previous",onClick:()=>S(-1),enabled:m.previous,label:c}),(0,n.jsx)(s,{direction:"next",onClick:()=>S(1),enabled:m.next,label:c}),(0,n.jsx)("p",{role:"status","aria-live":"polite",className:"sr-only",children:v})]})}},6361:function(e,t,r){r.d(t,{Z:function(){return i}});var n=r(5893),a=r(7294),l=r(5912),s=r(56),o=r(2540),c=r(2249);function i(e){let{src:t,classes:r=""}=e,i=(0,a.useRef)(null),{scrollYProgress:u}=(0,l.v)({target:i,offset:["start end","end start"]}),d=(0,s.H)(u,[0,.35,1],[.8,1,1]);return(0,n.jsx)("div",{ref:i,className:"min-h-screen w-full relative ".concat(r),children:(0,n.jsx)(o.E.div,{style:{scale:d,x:"-50%"},className:"absolute top-0 left-1/2 w-full h-full",children:(0,n.jsx)(c.Z,{src:t,className:"h-full w-full object-cover origin-center"})})})}},2074:function(e,t,r){r.d(t,{Z:function(){return o}});var n=r(5893);r(7294);var a=r(5675),l=r.n(a),s=r(4626);function o(e){let{title:t,subtitle:r,subtitleButton:a,image:l,mobileImage:s,titleClasses:o="text-medici",imageContainerClasses:u="",imageClasses:d=""}=e;return(0,n.jsxs)("section",{className:"max-w-section px-section py-section overflow-x-hidden",children:[(0,n.jsx)(c,{title:t,subtitle:r,subtitleButton:a,titleClasses:o}),(0,n.jsx)(i,{image:l,mobileImage:s,imageContainerClasses:u,imageClasses:d})]})}function c(e){let{title:t,subtitle:r,subtitleButton:a,titleClasses:l}=e;return(0,n.jsxs)("div",{className:"grid-layout",children:[(0,n.jsx)("div",{className:"col-span-full lg:col-span-6",children:(0,n.jsx)("h1",{className:"standard-type-h1 uppercase lg:max-w-[500px] ".concat(l),children:t})}),(0,n.jsxs)("div",{className:"max-lg:mt-[25px] col-span-full lg:col-start-7 lg:col-span-6",children:[(0,n.jsx)("div",{className:"flex flex-col items-start justify-between gap-4 standard-type-p1 lg:standard-type-p2 font-regular text-wrap-balance",children:(0,n.jsx)(s.t,{content:r})}),a&&(0,n.jsx)("div",{className:"mt-6 lg:mt-[71px]",children:a})]})]})}function i(e){let{image:t,mobileImage:r,imageContainerClasses:a,imageClasses:s}=e;return(0,n.jsxs)("div",{className:"w-full ".concat(a),children:[(0,n.jsx)(l(),{src:t,alt:"",className:"mix-blend-darken w-full h-full object-cover ".concat(s," ").concat(r?"hidden md:block":"")}

1),r&&(0,n.jsx)(l(),{src:r,alt:"",className:"mix-blend-darken block md:hidden w-full h-full object-cover ".concat(s)})]})}},8859:function(e,t,r){r.d(t,{Z:function(){return p}});var n=r(5893),a=r(7294),l=r(9822);let s=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.filter(Boolean).join(" ")},o=l.fC,c=l.xz,i=l.h_;l.x8;let u=a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)(l.aV,{"data-lenis-prevent":!0,ref:t,className:s("fixed inset-0 z-50 bg-[rgba(0,0,0,.5)] backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",r||""),...a})});u.displayName=l.aV.displayName;let d=a.forwardRef((e,t)=>{let{className:r,children:a,...o}=e;return(0,n.jsxs)(i,{children:[(0,n.jsx)(u,{}),(0,n.jsxs)(l.VY,{"data-lenis-prevent":!0,ref:t,className:s("rounded-lg overflow-hidden fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] bg-[rgb(29,29,29)]",r||""),...o,children:[a,(0,n.jsxs)(l.x8,{className:"absolute right-4 top-4 tfBreakpoint:right-[32px] tfBreakpoint:top-[34px] text-[24px] leading-[24px] disabled:pointer-events-none text-white",children:["\xd7",(0,n.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})});d.displayName=l.VY.displayName,a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)(l.Dx,{ref:t,className:s("text-lg font-semibold leading-none tracking-tight",r||""),...a})}).displayName=l.Dx.displayName,a.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)(l.dk,{ref:t,className:s("text-sm text-muted-foreground",r||""),...a})}).displayName=l.dk.displayName;var f=r(8263);function p(e){let{children:t,link:r=f.p5.typeform}=e;return(0,n.jsxs)(o,{children:[(0,n.jsx)(c,{asChild:!0,children:t}),(0,n.jsx)(d,{className:"!w-[90vw] !h-[90vh] md:!w-[80vw] md:!h-[80vh]",children:(0,n.jsx)("iframe",{src:r,title:"Typeform",className:"w-full h-full"})})]})}},4662:function(e,t,r){function n(e){var t,r,n;return null!==(n=null!==(r=null===(t=e.additionalImages)||void 0===t?void 0:t[0])&&void 0!==r?r:e.featuredImage)&&void 0!==n?n:null}r.d(t,{U:function(){return n},d:function(){return s}});let a={Left:"0%","Centre-left":"25%",Centre:"50%","Centre-right":"75%",Right:"100%"},l={Top:"0%",Upper:"25%",Centre:"50%",Lower:"75%",Bottom:"100%"};function s(e){var t,r;let n=a[null!==(t=e.cardFocusX)&&void 0!==t?t:""],s=l[null!==(r=e.cardFocusY)&&void 0!==r?r:""];if(n||s)return"".concat(null!=n?n:"50%"," ").concat(null!=s?s:"50%")}},8419:function(e,t,r){r.d(t,{j:function(){return a}});let n="https://d2qbsfzpwizrt8.cloudfront.net/video",a={artistsHero:"".concat(n,"/artists-hero.mp4"),processHero:"".concat(n,"/process-hero.mp4"),aboutHero:"".concat(n,"/about-hero.mp4"),artists:"".concat(n,"/artists.mp4"),architecture:"".concat(n,"/architecture.mp4"),home:"".concat(n,"/home.mp4")}},8206:function(e,t,r){r.d(t,{Z:function(){return a}});var n=r(7112);function a(){return(0,n.a)("(max-width: 768px)")}}}]);