Ads.txt Alerts - Protect your revenue

warrenandmahoney.com Ads.txt file

<!DOCTYPE html><html lang="en" class="to-load"> <head><meta name="sentry-trace" content="00000000000000000000000000000000-0000000000000000"/>
<meta name="baggage" content="sentry-environment=production,sentry-release=0ebf280b9c55e8720f2620c7b4c10cfbb9acce9c,sentry-public_key=ce5a33df2beaf194ba14b40e4d5df962,sentry-trace_id=00000000000000000000000000000000"/><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, maximum-scale=1.0, user-scalable=no"><meta name="generator" content="Astro v5.6.1"><title>Warren & Mahoney Architects | Warren and Mahoney</title><meta name="description" content="We are an architecture practice based in Australia and New Zealand with approximately 350 highly engaged people from 35 countries, all eager to explore how design can meet the needs of a rapidly changing world."><meta name="name" content="Warren & Mahoney Architects | Warren and Mahoney"><meta name="keywords" content="Warren, Mahoney, architect, architectural, multidisciplinary, Architecture, Masterplanning, Urban, Sustainable, Design"><meta name="robots" content="index, follow"><link rel="sitemap" type="application/xml" title="Sitemap" href="https://wam.studio/sitemap.xml"><meta name="twitter:site" content="@warrenmahoney"><meta name="twitter:title" content="Warren & Mahoney Architects | Warren and Mahoney"><meta name="twitter:description" content="We are an architecture practice based in Australia and New Zealand with approximately 350 highly engaged people from 35 countries, all eager to explore how design can meet the needs of a rapidly changing world."><meta name="twitter:url" content="https://wam.studio"><meta name="twitter:image" content="https://wam.studio/strapi/uploads/wam_worm_4c6fab42b0.png"><meta name="twitter:card" content="summary_large_image"><meta property="og:site_name" content="Warren and Mahoney"><meta property="og:title" content="Warren & Mahoney Architects | Warren and Mahoney"><meta property="og:description" content="We are an architecture practice based in Australia and New Zealand with approximately 350 highly engaged people from 35 countries, all eager to explore how design can meet the needs of a rapidly changing world."><meta property="og:image" content="https://wam.studio/strapi/uploads/wam_worm_4c6fab42b0.png"><meta property="og:type" content="website"><meta property="og:url" content="https://wam.studio"><link rel="apple-touch-icon" sizes="180x180" href="/favicon/android-chrome-192x192.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"><link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" media="(prefers-color-scheme: light)"><link rel="icon" type="image/svg+xml" href="/favicon/favicon-white.svg" media="(prefers-color-scheme: dark)"><link rel="mask-icon" href="/favicon/favicon.svg" color="#000000"><link rel="manifest" href="/favicon/site.webmanifest"><meta name="theme-color" media="(prefers-color-scheme: light)"><meta name="theme-color" media="(prefers-color-scheme: dark)">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-88SNVEGJ36"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-88SNVEGJ36');
</script><script type="module" src="/_astro/Layout.astro_astro_type_script_index_0_lang.CkWtFh_-.js"></script><link rel="stylesheet" href="/_astro/Layout.BYkJRI1J.css">
<style>@font-face{font-family:die-grotesk-a;src:url(/fonts/die_grotesk_a/die-grotesk-a-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:die-grotesk-a;src:url(/fonts/die_grotesk_a/die-grotesk-a-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:die-grotesk-a;src:url(/fonts/die_grotesk_a/die-grotesk-a-semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:die-grotesk-b;src:url(/fonts/die_grotesk_b/die-grotesk-b-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:die-grotesk-b;src:url(/fonts/die_grotesk_b/die-grotesk-b-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:die-grotesk-b;src:url(/fonts/die_grotesk_b/die-grotesk-b-semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:die-grotesk-b;src:url(/fonts/die_grotesk_b/die-grotesk-b-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:die-grotesk-c;src:url(/fonts/die_grotesk_c/die-grotesk-c-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}body.hovered-color .pattern-bg,body.has-color .pattern-bg,.pattern-component.has-color .pattern-bg{background-color:var(--pattern-bg, #ECECEC)}body.has-color .footer .pattern-component,body.has-color .snake-parallax-container .pattern-component{opacity:.9}.snake-parallax-container .pattern-component{pointer-events:none}.pattern-component{--snake-height: "auto"}.pattern-component[data-snake-hover-images]:not(.segments-hovered) .pattern-bg{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.6s}.pattern-component[data-snake-hover-images]:not(.segments-hovered) [data-snake=hover-image]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.6s;transition-delay:1s}.pattern-component[data-snake-hover-images] .pattern-gap .gap-bg{background-color:var(--bg-color)}html.to-load .pattern-component[data-snake-hover-images] .pattern-gap .gap-bg{transition:none}.pattern-component[data-snake-hover-images] .pattern-gap .gap-bg{transition:background-color 1s}.pattern-component[data-snake-hover-images].segments-hovered .pattern-bg:not(.segment-hovered){opacity:0}.pattern-component[data-snake-hover-images].segments-hovered .pattern-row .bg-off,.pattern-component[data-snake-hover-images].segments-hovered .pattern-column .bg-off{background-color:transparent}.pattern-component[data-snake-hover-images].segments-hovered-next [data-snake=hover-image].segment-hovered{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s}.pattern-component[data-snake-hover-images] [data-snake=hover-image].segment-hovered{z-index:1}.pattern-component[data-snake-hover-images] [data-snake=hover-image].segment-hovered,.pattern-component[data-snake-hover-images] [data-snake=hover-image].prev-segment-hovered{opacity:1}.pattern-component.for-search{height:initial;min-height:initial}.pattern-component.for-search>div{position:relative;height:initial}.pattern-component.for-search .pattern-snake{flex:none}.pattern-component.for-search .pattern-header{flex:none;height:auto!important}.pattern-component.for-search .header-space{position:relative}.pattern{position:relative;display:grid;z-index:2;margin-left:-.375rem;margin-right:-.375rem}@media (min-width: 1366px){.pattern{margin:-.625rem}}.pattern{grid-template-columns:repeat(8,1fr);grid-template-rows:calc((100vw - (var(--section-spacing) * 2)) / 4) auto calc((100vw - (var(--section-spacing) * 2)) / 4)}@media (min-width: 500px){.pattern{grid-template-columns:repeat(11,1fr);grid-template-rows:calc((100vw - (var(--section-spacing) * 2)) / 5.5) auto calc((100vw - (var(--section-spacing) * 2)) / 5.5)}}@media (min-width: 821px){.pattern{grid-template-columns:repeat(29,1fr);grid-template-rows:calc((100vw - (var(--section-spacing) * 2)) / 14.5) auto calc((100vw - (var(--section-spacing) * 2)) / 14.5)}}@media (min-width: 821px) and (max-aspect-ratio: 2.5 / 1){.pattern{grid-template-columns:repeat(23,1fr);grid-template-rows:calc((100vw - (var(--section-spacing) * 2)) / 11.5) auto calc((100vw - (var(--section-spacing) * 2)) / 11.5)}}@media (min-width: 821px) and (max-aspect-ratio: 2 / 1){.pattern{grid-template-columns:repeat(20,1fr);grid-template-rows:calc((100vw - (var(--section-spacing) * 2)) / 10) auto calc((100vw - (var(--section-spacing) * 2)) / 10)}}@media (min-width: 821px) and (max-aspect-ratio: 1.6 / 1){.pattern{grid-template-columns:repeat(17,1fr);grid-template-rows:calc((100vw - (var(--section-spacing) * 2)) / 8.5) auto calc((100vw - (var(--section-spacing) * 2)) / 8.5)}}@media (min-width: 821px) and (max-aspect-ratio: 1.4 / 1){.pattern{grid-template-columns:repeat(14,1fr);grid-template-rows:calc((100vw - (var(--section-spacing) * 2)) / 7.5) auto calc((100vw - (var(--section-spacing) * 2)) / 7.5)}}.pattern .pattern-row{grid-row:1/2;position:relative;display:flex;padding-left:.375rem;padding-right:.375rem}@media (min-width: 1366px){.pattern .pattern-row{padding:.625rem}}.pattern .pattern-row.col-start-25{display:none}@media (min-width: 821px){.pattern .pattern-row.col-start-25{display:block}}@media (min-width: 821px) and (max-aspect-ratio: 2.5 / 1){.pattern .pattern-row.col-start-25{display:none}}.pattern .pattern-row.col-start-22,.pattern .pattern-row.col-start-19{display:none}@media (min-width: 821px){.pattern .pattern-row.col-start-22,.pattern .pattern-row.col-start-19{display:block}}@media (min-width: 821px) and (max-aspect-ratio: 2 / 1){.pattern .pattern-row.col-start-22,.pattern .pattern-row.col-start-19{display:none}}.pattern .pattern-row.col-start-16{display:none}@media (min-width: 821px){.pattern .pattern-row.col-start-16{display:block}}@media (min-width: 821px) and (max-aspect-ratio: 1.6 / 1){.pattern .pattern-row.col-start-16{display:none}}.pattern .pattern-row.col-start-13{display:none}@media (min-width: 821px) and (max-aspect-ratio: 2.5 / 1){.pattern .pattern-row.col-start-13{display:block}}@media (min-width: 821px) and (max-aspect-ratio: 1.4 / 1){.pattern .pattern-row.col-start-13{display:none}}.pattern .pattern-row.col-start-10{display:none}@media (min-width: 821px){.pattern .pattern-row.col-start-10{display:block}}.pattern .pattern-row.col-start-7{display:none}@media (min-width: 768px){.pattern .pattern-row.col-start-7{display:block}}@media (min-width: 821px){.pattern .pattern-row.col-start-7{display:block}}.pattern .pattern-row>div>div{transition:transform 1s,background-color 1s;transform-origin:left}.pattern .pattern-row>div{transition:transform 1.4s;transform-origin:left;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.pattern .pattern-column.col-start-30,.pattern .pattern-column.col-start-28,.pattern .pattern-column.col-start-25{display:none}@media (min-width: 821px){.pattern .pattern-column.col-start-30,.pattern .pattern-column.col-start-28,.pattern .pattern-column.col-start-25{display:block}}@media (min-width: 821px) and (max-aspect-ratio: 2.5 / 1){.pattern .pattern-column.col-start-30,.pattern .pattern-column.col-start-28,.pattern .pattern-column.col-start-25{display:none}}.pattern .pattern-column.col-start-22{display:none}@media (min-width: 821px){.pattern .pattern-column.col-start-22{display:block}}@media (min-width: 821px) and (max-aspect-ratio: 2 / 1){.pattern .pattern-column.col-start-22{display:none}}.pattern .pattern-column.col-start-19{display:none}@media (min-width: 821px){.pattern .pattern-column.col-start-19{display:block}}@media (min-width: 821px) and (max-aspect-ratio: 1.6 / 1){.pattern .pattern-column.col-start-19{display:none}}.pattern .pattern-column.col-start-16{display:none}@media (min-width: 821px){.pattern .pattern-column.col-start-16{display:block}}@media (min-width: 821px) and (max-aspect-ratio: 1.4 / 1){.pattern .pattern-column.col-start-16{display:none}}.pattern .pattern-column.col-start-13{display:none}@media (min-width: 821px){.pattern .pattern-column.col-start-13{display:block}}.pattern .pattern-column.col-start-10{display:none}@media (min-width: 821px){.pattern .pattern-column.col-start-10{display:block}}.pattern .pattern-column>div>div{transition:transform 1s,background-color 1s;transform-origin:top}.pattern .pattern-row-bottom{grid-row:-2/-1}.pattern .pattern-column{position:relative;grid-row-start:1;grid-row-end:4;display:flex;padding-left:.375rem;padding-right:.375rem}@media (min-width: 1366px){.pattern .pattern-column{padding:.625rem}}.pattern .pattern-gap{position:relative}.pattern .pattern-gap>div{transform:scaleX(1);transition-delay:.8s;transform-origin:center;position:absolute;top:0;bottom:0;left:-.375rem;right:-.375rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}@media (min-width: 1366px){.pattern .pattern-gap>div{left:-.625rem;right:-.625rem;margin-bottom:-.625rem}}.pattern .pattern-gap>div>div{transform-origin:center top;transition-delay:1.8s;height:100%;width:100%;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.pattern .pattern-gap.pattern-gap-top{grid-row:1/3}.pattern .pattern-gap.pattern-gap-bottom{grid-row:2/4}@media (min-width: 1366px){.pattern .pattern-gap.pattern-gap-bottom>div{margin-top:-.625rem}}.pattern .pattern-gap.pattern-gap-bottom>div>div{transform-origin:center bottom}.pattern .pattern-gap.pattern-gap-full{grid-row:1/4}@keyframes hideLine{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.splash-screen .pattern-component.splash{background-color:var(--bg-color)}.splash-screen .pattern-component.splash .bg-off{--tw-bg-opacity: .1}.pattern-component{--snake-header-height: auto}.pattern-component .pattern-header{height:0;transition:height 1s,opacity 1s;opacity:0;display:flex;align-items:flex-end;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.pattern-component .pattern-header>div>div{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.6s;transition-delay:.5s}@media (max-width: 767px){.pattern-component .pattern-footer{height:0px!important}}.pattern-component.splash-closing{--bg-color: white;transition:background-color 1s}.pattern-component.splash-closing+div{--bg-color: white;transition:background-color 1s}.pattern-component.splash-closing .pattern-header{height:0!important;transition-delay:0s!important}.pattern-component.splash-closing .video-wrap{--tw-bg-opacity: 1 !important;background-color:rgb(236 236 236 / var(--tw-bg-opacity, 1))!important}.pattern-component.splash-closing .video-wrap video{opacity:0}.pattern-component.menu-animating .pattern-header{height:auto;transition:none}.pattern-component.menu-animating .pattern-header>div>div{opacity:0;transition-duration:.3s;transition-delay:0s}.pattern-component:not(.has-color):not(.ready-color-prev).ready-color .pattern-header{transition-delay:1.2s}.pattern-component.has-image:not(.pattern-video-once) .pattern-column,.pattern-component.has-image:not(.pattern-video-once) .pattern-row{display:none}.pattern-component.has-image.pattern-video-started .pattern-column,.pattern-component.has-image.pattern-video-started .pattern-row{opacity:0}.pattern-component.has-image.pattern-video-once .pattern-column,.pattern-component.has-image.pattern-video-once .pattern-row{transition:opacity 1s}.pattern-component.has-image .pattern-header{transition-delay:.8s}.pattern-component.has-image:not(.image-ready) img{opacity:0!important}.pattern-component.has-image img{transition:all;transition-duration:1s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.pattern-component.has-image .pattern-gap .gap-bg{background-color:var(--bg-color)}html.to-load .pattern-component.has-image .pattern-gap .gap-bg{transition:none}.pattern-component.has-image .pattern-gap .gap-bg{transition:background-color 1s}@media (min-width: 1024px){.pattern-component.has-image:not(.ready) .pattern-image-wrap{height:100vh}}@media (max-width: 1023px){.pattern-component.has-image:not(.ready) .pattern-image-wrap{padding-bottom:140%}}.pattern-component.has-image:not(.ready) .pattern-image-wrap>div{position:absolute!important;inset:0}.pattern-component.has-image:not(.ready) .pattern-image-wrap .image-wrap{position:absolute;inset:0}.pattern-component.has-image .image-wrap{height:var(--snake-height)}.pattern-component .image-wrap{transition:height 1s 1.8s,padding 1s 1.8s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.pattern-component.for-transition:not(.ready-color):not(.has-color).pattern-video-once .pattern-row>div>div,.pattern-component.for-transition:not(.ready-color):not(.has-color):not(.has-image) .pattern-row>div>div{transform:scaleX(0)}.pattern-component.for-transition:not(.ready-color):not(.has-color).pattern-video-once .pattern-column>div>div,.pattern-component.for-transition:not(.ready-color):not(.has-color):not(.has-image) .pattern-column>div>div{transform:scaleY(0)}.pattern-component.ready:not(.image-bg).has-image.for-transition .pattern-gap>div{transform:scaleX(.05)}.pattern-component.ready:not(.image-bg).has-image.for-transition .pattern-gap>div>div{transform:scaleY(0)}.pattern-component.ready .pattern-header{height:var(--snake-header-height);opacity:1}.pattern-component.ready .image-wrap{height:var(--snake-ratio-height)}.pattern-component .pattern-row.new-row>div{transform:scaleX(0);transform-origin:right}.pattern-component.transition .pattern-row:not(.new-row)>div{transform:scaleX(0)}.pattern-component.transition .pattern-row.new-row>div{transform:scaleX(1)}:root{--scroll-gap: 0;--bg-color: white;--pattern-bg: unset;--hovered-bg-color: white;--hovered-p-color: inherit;--text-color: black;--transition: .6s;--section-spacing: 15px;--scroll-spacing: 0;--menu-height: auto;--header-height: 64px;--filters-height: "auto";--snake-ratio-height: "auto"}@media (min-width: 1024px){:root{--section-spacing: 35px }}@media (min-width: 2000px){:root{--section-spacing: 60px;--header-height: 80px }}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-rendering:optimizeLegibility;height:100%;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}html.lenis{height:auto}html.lenis-stopped,html.lenis-stopped body{overflow:clip}html.to-load .barba-container>*,html.to-load .filters-height,html.to-load .menu-opacity,html.to-load .bg-bg,html.to-load .menu{transition:none!important}html.to-load .pattern-component .video-wrap,html.to-load .content-modal{display:none}svg{fill:currentColor}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{height:100%;min-height:100vh;overflow-x:clip;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-right:var(--scroll-gap);font-family:die-grotesk-a;font-size:13px;line-height:130%}@media (min-width: 768px){body{font-size:20px}}body.is-loading{cursor:wait!important}body.is-loading>*{pointer-events:none}body.hovered-color{--bg-color: var(--hovered-bg-color) !important;--pattern-bg: var(--hovered-p-color) !important}.bg-var-blue{--bg-color: #00649F}.cursor-none{-webkit-user-select:none}.cursor-down{cursor:url(/arrow-down.svg),auto}.cursor-left{cursor:url(/arrow-left.svg),auto}.cursor-right{cursor:url(/arrow-right.svg),auto}.splash-screen .pattern-component,.pattern-bg,.gap-bg,.bg-bg{transition:background-color 1s}img,svg{width:100%;height:auto;vertical-align:middle}.row.is-mobile{margin-left:-.375rem;margin-right:-.375rem;display:flex;flex-wrap:wrap}@media (min-width: 1366px){.row.is-mobile{margin-left:-.5rem;margin-right:-.5rem}}.row.is-mobile>.col{padding-left:.375rem;padding-right:.375rem}@media (min-width: 1366px){.row.is-mobile>.col{padding-left:.5rem;padding-right:.5rem}}@media (min-width: 768px){.row:not(.is-mobile){margin-left:-.375rem;margin-right:-.375rem;display:flex;flex-wrap:wrap}}@media (min-width: 1366px){.row:not(.is-mobile){margin-left:-.5rem;margin-right:-.5rem}}@media (min-width: 768px){.row:not(.is-mobile)>.col{padding-left:.375rem;padding-right:.375rem}}@media (max-width: 767px){.row:not(.is-mobile)>.col{width:100%!important}}@media (min-width: 1366px){.row:not(.is-mobile)>.col{padding-left:.5rem;padding-right:.5rem}}.row-noflex{margin-left:-.375rem;margin-right:-.375rem}@media (min-width: 1366px){.row-noflex{margin-left:-.5rem;margin-right:-.5rem}}.row-noflex .col{padding-left:.375rem;padding-right:.375rem}@media (min-width: 1366px){.row-noflex .col{padding-left:.5rem;padding-right:.5rem}}.barba-wrapper{transition-property:filter;transition-duration:.7s}.barba-container{z-index:2;background-color:var(--bg-color)}html.to-load .barba-container{transition:none}.barba-container{transition:background-color 1s}.barba-container+.barba-container{position:absolute;left:0;right:0;top:0;z-index:1}.transition-container:not(.has-menu-opened) .menu-spacer{height:0px}.header-space{padding-top:var(--header-height)!important}.footer .header-space{padding-top:0}.footer .footer-pattern-segment .pb-ratio-3-4{padding-bottom:0}
</style><script type="module" src="/_astro/page.CNbdXIVB.js"></script></head> <body data-module-global data-module-barba data-module-lenis style class="page-homepage"> <header class="header header-height fixed top-0 left-0 right-scroll-gap z-10 bg-bg group/header pointer-events-none" data-module-menu> <div class="px-section relative z-3 pointer-events-auto h-full"> <div class="row is-mobile h-full"> <div class="col w-col-[3/14] flex items-center"> <a href="/" class="min-w-[240px] md:min-w-[300px] pointer-events-auto md:hover:text-gray"> <svg width="294" height="17" viewBox="0 0 294 17" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.1836 0.381329H20.1325V16.1277H17.5111V3.11612H15.802V16.1277H8.85208V3.11612H7.14698V16.1277H0.194092V0.381329H2.81547V13.3919H4.5266V0.381329H11.4735V13.3919H13.1836V0.381329ZM41.1386 0.381329L41.3624 0.604126L44.2869 10.9542H44.5147L46.7638 0.604126L46.9886 0.381329H49.2356L49.4624 0.604126V2.85619L46.0874 15.9039L45.8646 16.1277H42.9371L42.7103 15.9039L39.7868 5.10624H39.561L36.6365 15.9039L36.4137 16.1277H33.4852L33.2584 15.9039L29.8884 2.85619V0.604126L30.1132 0.381329H32.3622L32.587 0.604126L34.8351 10.9542H35.0639L37.9843 0.604126L38.2132 0.381329H41.1386ZM56.4414 4.43183H56.2166L54.1883 9.82914L54.4172 10.0519H58.2388L58.4677 9.82914L56.4414 4.43183ZM62.9648 16.1277H60.9405L60.7137 15.9039L59.5867 12.9784L59.1411 12.7516H53.5139L53.0663 12.9784L51.9393 15.9039L51.7155 16.1277H49.6882L49.4624 15.9039V13.6558L54.639 0.603123L54.8648 0.380325H57.7912L58.015 0.603123L63.1916 13.6538V15.9019L62.9638 16.1267L62.9648 16.1277ZM73.0699 3.082H68.7966L68.5718 3.3058V6.90367L68.7966 7.13049H73.0699C74.4228 7.13049 75.324 6.68188 75.324 5.10624C75.324 3.5306 74.4228 3.082 73.0699 3.082ZM75.0972 9.60534V9.82914L78.0227 13.6548V15.9029L77.7968 16.1277H76.447L75.9944 15.9039L71.4943 10.0529L71.0467 9.82914H68.7966L68.5718 10.0519V15.9029L68.344 16.1277H65.6484L65.4216 15.9039V0.604126L65.6484 0.381329H73.0699C76.2222 0.381329 78.4713 1.95697 78.4713 5.10624C78.4713 7.58009 76.8956 9.15573 75.0962 9.60434L75.0972 9.60534ZM89.022 3.082H84.7497L84.5249 3.3058V6.90367L84.7497 7.13049H89.022C90.3769 7.13049 91.2731 6.68188 91.2731 5.10624C91.2731 3.5306 90.3769 3.082 89.022 3.082ZM91.0493 9.60534V9.82914L93.9727 13.6548V15.9029L93.7479 16.1277H92.3981L91.9485 15.9039L87.4494 10.0529L86.9978 9.82914H84.7497L84.5249 10.0519V15.9029L84.2991 16.1277H81.5984L81.3736 15.9039V0.604126L81.5984 0.381329H89.022C92.1743 0.381329 94.4254 1.95697 94.4254 5.10624C94.4254 7.58009 92.8487 9.15674 91.0493 9.60534ZM107.806 16.1277H97.2334L97.0076 15.9039V0.604126L97.2334 0.381329H107.806L108.032 0.604126V2.85619L107.806 3.082H100.384L100.159 3.3058V6.45607L100.384 6.68188H107.361L107.583 6.90367V9.15573L107.361 9.38154H100.384L100.159 9.60434V13.2042L100.384 13.429H107.806L108.032 13.6548V15.9039L107.806 16.1277ZM111.11 0.381329H114.258L114.708 0.604126L120.784 10.9542H121.01V0.604126L121.232 0.381329H123.934L124.16 0.604126V15.9039L123.934 16.1277H120.784L120.33 15.9039L114.258 5.55485H114.035V15.9039L113.81 16.1277H111.11L110.883 15.9039V0.604126L111.11 0.381329ZM138.515 4.43183H138.29L136.268 9.82914L136.493 10.0519H140.317L140.541 9.82914L138.515 4.43183ZM145.043 16.1277H143.016L142.792 15.9039L141.664 12.9784L141.216 12.7516H135.592L135.143 12.9784L134.016 15.9039L133.793 16.1277H131.767L131.541 15.9039V13.6558L136.717 0.603123L136.938 0.380325H139.866L140.094 0.603123L145.267 13.6538V15.9019L145.043 16.1277ZM147.471 0.381329H150.618L151.071 0.604126L157.146 10.9542H157.371V0.604126L157.597 0.381329H160.296L160.522 0.604126V15.9039L160.296 16.1277H157.146L156.691 15.9039L150.618 5.55485H150.397V15.9039L150.171 16.1277H147.471L147.248 15.9039V0.604126L147.471 0.381329ZM168.509 3.082H166.483L166.256 3.3058V13.2042L166.483 13.429H168.509C171.658 13.429 172.785 11.8564 172.785 8.25551C172.785 4.65563 171.657 3.082 168.509 3.082ZM168.284 16.1287H163.334L163.106 15.9039V0.604126L163.334 0.381329H168.284C173.91 0.381329 175.933 3.3058 175.933 8.25551C175.933 13.2042 173.91 16.1287 168.284 16.1287ZM200.466 16.1277H197.766L197.541 15.9039V7.13049H197.316L193.718 15.9039L193.491 16.1277H191.017L190.789 15.9039L187.189 7.13049H186.965V15.9039L186.741 16.1277H184.042L183.815 15.9039V0.604126L184.042 0.381329H187.411L187.641 0.604126L192.137 11.6316H192.368L196.868 0.604126L197.091 0.381329H200.466L200.692 0.604126V15.9039L200.466 16.1277ZM209.925 4.43183H209.696L207.673 9.82914L207.898 10.0519H211.726L211.947 9.82914L209.925 4.43183ZM216.448 16.1277H214.424L214.201 15.9039L213.077 12.9784L212.624 12.7516H207L206.549 12.9784L205.425 15.9039L205.198 16.1277H203.176L202.951 15.9039V13.6558L208.12 0.603123L208.351 0.380325H211.274L211.5 0.603123L216.672 13.6538V15.9019L216.448 16.1277Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M231.565 16.1277H228.868L228.64 15.9039V9.60436L228.413 9.38157H222.339L222.114 9.60436V15.9039L221.89 16.1277H219.19L218.967 15.9039V0.60415L219.19 0.381353H221.89L222.114 0.60415V6.4561L222.339 6.6819H228.413L228.64 6.4561V0.60415L228.868 0.381353H231.565L231.788 0.60415V15.9039L231.565 16.1277ZM242.019 2.85621C239.095 2.85621 237.52 5.10626 237.52 8.25554C237.52 11.4048 239.095 13.6549 242.019 13.6549C244.947 13.6549 246.52 11.4048 246.52 8.25554C246.52 5.10626 244.947 2.85621 242.019 2.85621ZM242.019 16.3545C237.297 16.3545 234.373 12.9784 234.373 8.25554C234.373 3.53062 237.297 0.154541 242.019 0.154541C246.745 0.154541 249.673 3.53062 249.673 8.25554C249.673 12.9784 246.745 16.3545 242.019 16.3545Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M252.503 0.381306H255.654L256.104 0.604103L262.179 10.9541H262.402V0.604103L262.628 0.381306H265.331L265.554 0.604103V15.9039L265.331 16.1277H262.179L261.731 15.9039L255.654 5.55482H255.43V15.9039L255.205 16.1277H252.503L252.276 15.9039V0.604103L252.503 0.381306ZM279.167 16.1277H268.593L268.367 15.9039V0.604103L268.593 0.381306H279.167L279.391 0.604103V2.85616L279.167 3.08197H271.743L271.518 3.30577V6.45605L271.743 6.68186H278.717L278.942 6.90365V9.15571L278.717 9.38152H271.743L271.518 9.60432V13.2042L271.743 13.429H279.167L279.391 13.6548V15.9039L279.167 16.1277ZM289.406 10.2787V15.9039L289.178 16.1277H286.481L286.256 15.9039V10.2787L281.758 2.85616V0.604103L281.981 0.381306H283.552L284.009 0.604103L287.606 6.68186H288.056L291.657 0.604103L292.103 0.381306H293.683L293.908 0.604103V2.85616L289.406 10.2787Z" />
</svg>
</a> </div> <div class="ml-col-[5/14] w-col-[5/14]"></div> <div class="w-col-[1/14] flex items-center justify-end"> <a href="/search" class="px-2 md:px-3 pointer-events-auto md:hover:text-gray active-links [&.active]:text-gray"> <div class="w-3.5 md:w-5"> <svg width="21" height="21" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg"><path d="M8.9807 2.99182C12.2722 2.99182 14.9774 5.67662 14.9774 9.00366C14.9774 10.262 14.5874 11.4361 13.8617 12.4704L13.2756 13.3093L12.4388 13.8969C11.4071 14.6244 10.2358 15.0154 8.98082 15.0154C5.68933 15.0154 2.98412 12.3306 2.98412 9.00355C2.98412 5.67662 5.68927 2.99182 8.9807 2.99182ZM8.98082 4.48001e-05C4.01583 4.48001e-05 0 4.02602 0 9.00355C0 13.9811 4.01583 18.0071 8.98082 18.0071C10.9049 18.0071 12.6907 17.3921 14.1692 16.3293L18.3803 20.5522C18.6592 20.8318 19.0492 21 19.4404 21C19.8315 21 20.2216 20.8602 20.5005 20.5522L20.5288 20.5238C21.115 19.9361 21.1978 18.9574 20.5288 18.3982L16.3166 14.205C17.3484 12.7228 17.9901 10.9337 17.9901 9.00351C17.9618 4.02598 13.9458 4.48001e-05 8.98082 4.48001e-05Z" /></svg>
</div> </a> <div class="burger px-3 -mr-1.5 cursor-pointer md:hover:text-gray" data-menu="burger"> <div></div> <div></div> <div></div> </div> </div> </div> </div> <div class="menu absolute top-0 inset-x-0 h-screen group-[&.menu-opened]/header:pointer-events-auto flex flex-col"> <div class="px-section pt-16 md:pt-24 pb-4 md:py-16 relative z-1" data-menu="menu"> <div class="row"> <div class="col break_2:w-col-[8/20] break_2:ml-col-[9/20] break_3:w-col-[8/17] break_3:ml-col-[9/17] break_4:w-col-[8/14] break_4:ml-col-[6/14]"> <div class="menu-opacity opacity-0 transition-opacity duration-300 delay-0 group-[&.menu-opened]/header:opacity-100 group-[&.menu-opened]/header:duration-500 group-[&.menu-opened]/header:delay-500" data-menu="link-leave"> <div class="to-md:pt-8"> <a href="/work" data-menu="link-hover" class="text-60 to-md:leading-110 md:h2 table md:pb-6 active-links md:hover:text-gray [&.active]:text-gray">Work</a><a href="/practice" data-menu-color="#EC7D2E" data-menu="link-hover" class="text-60 to-md:leading-110 md:h2 table md:pb-6 active-links md:hover:text-gray [&.active]:text-gray">Practice</a><a href="/people" data-menu-color="#D47182" data-menu="link-hover" class="text-60 to-md:leading-110 md:h2 table md:pb-6 active-links md:hover:text-gray [&.active]:text-gray">People</a> </div> <div class="pt-16 md:pt-8"> <a href="/news" data-menu="link-hover" class="to-md:font-medium text-16 md:text-33 leading-95 font-grotesk-a pr-8 active-links md:hover:text-gray [&.active]:text-gray">News</a><a href="/careers" data-menu-color="#48A5CD" data-menu="link-hover" class="to-md:font-medium text-16 md:text-33 leading-95 font-grotesk-a pr-8 active-links md:hover:text-gray [&.active]:text-gray">Careers</a><a href="/contact" data-menu="link-hover" class="to-md:font-medium text-16 md:text-33 leading-95 font-grotesk-a pr-8 active-links md:hover:text-gray [&.active]:text-gray">Contact</a> </div> </div> </div> </div> <div class="menu-pattern absolute inset-x-0 top-full h-full translate-y-[calc(100vh-110%)] group-[.menu-opened-post]/header:transition-transform group-[&.menu-opened:not(.cover-pattern)]/header:-translate-y-16 pointer-events-none"> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 has-color for-menu blank" data-module-snake data-snake="el" data-snake-pattern="default0" data-snake-skip-ready> <div class="pointer-events-none snake-ratio relative pb-[120%] lg:pb-0 lg:h-screen"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-column col-start-1 col-end-3 z-1"> <div class="bg-off w-full h-full"> <div class="bg-salad w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-3 col-end-4"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-1 col-end-6 pattern-row-bottom z-1"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="1"></div> </div> </div> <div class="pattern-column col-start-4 col-end-6 z-2"> <div class="bg-off w-full h-full"> <div class="bg-red w-full h-full pattern-bg" data-snake="segment" data-snake-segment="2"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-bottom col-start-6 col-end-7"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-4 col-end-9 z-2"> <div class="bg-off w-full h-full"> <div class="bg-sea w-full h-full pattern-bg" data-snake="segment" data-snake-segment="3"></div> </div> </div> <div class="pattern-column col-start-7 col-end-9 z-1"> <div class="bg-off w-full h-full"> <div class="bg-brown w-full h-full pattern-bg" data-snake="segment" data-snake-segment="4"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-9 col-end-10"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-7 col-end-12 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-beige w-full h-full pattern-bg" data-snake="segment" data-snake-segment="5"></div> </div> </div> <div class="pattern-column col-start-10 col-end-12 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="6"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-full col-start-12 col-end-13"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-column col-start-13 col-end-15 z-1"> <div class="bg-off w-full h-full"> <div class="bg-blue w-full h-full pattern-bg" data-snake="segment" data-snake-segment="7"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-full col-start-15 col-end-16"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-13 col-end-18 z-1"> <div class="bg-off w-full h-full"> <div class="bg-crab w-full h-full pattern-bg" data-snake="segment" data-snake-segment="8"></div> </div> </div> <div class="pattern-column col-start-16 col-end-18 z-3"> <div class="bg-off w-full h-full"> <div class="bg-brown w-full h-full pattern-bg" data-snake="segment" data-snake-segment="9"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-18 col-end-19"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-16 col-end-21 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="10"></div> </div> </div> <div class="pattern-column col-start-19 col-end-21 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="11"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-bottom col-start-21 col-end-22"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-19 col-end-24 z-2"> <div class="bg-off w-full h-full"> <div class="bg-red w-full h-full pattern-bg" data-snake="segment" data-snake-segment="12"></div> </div> </div> <div class="pattern-column col-start-22 col-end-24 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="13"></div> </div> </div> <div class="pattern-column col-start-25 col-end-27 z-3"> <div class="bg-off w-full h-full"> <div class="bg-crab w-full h-full pattern-bg" data-snake="segment" data-snake-segment="14"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-27 col-end-28"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-25 col-end-30 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="15"></div> </div> </div> <div class="pattern-column col-start-28 col-end-30 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="16"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-bottom col-start-30 col-end-31"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="flex justify-end lg:hidden p-section sticky bottom-0 text-12 mt-auto pointer-events-none opacity-0 transition group-[&.menu-opened]/header:opacity-100 group-[&.menu-opened]/header:pointer-events-auto z-4 group-[&.menu-opened]/header:delay-500"> <div class="flex gap-2 justify-end"> <a href="/privacy">Privacy Statement</a> <span class="inline-block">© 2025</span> </div> </div> </div> </header> <div class="barba-wrapper" data-barba="wrapper"> <div class="barba-container to-load" data-barba="container" data-barba-namespace="homepage"> <div class="curtain fixed inset-0 pointer-events-none opacity-0"> <div class="h-full w-full bg-bg"></div> </div> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 has-image for-transition image-bg pattern-video-once" data-module-snake data-snake="el" data-snake-pattern="default0" data-snake-name="home-cover" data-snake-skip-ready="true"> <div class="pointer-events-none snake-ratio relative pb-[120%] lg:pb-0 lg:h-screen"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-column col-start-1 col-end-3 z-1"> <div class="bg-off w-full h-full"> <div class="bg-salad w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-3 col-end-4"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-1 col-end-6 pattern-row-bottom z-1"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="1"></div> </div> </div> <div class="pattern-column col-start-4 col-end-6 z-2"> <div class="bg-off w-full h-full"> <div class="bg-red w-full h-full pattern-bg" data-snake="segment" data-snake-segment="2"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-bottom col-start-6 col-end-7"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-4 col-end-9 z-2"> <div class="bg-off w-full h-full"> <div class="bg-sea w-full h-full pattern-bg" data-snake="segment" data-snake-segment="3"></div> </div> </div> <div class="pattern-column col-start-7 col-end-9 z-1"> <div class="bg-off w-full h-full"> <div class="bg-brown w-full h-full pattern-bg" data-snake="segment" data-snake-segment="4"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-9 col-end-10"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-7 col-end-12 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-beige w-full h-full pattern-bg" data-snake="segment" data-snake-segment="5"></div> </div> </div> <div class="pattern-column col-start-10 col-end-12 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="6"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-full col-start-12 col-end-13"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-column col-start-13 col-end-15 z-1"> <div class="bg-off w-full h-full"> <div class="bg-blue w-full h-full pattern-bg" data-snake="segment" data-snake-segment="7"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-full col-start-15 col-end-16"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-13 col-end-18 z-1"> <div class="bg-off w-full h-full"> <div class="bg-crab w-full h-full pattern-bg" data-snake="segment" data-snake-segment="8"></div> </div> </div> <div class="pattern-column col-start-16 col-end-18 z-3"> <div class="bg-off w-full h-full"> <div class="bg-brown w-full h-full pattern-bg" data-snake="segment" data-snake-segment="9"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-18 col-end-19"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-16 col-end-21 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="10"></div> </div> </div> <div class="pattern-column col-start-19 col-end-21 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="11"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-bottom col-start-21 col-end-22"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-19 col-end-24 z-2"> <div class="bg-off w-full h-full"> <div class="bg-red w-full h-full pattern-bg" data-snake="segment" data-snake-segment="12"></div> </div> </div> <div class="pattern-column col-start-22 col-end-24 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="13"></div> </div> </div> <div class="pattern-column col-start-25 col-end-27 z-3"> <div class="bg-off w-full h-full"> <div class="bg-crab w-full h-full pattern-bg" data-snake="segment" data-snake-segment="14"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-27 col-end-28"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-25 col-end-30 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="15"></div> </div> </div> <div class="pattern-column col-start-28 col-end-30 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="16"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-bottom col-start-30 col-end-31"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> </div> </div> <div class="pattern-header pattern-footer !items-start pointer-events-auto"> <div class="bg-bg"> <div class="pt-section pattern-to-opacity transition-opacity" data-snake="header-space"> <div class="home-title-mobile safe-bt"> <h1 class="h2 home-title">Everything is possible</h1> </div> </div> </div> </div> </div> </div> </div> <div class="pattern-image-wrap absolute inset-0 z-1"> <div class="z-3 px-section header-space pb-section h-full"> <div class="relative transition-opacity pattern-to-opacity h-full flex flex-col"> <div class="video-wrap bg-off flex-1 lazy-video"> <video muted playsinline autoplay loop> <source data-src="https://wam.studio/strapi/uploads/WAM_Reduced_Size_1920_2_821586c376.mp4" type="video/mp4"> </video> <svg class="image-ratio" viewBox="0 0 2400 1800" xmlns="http://www.w3.org/2000/svg"></svg> </div> <div class="pattern-header pattern-footer"></div> </div> </div> </div> </section> <section class="px-section lg:min-h-[80vh] flex flex-col"> <div class="home-title-mobile to-md:mb-16"></div> <div class="flex-1 flex items-center w-full home-padd-mobile to-md:pb-[25%] md:py-32"> <div class="row w-full items-end"> <div class="col w-1/2 break_4:w-col-[6/14] break_3:w-col-[8/17]"> <div class="h2 whitespace-pre-line">with
Collective</div> </div> <div class="col w-1/2 break_4:w-col-[8/14] break_3:w-col-[9/17]"> <div class="overflow-hidden relative"> <div class="h2 invisible">+</div> <div class="absolute left-0 top-0" data-module-moving-text> <div class="h2">Culture</div><div class="h2">Consciousness</div><div class="h2">Conversations</div><div class="h2">Wisdom</div><div class="h2">Action</div><div class="h2">Ambition</div> <div class="h2">Culture</div> </div> </div> </div> </div> </div> <div class="paragraph text-18 lg:text-55 leading-130 md:leading-120 font-grotesk-b gray-links"> <p><span>65 years of experience has taught us that nothing great is made alone. Design isn’t a process, it’s a partnership, and the best way to work is to work together. Together, everything is possible.</span></p> </div> </section> <section class="to-md:py-0 py-16 homepage-work-slideshow-container"> <div class="relative to-md:pt-[30%]"> <div class="px-section relative z-2 piece-1"> <div data-module-swiper data-swiper-gap class="relative"> <div class="pb-ratio-mobile lg:pb-ratio-16-9 break_4:pb-ratio-16-11 relative piece-2 overflow-hidden"> <div class="swiper-container lazyload-horizontal-base !absolute inset-0"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_667,q_80/Hiwa_EXT_503_a3086435ae.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_667,q_80/Hiwa_EXT_503_a3086435ae.jpg 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1333,q_80/Hiwa_EXT_503_a3086435ae.jpg 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_2000,q_80/Hiwa_EXT_503_a3086435ae.jpg 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 2000" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div><div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_666,q_80/WAM_sydney58167_V01_02_LR_98f9a0a69c.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_666,q_80/WAM_sydney58167_V01_02_LR_98f9a0a69c.jpg 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1333,q_80/WAM_sydney58167_V01_02_LR_98f9a0a69c.jpg 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_1999,q_80/WAM_sydney58167_V01_02_LR_98f9a0a69c.jpg 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 1999" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div><div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_563,q_80/homepageslider_f5604ee999.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_563,q_80/homepageslider_f5604ee999.jpg 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1125,q_80/homepageslider_f5604ee999.jpg 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_1688,q_80/homepageslider_f5604ee999.jpg 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 1688" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div><div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_672,q_80/0719_Oran_Park_Leisure_Centre_397_e51e54a7fc.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_672,q_80/0719_Oran_Park_Leisure_Centre_397_e51e54a7fc.jpg 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1344,q_80/0719_Oran_Park_Leisure_Centre_397_e51e54a7fc.jpg 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_2016,q_80/0719_Oran_Park_Leisure_Centre_397_e51e54a7fc.jpg 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 2016" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div><div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_683,q_80/Hiwa_INT_0700_4e35ec180e.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_683,q_80/Hiwa_INT_0700_4e35ec180e.jpg 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1366,q_80/Hiwa_INT_0700_4e35ec180e.jpg 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_2049,q_80/Hiwa_INT_0700_4e35ec180e.jpg 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 2049" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div><div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_557,q_80/2_2245d50cc6.PNG" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_557,q_80/2_2245d50cc6.PNG 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1115,q_80/2_2245d50cc6.PNG 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_1672,q_80/2_2245d50cc6.PNG 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 1672" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div><div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_667,q_80/NARC_35_80c3ad98d5.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_667,q_80/NARC_35_80c3ad98d5.jpg 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1333,q_80/NARC_35_80c3ad98d5.jpg 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_2000,q_80/NARC_35_80c3ad98d5.jpg 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 2000" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div><div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_878,q_80/7eebd3f1bc6ac2a6ed3b8433bf775fab.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_878,q_80/7eebd3f1bc6ac2a6ed3b8433bf775fab.jpg 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1756,q_80/7eebd3f1bc6ac2a6ed3b8433bf775fab.jpg 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_2634,q_80/7eebd3f1bc6ac2a6ed3b8433bf775fab.jpg 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 2634" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div><div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_563,q_80/Aerial_rotated_085c8bb582.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_563,q_80/Aerial_rotated_085c8bb582.jpg 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1125,q_80/Aerial_rotated_085c8bb582.jpg 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_1688,q_80/Aerial_rotated_085c8bb582.jpg 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 1688" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div><div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_563,q_80/Featured_Image_Template_3ef456a835.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_563,q_80/Featured_Image_Template_3ef456a835.jpg 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1125,q_80/Featured_Image_Template_3ef456a835.jpg 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_1688,q_80/Featured_Image_Template_3ef456a835.jpg 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 1688" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div><div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_667,q_80/042_A0634lr_lr_eb012b7620.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_667,q_80/042_A0634lr_lr_eb012b7620.jpg 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1333,q_80/042_A0634lr_lr_eb012b7620.jpg 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_2000,q_80/042_A0634lr_lr_eb012b7620.jpg 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 2000" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div><div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_713,q_80/Hiwa_EXT_404_ae0daf2687.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_713,q_80/Hiwa_EXT_404_ae0daf2687.jpg 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1425,q_80/Hiwa_EXT_404_ae0daf2687.jpg 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_2138,q_80/Hiwa_EXT_404_ae0daf2687.jpg 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 2138" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div><div class="swiper-slide"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_1000,h_667,q_80/MonaVale1.JPG" srcset="https://wam.studio/strapi/uploads/f_webp,w_1000,h_667,q_80/MonaVale1.JPG 1000w, https://wam.studio/strapi/uploads/f_webp,w_2000,h_1334,q_80/MonaVale1.JPG 2000w, https://wam.studio/strapi/uploads/f_webp,w_3000,h_2001,q_80/MonaVale1.JPG 3000w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 3000 2001" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div> </div> </div> </div> <div class="slider-navs to-lg:hidden flex gap-2 w-full justify-end hover-links md:pt-5 cursor-none"> <div class="text-12" data-swiper="pagination">1 of 13</div> <div class="absolute inset-0 flex z-2"> <div class="w-1/2 cursor-left" data-swiper="prev"></div> <div class="w-1/2 cursor-right" data-swiper="next"></div> </div> </div> </div> <div class="gray-links"> <div class="h2 pt-section pb-4 to-md:w-3/4"> <div class=" whitespace-pre-line">Architecture is not what we make.
It’s what we make possible.</div> </div> <a href="/work" class="md:text-30">View all projects</a> </div> </div> <div class="absolute top-0 z-1 inset-x-0 pointer-events-none to-md:pb-full to-md:overflow-hidden homepage-snake1"> <div class="absolute top-0 inset-x-0"> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 cursor-down lg:!pb-0" data-module-snake data-snake="el" data-snake-pattern="pattern1" data-snake-skip-ready> <div class="pointer-events-none snake-ratio relative pb-ratio-3-4 md:pb-[68.4%]"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-row col-start-1 col-end-9 z-1"> <div class="bg-off w-full h-full"> <div class="bg-sea w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> <div class="pattern-column col-start-7 col-end-9 z-2"> <div class="bg-off w-full h-full"> <div class="bg-brown w-full h-full pattern-bg" data-snake="segment" data-snake-segment="1"></div> </div> </div> <div class="pattern-row col-start-7 col-end-12 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="2"></div> </div> </div> <div class="pattern-column col-start-10 col-end-12 z-3"> <div class="bg-off w-full h-full"> <div class="bg-crab w-full h-full pattern-bg" data-snake="segment" data-snake-segment="3"></div> </div> </div> <div class="pattern-row col-start-10 col-end-15 z-2"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="4"></div> </div> </div> <div class="pattern-column col-start-13 col-end-15 z-1"> <div class="bg-off w-full h-full"> <div class="bg-salad w-full h-full pattern-bg" data-snake="segment" data-snake-segment="5"></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section><section class="snake-parallax-container"> <div class="md:pb-[10%]"></div> <div class="relative"> <div class="pb-ratio-3-4 md:pb-[30%]"></div> <div class="px-section to-md:pt-16"> <div class="row relative z-2"> <div class="col md:ml-col-[8/14] w-col-[6/14]"> <div class="paragraph lg:text-30 header-40 header-leading-100 lg:header-80 header-font-grotesk-b leading-130 gray-links pb-16 md:pb-40 last:pb-0"> <h2><span>Nothing great is made alone</span></h2><p><span>Design isn’t a process, it’s a partnership, and the best way to work is to work together.</span></p><p><a href="/people"><span>Meet the team</span></a></p> </div><div class="paragraph lg:text-30 header-40 header-leading-100 lg:header-80 header-font-grotesk-b leading-130 gray-links pb-16 md:pb-40 last:pb-0"> <h2>Architecture at the intersection</h2><p>We design at the intersection of culture, sustainability, and technology. By weaving these threads together our work makes a positive contribution to society’s most important challenges.</p><p><a href="/practice"><span>Our approach</span></a></p> </div> </div> </div> </div> <div class="absolute top-0 z-1 inset-x-0 pointer-events-none"> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 cursor-down" data-module-snake data-snake="el" data-snake-pattern="pattern2" data-snake-skip-ready> <div class="pointer-events-none snake-ratio relative pb-[120%] lg:pb-0 lg:h-screen"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-column col-start-1 col-end-3 z-1"> <div class="bg-off w-full h-full"> <div class="bg-beige w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> <div class="pattern-row col-start-1 col-end-6 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="1"></div> </div> </div> <div class="pattern-column col-start-4 col-end-6 z-1"> <div class="bg-off w-full h-full"> <div class="bg-salad w-full h-full pattern-bg" data-snake="segment" data-snake-segment="2"></div> </div> </div> <div class="pattern-row col-start-4 col-end-8 z-2"> <div class="bg-off w-full h-full"> <div class="bg-sea w-full h-full pattern-bg" data-snake="segment" data-snake-segment="3"></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </section><div class="relative z-1 pointer-events-none md:hidden snake-parallax-container pb-full -mt-16"> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 cursor-down !absolute top-0 inset-x-0" data-module-snake data-snake="el" data-snake-pattern="pattern4" data-snake-skip-ready> <div class="pointer-events-none snake-ratio relative pb-[120%] lg:pb-0 lg:h-screen"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-row col-start-1 col-end-5 z-1"> <div class="bg-off w-full h-full"> <div class="bg-crab w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> <div class="pattern-column col-start-4 col-end-6 z-2"> <div class="bg-off w-full h-full"> <div class="bg-red w-full h-full pattern-bg" data-snake="segment" data-snake-segment="1"></div> </div> </div> <div class="pattern-row col-start-5 col-end-10 pattern-row-bottom z-1"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="2"></div> </div> </div> <div class="pattern-column col-start-9 col-end-11 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="3"></div> </div> </div> <div class="pattern-row col-start-9 col-end-15 z-2"> <div class="bg-off w-full h-full"> <div class="bg-beige w-full h-full pattern-bg" data-snake="segment" data-snake-segment="4"></div> </div> </div> <div class="pattern-column col-start-13 col-end-15 z-1"> <div class="bg-off w-full h-full"> <div class="bg-brown w-full h-full pattern-bg" data-snake="segment" data-snake-segment="5"></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <section class="snake-parallax-container"> <div class="md:pb-[15%]"></div> <div class="relative"> <div class="pb-16 md:pb-[25%]"></div> <div class="p-section relative z-2"> <div class="row"> <div class="col w-col-[13/14]"> <div class="block relative pb-ratio-mobile lg:pb-ratio-16-9 break_4:pb-ratio-16-11"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_800,h_533,q_80/10060_UTS_Web_01_069096c8ae.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_800,h_533,q_80/10060_UTS_Web_01_069096c8ae.jpg 800w, https://wam.studio/strapi/uploads/f_webp,w_1600,h_1067,q_80/10060_UTS_Web_01_069096c8ae.jpg 1600w, https://wam.studio/strapi/uploads/f_webp,w_2400,h_1600,q_80/10060_UTS_Web_01_069096c8ae.jpg 2400w" loading="lazy" class="lazy" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 2400 1600" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div> <div class="block pt-section text-18 leading-130 lg:text-60 lg:leading-105 font-grotesk-b"> <div class=" whitespace-pre-line">Designing a brave future.
Using design and innovation to help address some of society’s most important challenges</div> </div> <div class="gray-links"> <a href="https://wam.studio/news/designingbravefuture" class="md:text-30 pt-4 block"> Read More </a> </div> </div> </div> </div> <div class="absolute top-0 z-1 inset-x-0 pointer-events-none to-md:hidden"> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 cursor-down" data-module-snake data-snake="el" data-snake-pattern="pattern3" data-snake-skip-ready> <div class="pointer-events-none snake-ratio relative pb-ratio-3-4 md:pb-[68.4%]"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-column col-start-7 col-end-9 z-2"> <div class="bg-off w-full h-full"> <div class="bg-blue w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> <div class="pattern-row col-start-7 col-end-15 z-1"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="1"></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </section><section class="snake-parallax-container"> <div class="md:pb-[10%]"></div> <div class="relative"> <div class="pb-16 md:pb-[25%]"></div> <div class="p-section relative z-2"> <div class="row"> <div class="col md:ml-col-[3/20] break_2:w-col-[17/20] break_3:ml-col-[3/17] break_3:w-col-[15/17] break_4:ml-col-[3/14] break_4:w-col-[11/14]"> <div class="block relative pb-ratio-mobile lg:pb-ratio-16-9 break_4:pb-ratio-16-11"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_800,h_480,q_80/Bronte_Hero_ba4fc6fd46.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_800,h_480,q_80/Bronte_Hero_ba4fc6fd46.jpg 800w, https://wam.studio/strapi/uploads/f_webp,w_1600,h_960,q_80/Bronte_Hero_ba4fc6fd46.jpg 1600w, https://wam.studio/strapi/uploads/f_webp,w_2400,h_1440,q_80/Bronte_Hero_ba4fc6fd46.jpg 2400w" loading="lazy" class="lazy" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 2400 1440" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div> <div class="block pt-section text-18 leading-130 lg:text-60 lg:leading-105 font-grotesk-b"> <div class=" whitespace-pre-line">Harmony in form - the integration of architecture and landscape within an iconic Sydney setting.</div> </div> <div class="gray-links"> <a href="/work/bronte-surf-life-saving-club" class="md:text-30 pt-4 block"> View Project </a> </div> </div> </div> </div> <div class="absolute top-0 z-1 inset-x-0 pointer-events-none to-md:hidden"> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 cursor-down" data-module-snake data-snake="el" data-snake-pattern="pattern4" data-snake-skip-ready> <div class="pointer-events-none snake-ratio relative pb-ratio-3-4 md:pb-[68.4%]"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-row col-start-1 col-end-5 z-1"> <div class="bg-off w-full h-full"> <div class="bg-crab w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> <div class="pattern-column col-start-4 col-end-6 z-2"> <div class="bg-off w-full h-full"> <div class="bg-red w-full h-full pattern-bg" data-snake="segment" data-snake-segment="1"></div> </div> </div> <div class="pattern-row col-start-5 col-end-10 pattern-row-bottom z-1"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="2"></div> </div> </div> <div class="pattern-column col-start-9 col-end-11 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="3"></div> </div> </div> <div class="pattern-row col-start-9 col-end-15 z-2"> <div class="bg-off w-full h-full"> <div class="bg-beige w-full h-full pattern-bg" data-snake="segment" data-snake-segment="4"></div> </div> </div> <div class="pattern-column col-start-13 col-end-15 z-1"> <div class="bg-off w-full h-full"> <div class="bg-brown w-full h-full pattern-bg" data-snake="segment" data-snake-segment="5"></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </section><section class="snake-parallax-container"> <div class="md:pb-[15%]"></div> <div class="relative"> <div class="pb-16 md:pb-[25%]"></div> <div class="p-section relative z-2"> <div class="row"> <div class="col w-col-[13/14]"> <div class="block relative pb-ratio-mobile lg:pb-ratio-16-9 break_4:pb-ratio-16-11"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_800,h_533,q_80/23_10_10_WAM_Lincoln_2958_2c97e1496a.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_800,h_533,q_80/23_10_10_WAM_Lincoln_2958_2c97e1496a.jpg 800w, https://wam.studio/strapi/uploads/f_webp,w_1600,h_1066,q_80/23_10_10_WAM_Lincoln_2958_2c97e1496a.jpg 1600w, https://wam.studio/strapi/uploads/f_webp,w_2400,h_1600,q_80/23_10_10_WAM_Lincoln_2958_2c97e1496a.jpg 2400w" loading="lazy" class="lazy" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 2400 1600" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div> <div class="block pt-section text-18 leading-130 lg:text-60 lg:leading-105 font-grotesk-b"> <div class=" whitespace-pre-line">Lincoln University’s flagship science building Waimarie
named best education building worldwide in 2024
</div> </div> <div class="gray-links"> <a href="/news/wafwaimarie" class="md:text-30 pt-4 block"> Read More </a> </div> </div> </div> </div> <div class="absolute top-0 z-1 inset-x-0 pointer-events-none to-md:hidden"> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 cursor-down" data-module-snake data-snake="el" data-snake-pattern="pattern3_2" data-snake-skip-ready> <div class="pointer-events-none snake-ratio relative pb-ratio-3-4 md:pb-[68.4%]"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-row col-start-1 col-end-8 z-1"> <div class="bg-off w-full h-full"> <div class="bg-sea w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> <div class="pattern-column col-start-7 col-end-9 z-2"> <div class="bg-off w-full h-full"> <div class="bg-crab w-full h-full pattern-bg" data-snake="segment" data-snake-segment="1"></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </section><section class="snake-parallax-container"> <div class="md:pb-[10%]"></div> <div class="relative"> <div class="pb-16 md:pb-[25%]"></div> <div class="p-section relative z-2"> <div class="row"> <div class="col md:ml-col-[3/20] break_2:w-col-[17/20] break_3:ml-col-[3/17] break_3:w-col-[15/17] break_4:ml-col-[3/14] break_4:w-col-[11/14]"> <div class="block relative pb-ratio-mobile lg:pb-ratio-16-9 break_4:pb-ratio-16-11"> <div class="image-wrap absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_800,h_600,q_80/Carbon_Guide_01_9b30594d00.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_800,h_600,q_80/Carbon_Guide_01_9b30594d00.jpg 800w, https://wam.studio/strapi/uploads/f_webp,w_1600,h_1200,q_80/Carbon_Guide_01_9b30594d00.jpg 1600w, https://wam.studio/strapi/uploads/f_webp,w_2400,h_1801,q_80/Carbon_Guide_01_9b30594d00.jpg 2400w" loading="lazy" class="lazy" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 2400 1801" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div> <div class="block pt-section text-18 leading-130 lg:text-60 lg:leading-105 font-grotesk-b"> <div class=" whitespace-pre-line">Our ‘Go Zero’ guide provides a practical roadmap to help reduce the carbon intensity of every project.</div> </div> <div class="gray-links"> <a href="https://wam.studio/news/gozero" class="md:text-30 pt-4 block"> Read More </a> </div> </div> </div> </div> <div class="absolute top-0 z-1 inset-x-0 pointer-events-none to-md:hidden"> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 cursor-down" data-module-snake data-snake="el" data-snake-pattern="pattern10" data-snake-skip-ready> <div class="pointer-events-none snake-ratio relative pb-ratio-3-4 md:pb-[68.4%]"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-column col-start-1 col-end-3 z-1"> <div class="bg-off w-full h-full"> <div class="bg-beige w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-bottom col-start-3 col-end-4"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-1 col-end-6 z-2"> <div class="bg-off w-full h-full"> <div class="bg-violet w-full h-full pattern-bg" data-snake="segment" data-snake-segment="1"></div> </div> </div> <div class="pattern-column col-start-4 col-end-6 z-3"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="2"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-6 col-end-7"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-4 col-end-9 pattern-row-bottom z-3"> <div class="bg-off w-full h-full"> <div class="bg-crab w-full h-full pattern-bg" data-snake="segment" data-snake-segment="3"></div> </div> </div> <div class="pattern-column col-start-7 col-end-9 z-4"> <div class="bg-off w-full h-full"> <div class="bg-sea w-full h-full pattern-bg" data-snake="segment" data-snake-segment="4"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-bottom col-start-9 col-end-10"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-7 col-end-21 z-1"> <div class="bg-off w-full h-full"> <div class="bg-beige w-full h-full pattern-bg" data-snake="segment" data-snake-segment="5"></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </section> <div class="pb-[12%]"></div> <div class="p-section"> <section class="gray-links text-18 leading-130 md:text-65 md:leading-110 font-grotesk-b"> <div>
Good news in your Inbox
</div> <div> <div data-modal="trigger" data-modal-url="/subscribe/modal" class="hover-el">Subscribe</div> </div> </section> </div> <section class="snake-parallax-container"> <div class="to-md:hidden pb-[17%]"></div> <div class="relative px-section"> <div class="md:hidden pb-ratio-3-4"></div> <div class="row relative z-2"> <div class="col md:ml-col-[9/14] w-col-[5/14]"> <div data-module-swiper data-swiper-auto data-swiper-news class="overflow-hidden md:pb-[10%] lazyload-horizontal-base"> <div class="swiper-container overflow-hidden md:h-screen"> <div class="swiper-wrapper"> <div class="swiper-slide hover-links"> <a href="/news/futureoflibraries" class="block"> <div class="relative overflow-hidden flex items-center news-image"> <div class="image-wrap md:absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/Libraries_98512e5ffd.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/Libraries_98512e5ffd.jpg 267w, https://wam.studio/strapi/uploads/f_webp,w_534,h_534,q_80/Libraries_98512e5ffd.jpg 534w, https://wam.studio/strapi/uploads/f_webp,w_800,h_800,q_80/Libraries_98512e5ffd.jpg 800w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div> <div class="news-slide-text md:pb-16"> <div class="text-18 md:text-33 leading-110 py-4"> The evolution of the academic library </div> <div class="text"> With the rise of digital information, AI, e-learning, and the proliferation of informal study spaces across campus, what role should the academic library play in the university experience of the future? This question, and more, led to our study of the future of the academic library. </div> </div> </a> </div><div class="swiper-slide hover-links"> <a href="/news/mauriceandi" class="block"> <div class="relative overflow-hidden flex items-center news-image"> <div class="image-wrap md:absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/2256_N98_medium_5198c3633d.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/2256_N98_medium_5198c3633d.jpg 267w, https://wam.studio/strapi/uploads/f_webp,w_534,h_534,q_80/2256_N98_medium_5198c3633d.jpg 534w, https://wam.studio/strapi/uploads/f_webp,w_800,h_800,q_80/2256_N98_medium_5198c3633d.jpg 800w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div> <div class="news-slide-text md:pb-16"> <div class="text-18 md:text-33 leading-110 py-4"> MAURICE AND I - An enduring legacy </div> <div class="text"> Independent documentary Maurice and I is a richly told, brilliantly edited story that unveils the personal dynamic between Sir Miles Warren and his architectural partner, Maurice Mahoney. </div> </div> </a> </div><div class="swiper-slide hover-links"> <a href="/news/FutureWellington" class="block"> <div class="relative overflow-hidden flex items-center news-image"> <div class="image-wrap md:absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/Warren_and_Mahoney_Spatial_Planning_Collage_Street_efbb5e4a3a.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/Warren_and_Mahoney_Spatial_Planning_Collage_Street_efbb5e4a3a.jpg 267w, https://wam.studio/strapi/uploads/f_webp,w_534,h_534,q_80/Warren_and_Mahoney_Spatial_Planning_Collage_Street_efbb5e4a3a.jpg 534w, https://wam.studio/strapi/uploads/f_webp,w_800,h_800,q_80/Warren_and_Mahoney_Spatial_Planning_Collage_Street_efbb5e4a3a.jpg 800w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div> <div class="news-slide-text md:pb-16"> <div class="text-18 md:text-33 leading-110 py-4"> Opinion: Our time as citizens of Pōneke Wellington City is now, let’s make it thrive </div> <div class="text"> Hailed as the “coolest little capital”, Pōneke Wellington is moving into an era of transformation with a new wave of pressure to adapt into a capital city that future generations can be proud to call home, writes WAM Principals Claire Sharpe and Simon Hardy for The Post. </div> </div> </a> </div><div class="swiper-slide hover-links"> <a href="/news/city-transformation" class="block"> <div class="relative overflow-hidden flex items-center news-image"> <div class="image-wrap md:absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/One_Queen_4_febbb65bdf.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/One_Queen_4_febbb65bdf.jpg 267w, https://wam.studio/strapi/uploads/f_webp,w_534,h_534,q_80/One_Queen_4_febbb65bdf.jpg 534w, https://wam.studio/strapi/uploads/f_webp,w_800,h_800,q_80/One_Queen_4_febbb65bdf.jpg 800w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div> <div class="news-slide-text md:pb-16"> <div class="text-18 md:text-33 leading-110 py-4"> City transformation part 1: The immense latent potential of our existing buildings </div> <div class="text"> At Warren and Mahoney, we have embraced the adaptive re-use challenge through innovation to help redefine what’s possible. </div> </div> </a> </div><div class="swiper-slide hover-links"> <a href="/news/adaptivereuse" class="block"> <div class="relative overflow-hidden flex items-center news-image"> <div class="image-wrap md:absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/Carlton-Gore-Road.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/Carlton-Gore-Road.jpg 267w, https://wam.studio/strapi/uploads/f_webp,w_534,h_534,q_80/Carlton-Gore-Road.jpg 534w, https://wam.studio/strapi/uploads/f_webp,w_800,h_800,q_80/Carlton-Gore-Road.jpg 800w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div> <div class="news-slide-text md:pb-16"> <div class="text-18 md:text-33 leading-110 py-4"> Adaptive reuse: turning potential into performance </div> <div class="text"> The adaptive re-use of our existing buildings is critical to achieve our climate commitments. And when considered by renowned developers like Tim and Andrew Lamont of Lamont & Co in partnership with Warren and Mahoney, the results can be sustainable and spectacular. </div> </div> </a> </div><div class="swiper-slide hover-links"> <a href="/news/webinar-the-power-of-co-design-to-amplify-architecture-2" class="block"> <div class="relative overflow-hidden flex items-center news-image"> <div class="image-wrap md:absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/Archives_New_1.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/Archives_New_1.jpg 267w, https://wam.studio/strapi/uploads/f_webp,w_534,h_534,q_80/Archives_New_1.jpg 534w, https://wam.studio/strapi/uploads/f_webp,w_800,h_800,q_80/Archives_New_1.jpg 800w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div> <div class="news-slide-text md:pb-16"> <div class="text-18 md:text-33 leading-110 py-4"> Webinar: The power of co-design to amplify architecture </div> <div class="text"> Dialogue is a forum exploring the big challenges and opportunities facing our industry, as we seek to build a brave future in partnership with people, community and the planet. In this session, experts explored the power of co-design to amplify architectural outcomes. </div> </div> </a> </div><div class="swiper-slide hover-links"> <a href="/news/gozero" class="block"> <div class="relative overflow-hidden flex items-center news-image"> <div class="image-wrap md:absolute inset-0"> <img sizes="100vw" src="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/Carbon_Guide_01_9b30594d00.jpg" srcset="https://wam.studio/strapi/uploads/f_webp,w_267,h_267,q_80/Carbon_Guide_01_9b30594d00.jpg 267w, https://wam.studio/strapi/uploads/f_webp,w_534,h_534,q_80/Carbon_Guide_01_9b30594d00.jpg 534w, https://wam.studio/strapi/uploads/f_webp,w_800,h_800,q_80/Carbon_Guide_01_9b30594d00.jpg 800w" loading="lazy" class="lazy lazyload-horizontal" alt onload="this.classList.add('loaded')"> <svg class="image-ratio" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg"></svg> </div> </div> <div class="news-slide-text md:pb-16"> <div class="text-18 md:text-33 leading-110 py-4"> Go Zero: A Low Carbon Design Guide to empower a more sustainable future </div> <div class="text"> Warren and Mahoney’s ‘Go Zero’ Low Carbon Design Guide provides clarity and actionable steps toward reducing the environmental impact of the built environment. </div> </div> </a> </div> </div> </div> <div class="md:hidden flex justify-end pt-8"> <div class="slider-navs flex gap-3 w-full justify-end hover-links md:pt-5"> <div class="hover-el w-6" data-swiper="prev"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 41"><polygon points="35.9,18.8 11.8,18.8 19.1,11.4 16.7,9.1 5.3,20.5 16.7,31.9 19.1,29.6 11.8,22.2 35.9,22.2 "/></svg>
</div> <div class="hover-el w-6 rotate-180" data-swiper="next"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 41"><polygon points="35.9,18.8 11.8,18.8 19.1,11.4 16.7,9.1 5.3,20.5 16.7,31.9 19.1,29.6 11.8,22.2 35.9,22.2 "/></svg>
</div> </div> </div> </div> </div> </div> <div class="absolute top-0 md:top-[-17%] z-1 inset-x-0 pointer-events-none"> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 cursor-down" data-module-snake data-snake="el" data-snake-pattern="pattern5" data-snake-skip-ready> <div class="pointer-events-none snake-ratio relative pb-ratio-3-4 md:pb-[68.4%]"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-column col-start-1 col-end-3 z-1"> <div class="bg-off w-full h-full"> <div class="bg-brown w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> <div class="pattern-row col-start-1 col-end-7 z-2"> <div class="bg-off w-full h-full"> <div class="bg-crab w-full h-full pattern-bg" data-snake="segment" data-snake-segment="1"></div> </div> </div> <div class="pattern-column col-start-5 col-end-7 z-1"> <div class="bg-off w-full h-full"> <div class="bg-sea w-full h-full pattern-bg" data-snake="segment" data-snake-segment="2"></div> </div> </div> <div class="pattern-row col-start-5 col-end-9 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="3"></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </section> <section class="paragraph pb-8 text-18 leading-130 md:text-65 md:leading-110 font-grotesk-b large-text gray-links"> <div class="md:hidden"> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 cursor-down" data-module-snake data-snake="el" data-snake-pattern="pattern2" data-snake-skip-ready> <div class="pointer-events-none snake-ratio relative pb-ratio-3-4 md:pb-[68.4%]"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-column col-start-1 col-end-3 z-1"> <div class="bg-off w-full h-full"> <div class="bg-beige w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> <div class="pattern-row col-start-1 col-end-6 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="1"></div> </div> </div> <div class="pattern-column col-start-4 col-end-6 z-1"> <div class="bg-off w-full h-full"> <div class="bg-salad w-full h-full pattern-bg" data-snake="segment" data-snake-segment="2"></div> </div> </div> <div class="pattern-row col-start-4 col-end-8 z-2"> <div class="bg-off w-full h-full"> <div class="bg-sea w-full h-full pattern-bg" data-snake="segment" data-snake-segment="3"></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="w-col-[13/14] px-section whitespace-pre-line">Named one of the world’s ten most innovative architectural practices by Fast Company in 2023.</div> </section><div data-module-refetch data-refetch-url="/acknowledgement" data-refetch-name="splash-screen" data-refetch-once data-refetch-lock></div> </div> </div> <footer class="pt-32 h-screen md:h-[120vh] relative flex flex-col footer overflow-hidden bg-bg"> <div class="pb-[10%]"></div> <div class="snake-parallax-container absolute top-0 md:top-[15%] inset-x-0 pointer-events-none"> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 has-color blank footer-pattern-segment" data-module-snake data-snake="el" data-snake-pattern="pattern7" data-snake-skip-ready> <div class="pointer-events-none snake-ratio relative pb-[120%] lg:pb-0 lg:h-screen"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-row col-start-1 col-end-9 z-2"> <div class="bg-off w-full h-full"> <div class="bg-sea w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="pb-[20%]"></div> <div class="px-section"> <div class="row"> <div class="col md:ml-col-[12/23] md:w-col-[11/23] break_2:ml-col-[12/20] break_2:w-col-[8/20] break_3:ml-col-[12/17] break_3:w-col-[5/17] break_4:ml-col-[9/14] break_4:w-col-[5/14] text-33 leading-130 hover-links"> <h3 class="text-gray">Follow</h3> <a href="https://www.instagram.com/warrenmahoney/" class="table" target="_blank">Instagram</a><a href="https://www.linkedin.com/company/warren-and-mahoney-architects-ltd" class="table" target="_blank">LinkedIn</a> <div class="pt-8 pb-12"> <span data-modal="trigger" data-modal-url="/subscribe/modal" class="hover-el">Subscribe for updates</span> </div> </div> </div> </div> <div class="flex-1 relative"> <div class="absolute inset-0"> <section class="relative pattern-component group/pattern break_0:pb-0 z-4 has-color blank" data-module-snake data-snake="el" data-snake-pattern="default0" data-snake-skip-ready> <div class="pointer-events-none snake-ratio relative pb-[120%] lg:pb-0 lg:h-screen"> <div class="absolute inset-0 px-section pb-section header-space"> <div class="h-full flex flex-col" data-snake="inner"> <div data-snake="snake" class="relative flex-1 pattern-snake z-4 break_0:pb-[24%] break_1:pb-0"> <div class="pattern !absolute inset-0 z-2" data-snake="pattern"> <div class="pattern-column col-start-1 col-end-3 z-1"> <div class="bg-off w-full h-full"> <div class="bg-salad w-full h-full pattern-bg" data-snake="segment" data-snake-segment="0"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-3 col-end-4"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-1 col-end-6 pattern-row-bottom z-1"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="1"></div> </div> </div> <div class="pattern-column col-start-4 col-end-6 z-2"> <div class="bg-off w-full h-full"> <div class="bg-red w-full h-full pattern-bg" data-snake="segment" data-snake-segment="2"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-bottom col-start-6 col-end-7"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-4 col-end-9 z-2"> <div class="bg-off w-full h-full"> <div class="bg-sea w-full h-full pattern-bg" data-snake="segment" data-snake-segment="3"></div> </div> </div> <div class="pattern-column col-start-7 col-end-9 z-1"> <div class="bg-off w-full h-full"> <div class="bg-brown w-full h-full pattern-bg" data-snake="segment" data-snake-segment="4"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-9 col-end-10"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-7 col-end-12 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-beige w-full h-full pattern-bg" data-snake="segment" data-snake-segment="5"></div> </div> </div> <div class="pattern-column col-start-10 col-end-12 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="6"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-full col-start-12 col-end-13"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-column col-start-13 col-end-15 z-1"> <div class="bg-off w-full h-full"> <div class="bg-blue w-full h-full pattern-bg" data-snake="segment" data-snake-segment="7"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-full col-start-15 col-end-16"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-13 col-end-18 z-1"> <div class="bg-off w-full h-full"> <div class="bg-crab w-full h-full pattern-bg" data-snake="segment" data-snake-segment="8"></div> </div> </div> <div class="pattern-column col-start-16 col-end-18 z-3"> <div class="bg-off w-full h-full"> <div class="bg-brown w-full h-full pattern-bg" data-snake="segment" data-snake-segment="9"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-18 col-end-19"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-16 col-end-21 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="10"></div> </div> </div> <div class="pattern-column col-start-19 col-end-21 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="11"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-bottom col-start-21 col-end-22"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-19 col-end-24 z-2"> <div class="bg-off w-full h-full"> <div class="bg-red w-full h-full pattern-bg" data-snake="segment" data-snake-segment="12"></div> </div> </div> <div class="pattern-column col-start-22 col-end-24 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="13"></div> </div> </div> <div class="pattern-column col-start-25 col-end-27 z-3"> <div class="bg-off w-full h-full"> <div class="bg-crab w-full h-full pattern-bg" data-snake="segment" data-snake-segment="14"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-top col-start-27 col-end-28"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> <div class="pattern-row col-start-25 col-end-30 pattern-row-bottom z-2"> <div class="bg-off w-full h-full"> <div class="bg-green w-full h-full pattern-bg" data-snake="segment" data-snake-segment="15"></div> </div> </div> <div class="pattern-column col-start-28 col-end-30 z-1"> <div class="bg-off w-full h-full"> <div class="bg-yellow w-full h-full pattern-bg" data-snake="segment" data-snake-segment="16"></div> </div> </div> <div class="pattern-gap z-3 pattern-gap-bottom col-start-30 col-end-31"> <div> <div> <div class="w-full h-full gap-bg" data-snake="gap"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="absolute inset-0 p-section flex justify-end items-end pointer-events-none z-10 text-12"> <div class="flex gap-4 pointer-events-auto"> <a href="/info/privacy">Privacy Statement</a><a href="/info/supplier-code-of-conduct">Supplier Code of Conduct</a> <span class="inline-block">© 2025</span> </div> </div> </footer> <section class="content-modal fixed inset-0 z-10 group invisible delay-1000 [&.is-open]:visible [&.is-open]:delay-0 overflow-clip" data-lenis-prevent data-module-modal> <div class="absolute inset-0 bg-white transition-transform duration-1000 ease-out-bezier translate-y-full group-[&.is-open]:translate-y-0 group-[&.is-open]:ease-in-bezier"> <div class="absolute top-0 right-scroll-gap cursor-pointer z-2 hover:text-gray flex justify-end px-section burger-close" data-modal="close"> <div class="burger py-5 px-3 translate-x-4 mr-px cursor-pointer hover:text-gray"> <div></div> <div></div> <div></div> </div> </div> <div class="absolute inset-0 overflow-auto"> <div data-modal="content"></div> </div> </div> </section> <script type="module">(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="659192be-ab0e-4ac0-a69d-f8bd2f192b90",e._sentryDebugIdIdentifier="sentry-dbid-659192be-ab0e-4ac0-a69d-f8bd2f192b90")}catch{}})();document.cookie.indexOf("splash-screen=true")===-1&&document.location.pathname==="/"&&document.documentElement.classList.add("homepage");
//# sourceMappingURL=Layout.astro_astro_type_script_index_1_lang.Bwh6uWVY.js.map</script> </body></html>

warrenandmahoney.com Ads.txt file

Ads.Txt Alerts - A trading name of Red Volcano Limited Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD Contact ⋅ Sites ⋅ Terms of Use ⋅ Privacy Policy © Red Volcano 2020. All Rights Reserved.

Ads.Txt Alerts - A trading name of Red Volcano Limited

Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD

Contact

⋅

Sites

⋅

Terms of Use

⋅

Privacy Policy

© Red Volcano 2020. All Rights Reserved.