[hidden]{display:none !important}@media (max-width: 767px){.desktop-only{display:none}}@media (min-width: 768px){.mobile-only{display:none}}.stack .float,.stack.invert{box-shadow:0px 0px 40px rgba(0,0,0,0.2)}.awards{box-shadow:0px 0px 20px rgba(0,0,0,0.05)}h1,h2,h3,h4,h5,h6,blockquote p,.stack.logo p{-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,blockquote p{font-family:"bookmania",serif;font-style:normal;font-weight:900}body,button{font-family:proxima-nova,sans-serif;font-style:normal;font-weight:normal}.center{text-align:center}.font-smooth,p,li,a,input,textarea,select,cite,blockquote p{-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:#3a586f;margin:0 0 1em 0}p,li,a,input,textarea,select,cite{font-size:1.437rem;line-height:1.6em;margin:0 0 1.5em 0}h1{font-size:2.5rem}h1.special{padding:0 0 2.5px 0;margin:0.5em 0 1em 0;border-bottom:5px solid #3a586f;text-align:center}h1.special,h1.special a{line-height:0.8em}h1.special a{font-size:3rem;color:#55abb8;text-decoration:none}@media (max-width: 767px){h1{font-size:2rem;text-align:left;padding:0 20px;line-height:1em;margin:0 0 0.5em 0}}h2{font-size:30px;line-height:1em}h3{font-size:24px}h4{font-size:1.5rem;margin:0 0 0.5em 0}blockquote{margin:0}blockquote p{font-size:1.875rem;line-height:1.2em;margin-bottom:10px;border-bottom:2.5px solid #55abb8;padding-bottom:30px;font-weight:700}blockquote cite{margin-top:10px;font-size:1.25rem;color:#eee;font-weight:normal;font-style:normal}.social{position:fixed;left:5rem;bottom:5rem;z-index:5000}.social a,a#top{width:30px;height:30px;margin:0 0 5px 0;border-radius:2.5px;display:block;position:relative}.social a:after,a#top:after{content:'';top:0;left:0;position:absolute;z-index:-1;border-radius:2.5px;width:20px;height:20px;margin:5px;display:block;background:white}.social a:last-child,a#top:last-child{margin:0}.social a svg,a#top svg{fill:#3a586f;width:30px;height:30px}.social a:hover svg,a#top:hover svg{fill:#55abb8}@media (max-width: 767px){.social a,a#top{display:none}}a#top{position:fixed;right:5rem;bottom:5rem;z-index:5000}@media (min-width: 321px) and (max-width: 1399px){a#top{right:20px}.social{left:20px}.social,a#top{bottom:20px}}.section{margin:100px 0}@media (max-width: 767px){.section{margin:40px 0}}.awards{display:none;margin:60px 0 0 0;border-radius:5px;padding:20px;background:white;align-items:center}.awards svg{flex:1 0 60px;width:70px;height:70px;margin:0 20px 0 0}@media (max-width: 767px){.awards svg{margin-right:30px}}.awards a,.awards p{font-size:1.25rem;line-height:2rem}.awards a{color:#542785}.awards p{margin:0}.stack .project-awards{padding:0 100px;display:flex;margin:40px 0;justify-content:center}.stack .project-awards p.info{font-weight:bold;margin:0;padding:0}.award{margin:0 20px;display:flex;align-items:center}.icon{margin-right:20px}.icon svg{width:auto;height:80px}.hero{padding:50px 0;max-width:1120px;margin:0 auto;height:auto;min-height:400px}.hero h1{text-align:center;line-height:1em;margin:auto;margin-bottom:40px}@media (max-width: 767px){.hero{padding-top:20px;display:block}.hero h1{background:none;padding:0}}.hero.project{padding-top:80px}.hero.project h1{text-align:left}.hero.project p{padding:0 0 0 100px}.hero.project .content{display:flex;flex-flow:row nowrap}.hero.project .content .tags{padding-left:50px;text-align:right;white-space:nowrap}.hero.project .content .tags p,.hero.project .content .tags a{text-transform:capitalize}.hero.project .content .tags p{margin:0;color:#617a8b}.hero.project .content .tags a{color:#617a8b}.hero.project .crumb{display:none}@media (min-width: 769px) and (max-width: 1119px){.hero.project h1{padding-left:20px}}@media (max-width: 767px){.hero.project{padding-top:0}.hero.project a.crumb{display:block;text-decoration:none;color:#55abb8;margin:0 0 30px 0;font-weight:bold}.hero.project .tags{display:none}}.hero img{max-width:100%}@media (max-width: 767px){.hero{padding:0 20px;height:auto}.hero.project .content p{padding:0}.hero h1{padding:0;margin-bottom:40px}}.stack{max-width:1120px;margin:0 auto}.stack.content p{font-size:1.25rem}.stack.content .image{margin:0 100px 40px 100px}.stack.content img{max-width:100%}.stack.content h2,.stack.content p{padding:0 100px}@media (max-width: 767px){.stack.content h2,.stack.content p{padding:0}.stack.content .image{margin:0 0 40px 0}}.stack .inner{max-width:1120px;margin:0 auto}.stack aside{display:flex;margin-bottom:20px;justify-content:space-between}.stack.logo{padding:80px 280px;background:url("/assets/images/mark.svg") no-repeat 10% 120px;background-size:8.3333333333%}.stack.logo p{font-size:1.4375rem}@media (min-width: 768px) and (max-width: 1199px){.stack.logo{padding:60px 40px;background:none}}@media (max-width: 767px){.stack.logo{padding:20px;background:none}}.stack.photos{margin-top:80px;padding:100px 0;background:#eaf0f4}.stack.photos .image{margin:0 0 40px 0;border:10px solid #fff}.stack.photos .image img{max-width:100%;width:100%;display:block}@media (max-width: 767px){.stack.photos{padding:40px 0}.stack.photos .image{margin:0 20px 10px 20px}}.stack.center{padding:40px 100px;display:flex;justify-content:center}.stack.center article{padding:0}@media (max-width: 767px){.stack.center{padding:20px}}.stack.center-column{display:flex;flex-flow:column nowrap;align-items:center;margin:100px auto;text-align:center}.stack.center-column>*{flex-basis:auto}@media (max-width: 767px){.stack.center-column{margin:40px 0}}.stack .float{background:black;min-height:500px;height:auto;position:relative;display:flex;justify-content:center;align-items:center}.stack .float img{max-height:100%;max-width:100%;width:100%;margin:auto}.stack .float .overlay{width:35%;background:white;position:absolute;top:30px;bottom:30px;left:-10px;padding:40px}.stack .float .overlay h4{color:#333;font-size:1.5rem;line-height:1.2em}.stack .float .overlay p{font-size:1.15rem;line-height:1.2em}.stack .float .overlay .award{width:150px}.stack .float .cta{position:absolute;right:-10px;top:40%}@media (max-width: 1119px){.stack .float .overlay{width:40%}}@media (max-width: 999px){.stack .float{background:white;height:auto;min-height:0;flex-flow:column;margin-bottom:40px}.stack .float img{height:auto}.stack .float .cta{position:static;margin:0 20px 20px 20px;display:block;text-align:center}.stack .float .overlay{width:100%;padding:20px;position:static}}.stack.header{padding:80px 0 0 0}@media (max-width: 767px){.stack.header{padding:30px 0 0 0}}.stack.margin{margin-bottom:80px}.stack.grid>div{padding:20px 40px}.stack.grid>div p{font-size:1.25rem}@media (max-width: 767px){.stack.grid>div{padding:0 20px}}.stack.grid.left,.stack.grid.invert{flex-direction:row-reverse}.stack.promos{display:block}.stack.promos .inner{display:flex;margin-bottom:0}.stack.promos .inner div:nth-child(2){margin-top:30px}.stack.promos .inner div:nth-child(3){margin-top:60px}.stack.promos .inner>div{padding-right:20px;margin-bottom:30px}@media (max-width: 767px){.stack.promos .inner{text-align:center}}.stack.promos svg{fill:#3a586f;display:block;margin-bottom:-2px}@media (max-width: 767px){.stack.promos svg{display:none}.stack.promos .inner{flex-flow:column}}@media (max-width: 1199px){.stack.promos .inner>div{padding:0 10px}}.stack.grid{align-items:center}.stack.center-column{flex-flow:column}.stack article{padding-left:100px}.stack article p{font-size:1.25rem}.stack article p:last-child{margin-bottom:0}@media (max-width: 767px){.stack article{margin-bottom:40px}}.stack aside.image{justify-content:center;flex-flow:column;margin:0 80px 0 0;padding-left:80px}.stack aside.image img{max-width:100%;margin:auto}.stack aside.image p{margin:10px 0 0 0;font-size:1rem}@media (max-width: 767px){.stack aside.image{margin:0;padding:0 20px}}.stack.team{padding:60px 0;background:#eaf0f4}.stack.team h1{text-align:center}.stack.team .inner .grid{justify-content:center}.stack.team .member{flex:0 1 32%;display:flex;flex-flow:column;justify-content:center}.stack.team .member div{margin:0 auto}.stack.team .member h3{margin:0;line-height:1em}.stack.team .member img{border:5px solid #fff;margin:0 0 15px 0}.stack.team .member p{font-size:1.25rem}@media (max-width: 767px){.stack.team .member{flex:0 1 100%;text-align:center}}.stack.invert{background:#17181a;padding:100px;color:white}.stack.invert h2{color:white}@media (max-width: 767px){.stack.invert{padding:40px 20px}}.stack.quote{background:#3a586f;padding:80px 0;background:#3a586f}.stack.quote .inner>div{margin:0 20%}.stack.quote .inner>div{background:url("/assets/images/mark.svg") no-repeat 0 0;background-size:25%;display:flex;justify-content:flex-end}.stack.quote .inner>div blockquote{width:60%;color:white}@media (max-width: 767px){.stack.quote{padding:40px 0}.stack.quote .inner>div{background-size:100px;background-position:center top;padding:120px 40px 0 40px;margin:0}.stack.quote .inner>div blockquote{width:100%}}.stack.full{max-width:none}.stack.full img{max-width:100%}@media (min-width: 769px) and (max-width: 1299px){#wrapper .stack.full{padding-left:70px;padding-right:70px;margin:0 -70px}}.stack.map{background:#55abb8 url("/assets/images/map.jpg") no-repeat left;background-size:cover}.stack.map .inner{height:590px;padding:0 160px}@media (max-width: 767px){.stack.map{padding:0}.stack.map .inner{height:auto}}@media (max-width: 767px){.stack{padding:0 20px}.stack.content p{padding:0}.stack article,.stack aside{padding:0;width:100%}}.link,.location{display:flex;align-items:center}.link a,.location a{text-decoration:none;font-size:1.25rem;margin:0;font-weight:bold;color:#55abb8}.link a:hover,.location a:hover{color:#3a586f;text-decoration:underline}.link .icon,.location .icon{width:20px;height:20px;margin:0 15px 0 0}.link .icon svg,.location .icon svg{fill:#55abb8;width:20px;height:20px}.location .icon{margin:0 10px 0 0}.location .icon svg{height:20px;width:auto;fill:#617a8b}.location span{display:block;font-size:1.25rem;margin:0;color:#617a8b}.grid{display:flex;flex-flow:row wrap}.grid>*{flex-basis:20rem;flex-grow:1}.grid.right{flex-flow:row-reverse wrap}header#main{width:100%;padding:0 5rem;margin:0 auto;display:flex;flex-flow:row nowrap;justify-content:space-between;height:100px}header#main>div{position:relative;display:flex}header#main>div p{margin-top:0;font-size:1.25rem}header#main>div nav{margin:0 30px 0 0}header#main>*{width:33.333%}header#main>.logo{display:flex}header#main .logo{flex-flow:column;z-index:1000}header#main .logo p{display:block;line-height:1em;white-space:nowrap;font-size:1rem}header#main .logo svg{width:200px;transition:fill 0.3s}header#main .logo svg:hover{fill:#3a586f}header#main .logo a{margin:0}header#main .hamburger{display:none;position:fixed;right:0;top:0;height:60px;z-index:1001;margin:0;cursor:pointer}header#main .hamburger a{padding:20px 20px 20px 20px;display:inline-block;margin:0;border:none}header#main .hamburger a:focus{outline:none}header#main .hamburger a.active{border-color:white}header#main .services a{text-decoration:none;font-size:1.25rem;color:#333}header#main .services a:hover{text-decoration:underline}@media (max-width: 1399px){header#main{max-width:1120px;height:auto;padding:0}}@media (max-width: 1219px){header#main .services p{display:none}}@media (min-width: 769px) and (max-width: 1219px){header#main{justify-content:space-between}header#main .logo{align-items:flex-start}header#main .services{display:none}}@media (max-width: 767px){header#main{width:100%;height:auto;top:0;left:0;position:fixed;z-index:1000;padding:0;justify-content:flex-start;height:60px}header#main .hamburger{display:block}header#main>*{width:auto}header#main .logo{align-items:flex-start;margin:20px;z-index:3000;display:block}header#main .logo a{margin:auto;display:inline-block;line-height:1em}header#main .logo svg{width:120px}header#main .services,header#main nav.main{display:none}}@media (max-width: 767px){header#main.headroom--top,header#main.headroom--unpinned{background:none}header#main.headroom--not-top:not(.headroom--unpinned){background:white}.headroom{will-change:transform;transition:background 200ms ease, transform 200ms linear}.headroom--pinned{transform:translateY(0%)}.headroom--unpinned{transform:translateY(-100%)}}*{box-sizing:border-box}html{width:100%;height:100%}body{width:100%;height:100%;margin:0}body.menu-active{overflow:hidden;overflow-y:scroll}body.menu-active [headroom]{transform:none}@media (max-width: 767px){body{padding-top:100px}}.bg-svg{position:absolute;top:0;left:0;right:0;z-index:-1}.bg-svg svg{width:100%;fill:#eaf0f4}#wrapper{padding:50px 0 0 0}#wrapper>div:nth-child(1),#wrapper>div:nth-child(3){width:12rem;background:green;display:flex;flex-flow:column;align-items:center;background:pink}@media (max-width: 1299px){#wrapper{padding-left:70px;padding-right:70px}}@media (max-width: 767px){#wrapper{padding-left:0;padding-right:0;padding-top:0}#wrapper>div:nth-child(2){width:100%}#wrapper>div:nth-child(1),#wrapper>div:nth-child(3){display:none}}footer{margin:0 auto}footer .foot{background:#eee;padding:30px 160px;margin:0 auto}footer .foot .inner{display:flex;align-items:center;justify-content:space-between}footer .foot .inner div:nth-child(2){text-align:right;font-size:.75rem}footer .foot .inner>div{width:48%}@media (max-width: 767px){footer .foot{padding-left:0;padding-right:0}footer .foot .inner{flex-flow:column}footer .foot .inner>div,footer .foot .inner>div:nth-child(2){width:100%;text-align:center;margin:0 0 10px 0}}footer .logo svg{width:100px;fill:#3a586f}footer .map .inner.grid{max-width:1440px;justify-content:space-between;align-items:flex-start;padding-top:140px}footer .map .inner.grid h3,footer .map .inner.grid a:not(.button){color:white}footer .map .inner.grid h3{font-size:2rem;line-height:1.3em}footer .map .inner.grid>div{margin:0 auto}footer .map .inner.grid>div p{color:white;font-size:1.25rem}footer .map .inner.grid>div:nth-child(1){padding-right:40px;margin-bottom:40px}footer .map .inner.grid>div:nth-child(2){text-align:right}@media (max-width: 999px){footer .map .inner.grid{padding-top:60px;display:block}footer .map .inner.grid div:nth-child(2),footer .map .inner.grid div:nth-child(1){padding:0;text-align:center}}@media (max-width: 767px){footer .map .inner.grid{padding:40px}footer .map .inner.grid>div{margin:0 0 20px 0}}#overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4);z-index:6000}#overlay .modal-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#overlay .modal{background:white;width:400px;padding:30px 20px 20px 20px}#overlay .content.center{text-align:center}#overlay .content p{margin-bottom:0}nav{display:flex;justify-content:flex-end;align-items:flex-start}nav a{height:auto;font-weight:bold;font-size:1.25rem;color:black;text-decoration:none;padding-bottom:2px;border-bottom:3px solid #55abb8;line-height:0.8em}nav a{transition:border 0.3s}nav .subs{margin:0 0 30px 0}nav .subs a{font-weight:300;display:block;border:none;margin:0 0 10px 0}nav.main a{transition:border 0.5s ease;margin-left:30px;white-space:nowrap}nav.main a:hover,nav.main a.active{border-color:#e87822}nav.filters{margin:0 0 40px 0;display:flex;flex-flow:row wrap;justify-content:center}nav.filters a{border:none;font-weight:700;color:#55abb8;padding:0 20px;white-space:nowrap;margin:0 0 10px 0;transition:color 0.5s ease}nav.filters a.active{color:#333}@media (max-width: 767px){nav.filters{flex-flow:column;align-items:center;padding:0 5%}nav.filters a{display:block}}@media (min-width: 768px){nav .subs{display:none}}@media (max-width: 767px){nav{font-size:1rem}}nav#mobile{background:white;position:fixed;left:0;top:0;right:0;bottom:-50%;padding:20px;display:block;padding-top:100px;width:100%;height:150%;z-index:999;transition:transform 0.5s ease;transform:translateY(-100%)}nav#mobile a{display:block;border-width:3px}nav#mobile.expanded{transform:translateY(0)}.page-home .bg{background-image:url("/assets/images/home-hero.jpg");background-repeat:no-repeat;background-position:center bottom;background-size:cover;height:670px;position:absolute;top:0;left:0;right:0;z-index:-1}.page-home .bg:after{position:absolute;bottom:0;right:0;opacity:0.5;background:black;color:white;padding:5px 10px;font-size:1rem;content:"Ngā Tapuwae signage in Messines, Belgium"}.page-home .hero{height:570px;display:flex;align-items:center;padding-top:0;justify-content:center}.page-home .hero h1{padding:36px 40px 20px 40px;display:inline-block;background:#f3f3ff;margin:0 0 240px 0}.page-home .float{margin-bottom:40px}@media (max-width: 767px){.page-home .bg{height:400px}.page-home .hero{height:300px;min-height:0}.page-home .hero h1{padding:0;margin:0 0 140px 0;background:none;display:block}}.page-work .hero{display:flex;align-items:center;justify-content:center;min-height:200px}.page-work .iso-grid{margin:0 0 0 -20px}.page-work .iso-grid .item{margin:0 0 20px 20px;box-shadow:0px 0px 40px rgba(0,0,0,0.2);height:300px;flex:1 0 30%;transition:all 500ms linear;position:relative;overflow:hidden;background:black}.page-work .iso-grid .item.fade{opacity:0.2}@media (max-width: 767px){.page-work .iso-grid .item.fade{display:none}}@media (min-width: 768px){.page-work .iso-grid .item:nth-child(4),.page-work .iso-grid .item:nth-child(14){flex:0 1 100%;height:300px}.page-work .iso-grid .item:nth-child(4) h3,.page-work .iso-grid .item:nth-child(14) h3{font-size:2rem}}.page-work .iso-grid .item .image,.page-work .iso-grid .item .overlay,.page-work .iso-grid .item .content{position:absolute;top:0;bottom:0;left:0;right:0;z-index:100}.page-work .iso-grid .item .image{background-size:cover;background-repeat:no-repeat;background-color:white;background-position:center;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease;opacity:0.5}.page-work .iso-grid .item .overlay{background:white;opacity:0.5;transition:0.5s ease;transform:translateY(100%)}.page-work .iso-grid .item .content{text-decoration:none;color:#3a586f;display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;transition:0.6s ease;padding:0 20px;height:100%}.page-work .iso-grid .item .content h3{padding:0 15%;line-height:1.2em;color:white;transform:translateY(0%);transition:color 0.8s ease, transform 0.4s ease}.page-work .iso-grid .item .content p,.page-work .iso-grid .item .content h3{text-align:center;margin:auto 0}.page-work .iso-grid .item .content p{font-size:1rem}.page-work .iso-grid .item .content button{position:absolute;bottom:0;margin-bottom:auto;width:160px;white-space:nowrap;transition:transform 0.5s ease, width 1s ease;transform:translateY(100%)}.page-work .iso-grid .item:hover .image,.page-work .iso-grid .item:focus .image{opacity:1}.page-work .iso-grid .item:hover .overlay,.page-work .iso-grid .item:focus .overlay{opacity:0.8;transform:translateY(0)}.page-work .iso-grid .item:hover .content,.page-work .iso-grid .item:focus .content{opacity:1}.page-work .iso-grid .item:hover .content h3,.page-work .iso-grid .item:focus .content h3{color:#3a586f;transform:translateY(-40%)}.page-work .iso-grid .item:hover button,.page-work .iso-grid .item:focus button{transform:translateY(-100%);width:180px}@media (max-width: 767px){.page-work .iso-grid .item{flex:0 1 100%}}.page-work .iso-grid{display:flex;flex-flow:row wrap;justify-content:space-between;justify-content:stretch}button,.button{padding:15px 20px;font-size:1rem;font-weight:900;display:inline-block;cursor:pointer;background:#55abb8;border:1px solid #55abb8;color:white;transition:background 0.3s ease, color 0.2s ease}button .arrow,.button .arrow{border-left-color:white;margin-bottom:-2px;transition:border 0.3s ease, color 0.2s ease}button:hover,.button:hover{border:1px solid #55abb8;color:#55abb8;background:white}button:hover .arrow,.button:hover .arrow{border-left-color:#55abb8}button.no-style,.button.no-style{background:none;color:#55abb8;padding:0;font-size:1.4375rem;border:none;margin:0 20px 0 0}button.no-style:hover,.button.no-style:hover{color:#3a586f}button.no-style:hover .arrow,.button.no-style:hover .arrow{border-left-color:#3a586f}button.no-style .arrow,.button.no-style .arrow{border-left-color:#55abb8;margin-bottom:-1px}button.no-style.darker,.button.no-style.darker{color:#3a586f}button.no-style.darker .arrow,.button.no-style.darker .arrow{border-left-color:#3a586f}button.no-style.darker:hover,.button.no-style.darker:hover{color:#55abb8}button.no-style.darker:hover .arrow,.button.no-style.darker:hover .arrow{border-left-color:#55abb8}button.orange,.button.orange{background:#e87822}button.orange:hover,.button.orange:hover{background:white;border-color:#e87822;color:#e87822}button.orange:hover .arrow,.button.orange:hover .arrow{border-left-color:#e87822}button.dark,.button.dark{border-color:#3a586f;background:#3a586f}button.dark:hover,.button.dark:hover{border:1px solid #3a586f;color:#3a586f;background:white}button.dark:hover .arrow,.button.dark:hover .arrow{border-left-color:#3a586f}@media (max-width: 767px){.button-group{display:flex;justify-content:center;padding:10px 0;border-top:2px solid #55abb8;border-bottom:2px solid #55abb8}.button-group a:last-child{margin:0}}a.button{text-decoration:none}.arrow{width:0px;height:0px;display:inline-block;border-left:7.5px solid #55abb8;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;margin:auto 10px auto 10px}
/*# sourceMappingURL=main.css.map */