https://www.puparchitects.com/component---src-pages-profile-js-f1d846f8cebc05e2245f.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{"9Emu":function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),i=a.n(n),l=a("vOnD"),r=a("WpCO"),m=a("qhky");var o=function(e){return void 0===e&&(e={laptopL:1440,laptop:1024,tablet:768}),function(){var t=Object(n.useState)(0),a=t[0],i=t[1];Object(n.useEffect)((function(){var e=function(){i(window.innerWidth)};return e(),function(e){for(var t=[],a=1;a<arguments.length;a++)t[a-1]=arguments[a];e&&e.addEventListener&&e.addEventListener.apply(e,t)}(window,"resize",e),function(){!function(e){for(var t=[],a=1;a<arguments.length;a++)t[a-1]=arguments[a];e&&e.removeEventListener&&e.removeEventListener.apply(e,t)}(window,"resize",e)}}));var l=Object(n.useMemo)((function(){return Object.entries(e).sort((function(e,t){return e[1]>=t[1]?1:-1}))}),[e]);return l.reduce((function(e,t){var n=t[0],i=t[1];return a>=i?n:e}),l[0][0])}},d=a("QPlT"),p=a("02S0");const c=l.default.div.withConfig({displayName:"profile__Page",componentId:"sc-ixpdk1-0"})(['& .heading{margin:0 0 10px 0;}& a{&:hover{font-family:"RotationLTStd-Italic";}}@media (max-width:768px){.mobile-max-width{max-width:550px;margin:0 auto;}}']),s=l.default.div.withConfig({displayName:"profile__Grid",componentId:"sc-ixpdk1-1"})(["display:grid;grid-template-columns:",";@media (max-width:768px){display:block;grid-template-columns:unset;}"],e=>e.desktopCol),x=l.default.div.withConfig({displayName:"profile__GridCol",componentId:"sc-ixpdk1-2"})(['width:100%;padding:40px 20px;&.scrollable{overflow:scroll;height:100vh;@media (max-width:768px){height:auto;}}&:first-of-type{border-right:1px solid #555;@media (max-width:768px){border:0;}}& .text-container{max-width:550px;margin:0 auto;& .nhg-title{margin:0 0 25px 0;}& .profile-text{margin:40px 0 36px 0;& p{margin:0;}@media (max-width:768px){margin:0 0 0 0;padding:20px 0 14px 0;& .nhg-title{margin:0 0 6px 0 !important;& h1,& h2{font-family:"neue-haas-grotesk-text",sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:10px;letter-spacing:0.03em;text-transform:uppercase !important;}}}}& .image-container{margin:0 0 40px 0;}@media (max-width:768px){max-width:100%;& .profile-text{text-align:left;}}}& .contact-text{margin:40px 0 36px 0;& p{margin:0;}@media (max-width:768px){margin:0 0 0 0;padding:20px 0 14px 0;& .nhg-title{margin:0 0 6px 0 !important;& h1,& h2{font-family:"neue-haas-grotesk-text",sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:10px;letter-spacing:0.03em;text-transform:uppercase !important;}}}}& .imprint{margin:40px 0 0 0;padding:40px 0 0 0;border-top:1px solid #555;& .nhg-title{margin:0 0 25px 0;}& p{margin:0;}@media (max-width:768px){margin:0 0 0 0;padding:20px 0 14px 0;& .nhg-title{margin:0 0 6px 0 !important;& h3{font-family:"neue-haas-grotesk-text",sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:10px;letter-spacing:0.03em;text-transform:uppercase !important;}}}}@media (max-width:768px){padding:30px 10px 0 10px;&:last-of-type{padding:0 10px;}}']),f=l.default.div.withConfig({displayName:"profile__AdditionalTextBlock",componentId:"sc-ixpdk1-3"})(['border-bottom:1px solid #555;padding:40px 0 34px 0;&:first-of-type{padding:0 0 34px 0;}& p:first-of-type{margin-top:0;}& p:last-of-type{margin-bottom:0;}& .nhg-title{margin:0 0 25px 0;}&:last-of-type{border-bottom:0;padding:40px 0 0 0;}@media (max-width:768px){padding:20px 0 14px 0;&:last-of-type{padding:20px 0 14px 0;}& .nhg-title{margin:0 0 6px 0 !important;& h2{font-family:"neue-haas-grotesk-text",sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:10px;letter-spacing:0.03em;text-transform:uppercase !important;}}}']),g=o(),h=e=>{let{data:t,setPageColor:a,setPageType:l}=e;const r=g();Object(n.useEffect)(()=>{a("Green"),l("practice")},[]),Object(n.useEffect)(()=>{document.body.style.overflow="tablet"===r?"":"hidden"},[r]);const o=t.prismicProfile.data.additional_text.map((e,t)=>i.a.createElement(f,{key:"additional_text_block_right_column_"+t},i.a.createElement("div",{className:"mobile-max-width"}," ",i.a.createElement("div",{className:"text-container"},i.a.createElement("div",{className:"nhg-title",dangerouslySetInnerHTML:{__html:e.additional_text_block_title.html}}),i.a.createElement("div",{dangerouslySetInnerHTML:{__html:e.additional_text_block.html}}))))),d=t.prismicProfile.data.left_column_text.map((e,t)=>i.a.createElement(f,{key:"additional_text_block_left_column_"+t},i.a.createElement("div",{className:"mobile-max-width"},i.a.createElement("div",{className:"text-container"},i.a.createElement("div",{className:"nhg-title",dangerouslySetInnerHTML:{__html:e.left_column_text_block_title.html}}),i.a.createElement("div",{dangerouslySetInnerHTML:{__html:e.left_column_text_block.html}})))));return i.a.createElement(c,null,i.a.createElement(m.a,{title:"Profile – PUP ARCHITECTS"}),i.a.createElement(s,{desktopCol:"1fr 1fr"},i.a.createElement(x,{className:"scrollable"},i.a.createElement("div",{className:"text-container"},i.a.createElement("div",{className:"image-container"},null!==t.prismicProfile.data.image.fluid&&i.a.createElement("img",{srcSet:t.prismicProfile.data.image.fluid.srcSetWebp,src:t.prismicProfile.data.image.fluid.srcWebp,alt:t.prismicProfile.data.image.alt,loading:"lazy"}))),i.a.createElement("hr",null),i.a.createElement("div",{className:"mobile-max-width"},i.a.createElement("div",{className:"text-container"},i.a.createElement("div",{className:"contact-text"},i.a.createElement("div",{className:"nhg-title"},i.a.createElement("h2",null,"Contact")),i.a.createElement("div",{dangerouslySetInnerHTML:{__html:t.prismicContact.data.contact_text.html}})))),i.a.createElement("hr",null),i.a.createElement("div",{className:"text-container"},i.a.createElement("div",{className:"mobile-max-width"},i.a.createElement("div",{className:"profile-text"},i.a.createElement("div",{className:"nhg-title"},i.a.createElement("h1",null,"Pup Architects")),i.a.createElement("div",{dangerouslySetInnerHTML:{__html:t.prismicProfile.data.text.html}})))),i.a.createElement("hr",null),i.a.createElement("div",null,d)),i.a.createElement(x,{className:"scrollable"},i.a.createElement("div",null,o),i.a.createElement("div",null,i.a.createElement("div",{className:"imprint"},i.a.createElement("div",{className:"mobile-max-width"},i.a.createElement("div",{className:"text-container"},i.a.createElement("p",null,"Design and Identity:"," ",i.a.createElement("a",{href:"https://www.wolfehall.com",target:"_blank",rel:"noreferrer noopener"},"Wolfe Hall")),i.a.createElement("p",null,"Website Development:"," ",i.a.createElement("a",{href:"https://www.kieranstartup.co.uk",target:"_blank",rel:"noreferrer noopener"},"Kieran Startup")))))))))};t.default=Object(r.b)(e=>{let{data:t}=e;return i.a.createElement(p.a,null,e=>{let{setPageType:a}=e;return i.a.createElement(d.a,null,e=>{let{setPageColor:n}=e;return i.a.createElement(h,{setPageColor:n,setPageType:a,data:t})})})})}}]);
2//# sourceMappingURL=component---src-pages-profile-js-f1d846f8cebc05e2245f.js.map