https://wolffolins.com/_next/static/chunks/app/layout-be09a2b1f608bb8f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{5871:function(e,t,n){Promise.resolve().then(n.bind(n,2951)),Promise.resolve().then(n.bind(n,1961)),Promise.resolve().then(n.bind(n,3618)),Promise.resolve().then(n.bind(n,2679)),Promise.resolve().then(n.t.bind(n,7960,23)),Promise.resolve().then(n.t.bind(n,2972,23)),Promise.resolve().then(n.t.bind(n,8003,23))},2951:function(e,t,n){"use strict";var l=n(7437),r=n(2679);t.default=()=>(0,l.jsxs)("button",{className:"text-left w-min group/button",onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},children:[(0,l.jsx)("div",{className:"-rotate-90 w-full",children:(0,l.jsx)(r.SVG,{src:"/images/arrow.svg",className:"block w-full h-8 group-hover/button:animate-bounce"})}),(0,l.jsx)("span",{className:"block whitespace-nowrap mt-2",children:"Back to top"})]})},1961:function(e,t,n){"use strict";n.d(t,{Header:function(){return x}});var l=n(7437),r=n(7648),s=n(2265),a=n(9376),i=n(2511),o=n(4772),c=n.n(o),u=n(2679);let d=e=>{let{children:t,href:n,className:s="",activeClass:i="",inactiveClass:o=""}=e,u=(0,a.usePathname)().startsWith(n);return(0,l.jsx)(r.default,{className:c()(s,u?i:o),href:n,children:t})},m=()=>{let e=window.innerWidth-document.documentElement.clientWidth;document.documentElement.style.setProperty("--scrollbar-width","".concat(e,"px"))};var h=n(6011),f=n(933);let x=e=>{let{searchIndex:t,siteTitle:n,navigationLinks:o,socialLinks:x}=e,g=(0,a.useRouter)(),p=(0,s.useId)(),v=(0,a.usePathname)(),[w,b]=(0,f.Z)(),[j,_]=(0,s.useState)(!1),[N,y]=(0,s.useState)(!1),[k,E]=(0,s.useState)(""),[S,L]=(0,s.useState)([]),[C,O]=(0,s.useState)(0),P=(0,s.useRef)([]),R=(0,s.useRef)(null),Z=(0,s.useRef)(null),z=(0,s.useMemo)(()=>new i.Z(t,{keys:["title"]}

1),[t]),W=(0,s.useRef)(null),[G,M]=(0,s.useState)(!1);(0,s.useEffect)(()=>{let e=e=>{R.current&&!R.current.contains(e.target)&&(_(!1),B(),I(!1))};window.addEventListener("click",e);let t=new IntersectionObserver(e=>{let[t]=e;t.intersectionRatio<1?M(!0):M(!1)});return t.observe(W.current),m(),()=>{window.removeEventListener("click",e),t.disconnect()}},[]);let I=e=>{window.document.body.classList.toggle("overflow-hidden",e),window.document.body.classList.toggle("mr-scrollbar",e)},V=()=>{y(!0),I(!0)};function B(){y(!1),E(""),L([]),O(0),I(!1)}return(0,s.useEffect)(()=>{_(!1),B()},[v]),(0,s.useEffect)(()=>{var e;null==Z||null===(e=Z.current)||void 0===e||e.focus()},[N]),(0,s.useEffect)(()=>{P.current=P.current.slice(0,S.length)},[S]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{ref:W,className:"absolute h-1"}),(0,l.jsx)("div",{className:c()("fixed bottom-0 left-0 right-0 top-0 z-50 h-[100vh] w-[100vw] bg-[#0003] backdrop-blur-sm transition-opacity duration-200 ease-out",{"opacity-100":N||j,"opacity-0  pointer-events-none":!(N||j)})}),(0,l.jsx)("header",{className:"container flex items-start justify-center sticky top-0 z-50 h-[5.5rem] pointer-events-none",children:(0,l.jsxs)("div",{ref:R,className:c()("relative flex items-center transition-[margin,height,width,max-height] duration-[650ms] ease-quint top-4 pointer-events-auto",{"-mx-6 w-[calc(100%_+_3rem)] md:w-[clamp(64ch,calc(100%_+_3rem),calc(100%_+_3rem))]":!G,"w-[MIN(40ch,calc(100%_-_2rem))] md:w-[clamp(64ch,70%,96ch)]":G}),children:[(0,l.jsx)("div",{className:c()("absolute inset-0 -z-[1] rounded-[1.75rem] bg-page-bg-elevated bg-opacity-[.85] backdrop-blur-xl ease-out [transition:opacity_200ms_ease-out,_background-color_500ms_ease-out,_color_500ms_ease-out,_max-height_1000ms_ease-out]",{"opacity-0":!G&&!j&&!N})}),(0,l.jsx)("nav",{className:c()("relative px-4 h-14 w-full transition-[height] overflow-clip rounded-[1.75rem] ease-out duration-300"),style:{height:b.height+"px"},children:(0,l.jsxs)("div",{ref:w,className:c()("w-full relative"),children:[(0,l.jsx)(h.Z,{mountOnEnter:!0,unmountOnExit:!0,in:N,timeout:500,children:(0,l.jsxs)("div",{className:c()("w-full text-base md:text-4xl"),children:[(0,l.jsx)("div",{className:"flex items-center lg:items-start",children:(0,l.jsx)("input",{className:"w-full bg-transparent pl-2 lg:pl-3 py-2 lg:py-4 leading-107 placeholder:text-page-fg-300 focus:outline-none lg:px-2 h-14 md:h-28",type:"text",placeholder:"Search...",ref:Z,value:k,onChange:e=>{E(e.target.value),L(z.search(e.target.value).slice(0,7)),O(0)},onKeyDown:e=>{"Escape"===e.code&&B(),S.length>0&&("ArrowDown"===e.code&&O(C===S.length-1?0:C+1),"ArrowUp"===e.code&&O(0===C?S.length-1:C-1),"Enter"===e.code&&g.push(P.current[C].firstChild.href))}})}),S.length>0&&(0,l.jsxs)("div",{className:"pb-4 lg:px-2",children:[(0,l.jsx)("ul",{className:c()("pt-3",{"border-t-[1px] border-page-fg-100":S.length>0}),children:S.filter(e=>e).map((e,t)=>(0,l.jsx)("li",{ref:e=>{P.current[t]=e},children:(0,l.jsx)(r.default,{className:c()("-mx-4 block bg-opacity-100 pl-6 pr-4 hover:bg-brand-color hover:text-black hover:bg-blend-multiply focus:bg-brand-color focus:text-black focus:outline-none lg:-mx-6 lg:px-6",{"bg-brand-color text-black":C===t}),href:e.item.externalLink||e.item.fullSlug,target:e.item.externalLink?"_blank":"_self",children:(0,l.jsx)("span",{className:"line-clamp-1",children:e.item.title})})},t))}),(0,l.jsxs)("div",{className:"mt-8 flex flex-wrap justify-between gap-x-4 text-sm lg:mt-16  lg:flex-row lg:flex-nowrap lg:gap-x-0 lg:text-lg",children:[(0,l.jsxs)("p",{children:[new Date().getFullYear()," ",n]}),(0,l.jsx)("div",{className:"flex flex-row flex-wrap gap-x-4 lg:gap-x-16",children:x.filter(e=>"ExternalLink"===e.__typename).map((e,t)=>(0,l.jsx)(r.default,{className:"hover:underline",target:"_blank",href:e.url,children:e.text},t))})]})]})]})}),(0,l.jsx)(h.Z,{mountOnEnter:!0,unmountOnExit:!0,in:!N,timeout:0,children:(0,l.jsxs)("div",{className:"grid w-full grid-cols-[1fr_2rem_2rem] md:h-14 md:grid-cols-[1fr_auto_2rem] items-center",children:[(0,l.jsx)(r.default,{href:"/",className:"relative h-4 justify-self-start px-2 md:h-6",title:"Wolff Olins",children:(0,l.jsx)(u.SVG,{src:"/images/logo-black.svg",className:"h-full w-auto"})}),(0,l.jsx)("button",{className:"md:hidden h-14 justify-center flex items-center","aria-controls":"nav"+p,"aria-label":j?"Close menu":"Open menu",onClick:()=>{y(!1),_(!j),I(!j)},children:(0,l.jsx)(u.SVG,{src:"/images/menu.svg"})}),(0,l.jsx)("ul",{id:"nav"+p,className:c()("col-span-full mr-4 flex-col md:flex-row gap-4 pt-3 pb-4 text-2xl md:col-span-1 md:py-0 md:text-lg lg:mr-8",{"hidden md:flex":!j,flex:j}),children:o.filter(e=>e).map(e=>

1{let t="ExternalLink"===e.__typename?e.text:e.title,n="ExternalLink"===e.__typename?e.url:"/"+e.slug;return(0,l.jsx)("li",{children:(0,l.jsx)(d,{className:"block px-2",inactiveClass:"text-page-fg-200",href:n,children:t})},n)})})]})}),(0,l.jsx)("button",{className:c()("absolute top-[-1px] md:top-0 bottom-0 right-0 col-[3] row-[1] justify-center h-14 items-center self-start flex w-8"),"aria-label":N?"Close search":"Open search",onClick:()=>{_(!1),N?B():V()},children:(0,l.jsx)(u.SVG,{className:"pointer-events-none",src:N?"/images/tiny-close.svg":"/images/search.svg"})})]})})]})})]})}},2679:function(e,t,n){"use strict";n.d(t,{SVG:function(){return s}});var l=n(7437),r=n(7558);let s=e=>(0,l.jsx)(r.Z,{...e})},3618:function(e,t,n){"use strict";n.d(t,{StretchyLogo:function(){return u}});var l=n(7437),r=n(2265),s=n(1434),a=n(933),i=n(2694),o=n(4954),c=n(2835);let u=()=>{let e=(0,r.useRef)(null),[t,n,u]=(0,a.Z)(),d=4660/723,m=4660/5621,h=(0,r.useRef)(!0),f=(0,r.useRef)(0),{isIntersecting:x,ref:g}=(0,i.S1)({threshold:0}),p=()=>{f.current=e.current.getBoundingClientRect().bottom+window.scrollY,v()};(0,r.useEffect)(p,[n]);let v=()=>{if(0===n.height||0===n.width)return;let e=window.scrollY+window.innerHeight-f.current,t=n.width/d,l=n.width/m,r=(0,c.a2)(n.height,[t,l],[0,1],!0),s=(0,c.a2)(e,[-(n.height-t)+30,30],[0,1],!0),a=0===s,i=1===s;i?h.current=!1:a&&(h.current=!0);let o=700;h.current&&!i&&(o=(0,c.a2)(s*r,[0,1],[700,5600])),b.start(o,{immediate:!i}),j.set((0,c.a2)(s,[0,1],[0,n.height-t]))};(0,r.useEffect)(()=>(x?(window.addEventListener("scroll",v),document.body.classList.remove("footer-visible"),p()):(window.removeEventListener("scroll",v),document.body.classList.add("footer-visible")),()=>{window.removeEventListener("scroll",v)}),[x]);let w={mass:1,tension:500,friction:30},b=(0,s.zk)(700,{config:{...w}}),j=(0,s.zk)(0,{config:{...w}});return(0,l.jsx)("div",{className:"pb-8 md:pb-16 flex-auto flex container relative min-h-[16rem]",children:(0,l.jsx)("div",{ref:(0,o.l)([t,e,g]),className:"flex-auto cursor-auto select-none w-full",style:{fontSize:"calc((100vw - var(--scrollbar-width) - var(--full-bleed-margin) * 2) / 4.65)"},children:(0,l.jsx)(s.q.div,{className:"whitespace-nowrap font-['WO'] [font-feature-settings:'dlig'_1] leading-[0.7] w-full [font-variation-settings:'hght'_var(--height)]",style:{"--height":b,y:j},children:(0,l.jsx)("span",{className:"block translate-y-[-2.375em]",children:"Wolff Olins"})})})})}},2835:function(e,t,n){"use strict";n.d(t,{J0:function(){return o},LI:function(){return r},Sz:function(){return i},a2:function(){return c},w:function(){return a},yP:function(){return s}});var l=n(2770);let r=(e,t)=>[e,t].map((e,t)=>{let n=t?"E":"N";return e<0&&(n=t?"W":"S"),"".concat(Math.abs(e).toFixed(4),"\xb0 ").concat(n)}).join(", "),s=e=>e.replace(/[\s\(\)\-]/g,""),a=e=>{let[t,n]=e.split(":").map(e=>parseInt(e,10));return t%24+n/60},i=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=new l.Z(e),[r,s]=[new l.Z("#ffffff"),new l.Z("#000000")],[a,i]=[n.contrast(r,"Lstar"),n.contrast(s,"Lstar")],o=i>a?s:r;return n.lch.c=Math.min(1.5*n.lch.c,50),o.mix(n,t/100,{space:"LCH",outputSpace:"sRGB"}).toString()},o=e=>{let[t,n,...l]=e.split(/(-|\s)/);"-"===n&&(t+=n);let r=e.replace(t,"");return[t,r]},c=function(e,t,n){let[l,r]=t,[s,a]=n,i=!(arguments.length>3)||void 0===arguments[3]||arguments[3],o=s+(a-s)*(e-l)/(r-l);return i&&(o=Math.min(Math.max(o,s),a)),o}},7960:function(){}},function(e){e.O(0,[587,972,558,619,610,354,971,117,744],function(){return e(e.s=5871)}),_N_E=e.O()}]);