https://www.puparchitects.com/discourse/

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 2.32.13"/><title data-react-helmet="true">PUP Architects</title><link data-react-helmet="true" rel="stylesheet" href="https://use.typekit.net/khg5ose.css"/><link data-react-helmet="true" rel="dns-prefetch" href="https://images.prismic.io/puparchitects"/><link data-react-helmet="true" rel="preconnect" href="https://images.prismic.io/puparchitects"/><link data-react-helmet="true" rel="dns-prefetch" href="https://player.vimeo.com"/><link data-react-helmet="true" rel="preconnect" href="https://player.vimeo.com"/><link data-react-helmet="true" rel="dns-prefetch" href="https://i.vimeocdn.com"/><link data-react-helmet="true" rel="preconnect" href="https://i.vimeocdn.com"/><link data-react-helmet="true" rel="dns-prefetch" href="https://f.vimeocdn.com"/><link data-react-helmet="true" rel="preconnect" href="https://f.vimeocdn.com"/><link data-react-helmet="true" rel="preload" href="/fonts/fonts.css" as="style"/><link data-react-helmet="true" rel="preload" href="/fonts/RotationLTStd-Roman/font.woff" as="font" crossorigin="anonymous"/><link data-react-helmet="true" rel="preload" href="/fonts/RotationLTStd-Roman/font.woff2" as="font" crossorigin="anonymous"/><link data-react-helmet="true" rel="preload" href="/fonts/RotationLTStd-Italic/font.woff" as="font" crossorigin="anonymous"/><link data-react-helmet="true" rel="preload" href="/fonts/RotationLTStd-Italic/font.woff2" as="font" crossorigin="anonymous"/><meta data-react-helmet="true" name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"/><meta data-react-helmet="true" name="description" content="Pup is an architecture and design studio whose work includes buildings, interiors, exhibitions and urban design. We create characterful projects that are unique, materially driven and environmentally conscious. Our work shows that we can bring a positive impact to communities, individuals and organisations through the quality of our projects."/><meta data-react-helmet="true" name="keywords" content="PUP Architects, Architects, London, architecture, hackney architect, residential, museum, exhibition, hackney architecture practice"/><meta data-react-helmet="true" name="og:title" content="PUP Architects"/><meta data-react-helmet="true" name="og:description" content="Pup is an architecture and design studio whose work includes buildings, interiors, exhibitions and urban design. We create characterful projects that are unique, materially driven and environmentally conscious. Our work shows that we can bring a positive impact to communities, individuals and organisations through the quality of our projects."/><meta data-react-helmet="true" name="og:image" content="https://images.prismic.io/puparchitects/422b5df0-ff58-46c7-bda0-e6c6fa595229_SDF_PUP_1101.jpg?auto=&amp;q=100&amp;usm=0"/><meta data-react-helmet="true" name="og:image:secure_url" content="https://images.prismic.io/puparchitects/422b5df0-ff58-46c7-bda0-e6c6fa595229_SDF_PUP_1101.jpg?auto=&amp;q=100&amp;usm=0"/><meta data-react-helmet="true" name="og:image:alt" content="PUP Architects"/><meta data-react-helmet="true" name="og:image:width" content="1200"/><meta data-react-helmet="true" name="og:image:height" content="630"/><meta data-react-helmet="true" name="og:url" content="https://www.puparchitects.com"/><meta data-react-helmet="true" name="og:locale" content="en"/><meta data-react-helmet="true" name="og:type" content="website"/><meta data-react-helmet="true" name="twitter:title" content="PUP Architects"/><meta data-react-helmet="true" name="twitter:description" content="Pup is an architecture and design studio whose work includes buildings, interiors, exhibitions and urban design. We create characterful projects that are unique, materially driven and environmentally conscious. Our work shows that we can bring a positive impact to communities, individuals and organisations through the quality of our projects."/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:image" content="https://images.prismic.io/puparchitects/422b5df0-ff58-46c7-bda0-e6c6fa595229_SDF_PUP_1101.jpg?auto=&amp;q=100&amp;usm=0"/><style data-styled="" data-styled-version="5.3.11">html{line-height:1.15;-webkit-text-size-adjust:100%;}/*!sc*/
2body{margin:0;}/*!sc*/
3main{display:block;}/*!sc*/
4h1{font-size:2em;

4margin:0.67em 0;}/*!sc*/
5hr{box-sizing:content-box;height:0;overflow:visible;}/*!sc*/
6pre{font-family:monospace,monospace;font-size:1em;}/*!sc*/
7a{background-color:transparent;}/*!sc*/
8abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}/*!sc*/
9b,strong{font-weight:bolder;}/*!sc*/
10code,kbd,samp{font-family:monospace,monospace;font-size:1em;}/*!sc*/
11small{font-size:80%;}/*!sc*/
12sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}/*!sc*/
13sub{bottom:-0.25em;}/*!sc*/
14sup{top:-0.5em;}/*!sc*/
15img{border-style:none;}/*!sc*/
16button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}/*!sc*/
17button,input{overflow:visible;}/*!sc*/
18button,select{text-transform:none;}/*!sc*/
19button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}/*!sc*/
20button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}/*!sc*/
21button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}/*!sc*/
22fieldset{padding:0.35em 0.75em 0.625em;}/*!sc*/
23legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}/*!sc*/
24progress{vertical-align:baseline;}/*!sc*/
25textarea{overflow:auto;}/*!sc*/
26[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}/*!sc*/
27[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}/*!sc*/
28[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}/*!sc*/
29[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}/*!sc*/
30::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}/*!sc*/
31details{display:block;}/*!sc*/
32summary{display:list-item;}/*!sc*/
33template{display:none;}/*!sc*/
34[hidden]{display:none;}/*!sc*/
35data-styled.g1[id="sc-global-ecVvVt1"]{content:"sc-global-ecVvVt1,"}/*!sc*/
36*:focus{outline:none;}/*!sc*/
37body{font-family:"RotationLTStd-Roman";font-size:15px;line-height:20px;-webkit-letter-spacing:0.02em;-moz-letter-spacing:0.02em;-ms-letter-spacing:0.02em;letter-spacing:0.02em;font-weight:normal;font-style:normal;text-shadow:1px 1px 1px rgba(0,0,0,.004);text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow-y:scroll;color:#000;margin:0;word-break:break-word;}/*!sc*/
38input{border-radius:0;}/*!sc*/
39em{font-family:"RotationLTStd-Italic";}/*!sc*/
40h1,h2,h3,h4,h5{font-family:"neue-haas-grotesk-text",sans-serif;font-weight:normal;margin:0;}/*!sc*/
41h1{font-size:23px;line-height:30px;-webkit-letter-spacing:0.02em;-moz-letter-spacing:0.02em;-ms-letter-spacing:0.02em;letter-spacing:0.02em;}/*!sc*/
42@media(max-width:768px){h1{font-size:20px;line-height:24px;}}/*!sc*/
43h2{font-size:30px;line-height:32px;-webkit-letter-spacing:0.2px;-moz-letter-spacing:0.2px;-ms-letter-spacing:0.2px;letter-spacing:0.2px;}/*!sc*/
44h3{font-size:30px;line-height:32px;-webkit-letter-spacing:0.2px;-moz-letter-spacing:0.2px;-ms-letter-spacing:0.2px;letter-spacing:0.2px;}/*!sc*/
45h4{font-size:18px;line-height:24px;-webkit-letter-spacing:0.2px;-moz-letter-spacing:0.2px;-ms-letter-spacing:0.2px;letter-spacing:0.2px;}/*!sc*/
46h5{font-size:12px;line-height:14px;-webkit-letter-spacing:0.3px;-moz-letter-spacing:0.3px;-ms-letter-spacing:0.3px;letter-spacing:0.3px;}/*!sc*/
47strong{font-family:"neue-haas-grotesk-text",sans-serif;font-size:12px;line-height:125%;-webkit-letter-spacing:0.02em;-moz-letter-spacing:0.02em;-ms-letter-spacing:0.02em;letter-spacing:0.02em;text-transform:uppercase;}/*!sc*/
48.nhg-small{font-family:"neue-haas-grotesk-text",sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:10px;-webkit-letter-spacing:0.03em;-moz-letter-spacing:0.03em;-ms-letter-spacing:0.03em;letter-spacing:0.03em;text-transform:uppercase;}/*!sc*/
49.nhg-title h1,.nhg-title > h1,.nhg-title h2,.nhg-title h3,.nhg-title h4,.nhg-title p{font-family:"neue-haas-grotesk-text",sans-serif;font-weight:700;font-style:normal;font-size:23px;line-height:20px;-webkit-letter-spacing:0.02em;-moz-letter-spacing:0.02em;-ms-letter-spacing:0.02em;letter-spacing:0.02em;text-transform:uppercase !important;}/*!sc*/
50@media(max-width:768px){.nhg-title h1,.nhg-title > h1,.nhg-title h2,.nhg-title h3,.nhg-title h4,.nhg-title p{font-size:20px;line-height:22px;}}/*!sc*/
51.body-text h1,.body-text h2,.body-text h3,.body-text h4,.body-text p{font-family:"RotationLTStd-Roman";font-size:15px;line-height:20px;-webkit-letter-spacing:0.02em;-moz-letter-spacing:0.02em;-ms-letter-spacing:0.02em;letter-spacing:0.02em;}/*!sc*/
52.center-text{text-align:center;}/*!sc*/
53video,img{width:100%;margin:0;display:block;}/*!sc*/
54button{background-color:transparent;border:0;-webkit-appearance:none;border-radius:0;padding:0;margin:0;}/*!sc*/
55button:focus,button:hover{outline:none;}/*!sc*/
56a{color:inherit;-webkit-text-decoration:none;text-decoration:none;position:relative;}/*!sc*/
57a:visited{color:inherit;}/*!sc*/
58a:hover,a:focus,a:active{color:inherit;}/*!sc*/
59a:hover,a:active,a:focus{outline:0;}

59/*!sc*/
60p{margin:1em 0;}/*!sc*/
61ul,li{list-style:none;padding:0;margin:0;}/*!sc*/
62div{box-sizing:border-box;}/*!sc*/
63hr{border:0;border-bottom:1px solid #555;margin:0;}/*!sc*/
64data-styled.g2[id="sc-global-hkgJms1"]{content:"sc-global-hkgJms1,"}/*!sc*/
65.ghRpQc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}/*!sc*/
66data-styled.g3[id="table-sort-mobile__SortContainer-sc-x6458b-0"]{content:"ghRpQc,"}/*!sc*/
67.bGmeoi{padding:0;}/*!sc*/
68.bGmeoi:first-of-type{margin:0 43px 0 0;}/*!sc*/
69.bGmeoi:last-of-type{margin:0 18px 0 0;}/*!sc*/
70data-styled.g4[id="table-sort-mobile__Col-sc-x6458b-1"]{content:"bGmeoi,"}/*!sc*/
71.hRUzbX{cursor:pointer;font-size:12px;line-height:20px;-webkit-letter-spacing:0.02em;-moz-letter-spacing:0.02em;-ms-letter-spacing:0.02em;letter-spacing:0.02em;text-transform:uppercase;}/*!sc*/
72data-styled.g5[id="table-sort-mobile__TableSortButton-sc-x6458b-2"]{content:"hRUzbX,"}/*!sc*/
73.duCmRy{display:none;}/*!sc*/
74.duCmRy li{padding:0;}/*!sc*/
75.duCmRy li button{color:#e5e5e5;}/*!sc*/
76.duCmRy li.active-link button{color:#000;}/*!sc*/
77data-styled.g6[id="table-filter-mobile__FilterContainer-sc-vz6taw-0"]{content:"duCmRy,"}/*!sc*/
78.cMdHWY{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}/*!sc*/
79.cMdHWY ol{width:100%;margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}/*!sc*/
80.cMdHWY ol li{font-size:12px;line-height:20px;text-transform:uppercase;-webkit-letter-spacing:0.02em;-moz-letter-spacing:0.02em;-ms-letter-spacing:0.02em;letter-spacing:0.02em;font-family:"neue-haas-grotesk-text",sans-serif;font-weight:700;padding:0 10px 0 0;}/*!sc*/
81.cMdHWY ol li:last-of-type{padding:0;}/*!sc*/
82.cMdHWY ol li a{color:#E5E5E5;}/*!sc*/
83.cMdHWY ol li a:hover{color:#000;}/*!sc*/
84.cMdHWY ol li a.current,.cMdHWY ol li a.active{color:#000;}/*!sc*/
85.cMdHWY ol .col-left{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-right:auto;}/*!sc*/
86.cMdHWY ol .col-left .spacer{padding:0 20px;}/*!sc*/
87.cMdHWY ol .col-left li:last-of-type{margin:0 auto 0 0;}/*!sc*/
88.cMdHWY ol .col-right{margin-left:auto;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}/*!sc*/
89.cMdHWY ol .col-right ol{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}/*!sc*/
90data-styled.g7[id="mobile-menu__Nav-sc-ttoa4s-0"]{content:"cMdHWY,"}/*!sc*/
91.CXAtG{padding:1px 10px 0 10px;width:100%;border-bottom:1px solid #555;}/*!sc*/
92data-styled.g8[id="mobile-menu__Menu-sc-ttoa4s-1"]{content:"CXAtG,"}/*!sc*/
93.cfnyRB{display:none;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:1px 10px 0 10px;width:100%;font-size:12px;line-height:20px;text-transform:uppercase;-webkit-letter-spacing:0.02em;-moz-letter-spacing:0.02em;-ms-letter-spacing:0.02em;letter-spacing:0.02em;font-family:"neue-haas-grotesk-text",sans-serif;font-weight:700;}/*!sc*/
94@media (max-width:768px){.cfnyRB{display:none;}}/*!sc*/
95data-styled.g9[id="mobile-menu__SubMenu-sc-ttoa4s-2"]{content:"cfnyRB,"}/*!sc*/
96.hLIZKy button{font-size:12px;line-height:20px;text-transform:uppercase;-webkit-letter-spacing:0.02em;-moz-letter-spacing:0.02em;-ms-letter-spacing:0.02em;letter-spacing:0.02em;cursor:pointer;}/*!sc*/
97data-styled.g10[id="mobile-menu__Filters-sc-ttoa4s-3"]{content:"hLIZKy,"}/*!sc*/
98.bJCMRW{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;width:100%;z-index:200;border-bottom:1px solid #555;background-color:#FFFFFF;}/*!sc*/
99@media (max-width:768px){.bJCMRW{border-bottom:0;}}/*!sc*/
100data-styled.g13[id="header__HeaderContainer-sc-1rybnml-0"]{content:"bJCMRW,"}/*!sc*/
101.bFTnsq{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}/*!sc*/
102data-styled.g15[id="layout__Container-sc-1pedu4a-0"]{content:"bFTnsq,"}/*!sc*/
103</style><link rel="sitemap" type="application/xml" href="/sitemap.xml"/><link as="script" rel="preload" href="/webpack-runtime-c25f0210312414a9a1e2.js"/><link as="script" rel="preload" href="/framework-7752ef71ff976174a5db.js"/><link as="script" rel="preload" href="/app-67856d1aecf06fb95dfe.js"/><link as="script" rel="preload" href="/component---src-pages-discourse-js-dc16d77858f7c37a5828.js"/>

103<link as="fetch" rel="preload" href="/page-data/discourse/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/114301368.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/114301368.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/1491082292.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/809118983.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="layout__Container-sc-1pedu4a-0 bFTnsq"><header class="header__HeaderContainer-sc-1rybnml-0 bJCMRW"><nav role="navigation" aria-label="main navigation" class="mobile-menu__Nav-sc-ttoa4s-0 cMdHWY"><div class="mobile-menu__Menu-sc-ttoa4s-1 CXAtG"><ol><li class="col-left"><ol><li><a class="active pup-hover" href="/">P<span class="spacer">U</span>P</a></li></ol></li><li class="col-right"><ol><li><a class="" href="/projects">Projects</a></li><li><a class="" href="/profile">Practice</a></li></ol></li></ol></div><div display="none" class="mobile-menu__SubMenu-sc-ttoa4s-2 cfnyRB"><ol class="menu-links"><li><a href="/profile">Profile</a></li><li><a class="current" href="/discourse">Discourse</a></li></ol></div><div display="none" class="mobile-menu__SubMenu-sc-ttoa4s-2 cfnyRB"><div class="mobile-menu__Filters-sc-ttoa4s-3 hLIZKy"><button>Categories <!-- -->+</button><ul display="none" class="table-filter-mobile__FilterContainer-sc-vz6taw-0 duCmRy"><li class="active-link"><button>All</button></li><li class=""><button>Buildings</button></li><li class=""><button>Objects</button></li><li class=""><button>Places</button></li><li class=""><button>Spaces</button></li></ul></div><div class="table-sort-mobile__SortContainer-sc-x6458b-0 ghRpQc"><div class="table-sort-mobile__Col-sc-x6458b-1 bGmeoi nhg-small heading"><button class="table-sort-mobile__TableSortButton-sc-x6458b-2 hRUzbX">Year</button></div><div class="table-sort-mobile__Col-sc-x6458b-1 bGmeoi nhg-small heading"><button class="table-sort-mobile__TableSortButton-sc-x6458b-2 hRUzbX">Client</button></div></div></div></nav></header></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div>

103<script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/discourse/";/*]]>*/</script>

103<script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-44005c6f166ee932e0b1.js"],"app":["/app-67856d1aecf06fb95dfe.js"],"component---src-pages-404-js":["/component---src-pages-404-js-5a669b195202c2957db8.js"],"component---src-pages-approach-js":["/component---src-pages-approach-js-bb26b909c1cd0f1a5d43.js"],"component---src-pages-discourse-js":["/component---src-pages-discourse-js-dc16d77858f7c37a5828.js"],"component---src-pages-index-js":["/component---src-pages-index-js-cc0c416a523ed2660ca0.js"],"component---src-pages-preview-js":["/component---src-pages-preview-js-0e9e74d377375d21613b.js"],"component---src-pages-profile-js":["/component---src-pages-profile-js-f1d846f8cebc05e2245f.js"],"component---src-pages-projects-js":["/component---src-pages-projects-js-7d345be1ccf7f1db066f.js"],"component---src-templates-discourse-js":["/component---src-templates-discourse-js-de8f636f078223003ce0.js"],"component---src-templates-project-js":["/component---src-templates-project-js-60e767645975db18f573.js"]};/*]]>*/</script>

103<script src="/polyfill-44005c6f166ee932e0b1.js" nomodule=""></script>

103<script src="/component---src-pages-discourse-js-dc16d77858f7c37a5828.js" async=""></script>

103<script src="/app-67856d1aecf06fb95dfe.js" async=""></script>

103<script src="/framework-7752ef71ff976174a5db.js" async=""></script>

103<script src="/webpack-runtime-c25f0210312414a9a1e2.js" async=""></script>

103</body></html>