:root{--color-sage:#879f87;--color-sage-light:#dde4dd;--color-sage-mid:#99ad99;--color-sage-dark:#495b49;--color-ink:#171216;--color-coffee:#3a2e39;--color-coffee-deep:#292228;--color-coffee-muted:#453642;--color-teal:#034748;--color-teal-deep:#033435;--color-teal-ink:#023435;--color-teal-dark:#01484a;--color-teal-bright:#007a7c;--color-teal-mid:#227779;--color-teal-light:#53a8aa;--color-mauve:#b185a7;--color-white:#fff;--color-page:var(--color-sage);--color-page-dark:var(--color-ink);--color-text:var(--color-ink);--color-text-on-dark:var(--color-white);--project-bathmate:#000;--project-yboa:#8e9ea8;--project-fishingticket:#0c1529;--project-steam:#002309;--project-wedine:#2e0f1b;--project-commonground:#210b2c;--project-cg:var(--project-commonground);--project-hooble:#000;--project-cannd:#241f48;--project-workshed:#222;--project-bravedog:#333;--space-xs:4.8px;--space-s:8px;--space-m:16px;--space-l:22.4px;--space-xl:48px;--space-gutter:86.4px;--space-panel:144px;--radius-tag:2px;--radius-chip:8px;--radius-card:25px;--radius-control:40px;--radius-pill:50px;--radius-cta:130px;--radius-round:100%;--shadow-sheet:0 20px 30px #0003;--shadow-button:1px 1px 10px #0000004d;--font-brand:"p22-mackinac-pro", Georgia, "Times New Roman", serif;--color-sage-rgb:135 159 135;--color-ink-rgb:23 18 22}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,footer,header,main,menu,nav,section{display:block}canvas,progress,video{vertical-align:baseline;display:inline-block}[hidden]{display:none}a{background-color:#0000}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{margin:.67em 0;font-size:2em}small{font-size:80%}img{border:0}svg:not(:root){overflow:hidden}button,input,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}html{height:100%}body{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}img{vertical-align:middle;max-width:100%;display:inline-block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";grid-area:1/1/2/2;display:table}.w-clearfix:after{clear:both}.w-button{color:#fff;line-height:inherit;cursor:pointer;background-color:#3898ec;border:0;border-radius:0;padding:9px 15px;text-decoration:none;display:inline-block}input.w-button{-webkit-appearance:button}h1,h2,h3{margin-bottom:10px;font-weight:700}h1{margin-top:20px;font-size:38px;line-height:44px}h2{margin-top:20px;font-size:32px;line-height:36px}h3{margin-top:20px;font-size:24px;line-height:30px}p{margin-top:0;margin-bottom:10px}ul{margin-top:0;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";grid-area:1/1/2/2;display:table}.w-embed:after{clear:both}.w-video{width:100%;padding:0;position:relative}.w-video iframe,.w-video embed{border:none;width:100%;height:100%;position:absolute;top:0;left:0}button,[type=button]{cursor:pointer;-webkit-appearance:button;border:0}.w-form{margin:0 0 15px}.w-form-done{text-align:center;background-color:#ddd;padding:20px;display:none}.w-form-fail{background-color:#ffdede;margin-top:10px;padding:10px;display:none}label{margin-bottom:5px;font-weight:700;display:block}.w-input{color:#333;vertical-align:middle;background-color:#fff;border:1px solid #ccc;width:100%;height:38px;margin-bottom:10px;padding:8px 12px;font-size:14px;line-height:1.42857;display:block}.w-input:-moz-placeholder-shown{color:#999}.w-input::-moz-placeholder{color:#999;opacity:1}.w-input::-webkit-input-placeholder{color:#999}.w-input:focus{border-color:#3898ec;outline:0}.w-input[disabled]{cursor:not-allowed}.w-input[disabled]:not(.w-input-disabled){background-color:#eee}textarea.w-input{height:auto}.w-form-label{cursor:pointer;margin-bottom:0;font-weight:400;display:inline-block}.w-radio{margin-bottom:5px;padding-left:20px;display:block}.w-radio:before,.w-radio:after{content:" ";grid-area:1/1/2/2;display:table}.w-radio:after{clear:both}.w-radio-input{float:left;margin:3px 0 0 -20px;line-height:normal}.w-background-video{color:#fff;height:500px;position:relative;overflow:hidden}.w-background-video>video{object-fit:cover;z-index:-100;background-position:50%;background-size:cover;width:100%;height:100%;margin:auto;position:absolute;inset:-100%}.w-background-video>video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.w-background-video--control{background-color:#0000;padding:0;position:absolute;bottom:1em;right:1em}.w-background-video--control>[hidden]{display:none!important}.w--nav-link-open{display:block;position:relative}.w--nav-dropdown-open,.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}.w--tab-active{display:block}:root{--black:black;--white:white}.w-checkbox{margin-bottom:5px;padding-left:20px;display:block}.w-checkbox:before{content:" ";grid-area:1/1/2/2;display:table}.w-checkbox:after{content:" ";clear:both;grid-area:1/1/2/2;display:table}.w-checkbox-input{float:left;margin:4px 0 0 -20px;line-height:normal}.w-form-formradioinput--inputType-custom{border:1px solid #ccc;border-radius:50%;width:12px;height:12px}.w-form-formradioinput--inputType-custom.w--redirected-focus{box-shadow:0 0 3px 1px #3898ec}.w-form-formradioinput--inputType-custom.w--redirected-checked{border-width:4px;border-color:#3898ec}.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible{outline-offset:2px;border-radius:50%;outline:2px solid #3b79c3}body{color:var(--color-ink);font-family:var(--font-brand);font-size:1.2rem;font-weight:400;line-height:1.4}h2{margin-top:20px;margin-bottom:10px;font-size:32px;font-weight:400;line-height:36px}p{color:#fff;margin-bottom:10px;font-size:1.2rem}a{color:var(--color-ink);text-decoration:none}img{display:inline-block}.main{border-bottom-right-radius:50px;border-bottom-left-radius:50px;position:relative;overflow:hidden}.main.bg-colour-blue{-webkit-text-fill-color:inherit;background-clip:border-box;box-shadow:0 20px 30px #0003}.main.bg-wedine{background-color:var(--project-wedine)}.main.bg-cannd{background-color:var(--project-cannd)}.main.bg-workshed{background-color:var(--project-workshed)}.page-wrapper{position:relative;overflow:hidden}.page-wrapper.project{overflow:visible}.footer-wrapper{margin-top:-52px;position:relative;overflow:hidden}.footer-container{z-index:-1;color:#000;justify-content:flex-end;align-items:flex-start;width:100%;height:85vh;display:flex;position:relative}.nav-text{font-size:1.5rem;font-weight:700;line-height:120%}.nav-text.brand{font-size:2rem}.menu-button{z-index:250;cursor:pointer;align-items:center;height:12vh;min-height:80px;padding-left:1rem;padding-right:1rem;display:flex;position:absolute;bottom:auto;left:auto;right:6vw}.name-logo{z-index:250;align-items:center;height:12vh;min-height:80px;display:flex;position:absolute;bottom:auto;left:6vw}.nav-wrapper{text-align:right;padding-right:6px}.swiper-wrapper{display:flex;overflow:visible}.swiper-wrapper.swiper-slide-prev{opacity:.7}.swiper-container-2{z-index:15;perspective:1200px;flex:none;width:100%;padding-bottom:6rem;position:relative;overflow:hidden}.swiper-slide{border-radius:25px;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;width:30vw;min-width:400px;max-width:560px;height:40vw;min-height:480px;max-height:700px;padding-left:2rem;padding-right:2rem;transition:transform .4s cubic-bezier(.455,.03,.515,.955),opacity .4s;display:flex}.swiper-slide.swiper-slide-active{transform:scale(1.1)}.swiper-button-next{z-index:99;cursor:pointer;border-radius:100px;justify-content:center;align-items:center;width:100px;height:100px;padding:40px;display:flex;box-shadow:1px 1px 10px #0000004d}.swiper-button-next:hover{color:#1639fb;font-weight:700}.swiper-button-prev{z-index:100;cursor:pointer;border-radius:100px;justify-content:center;align-items:center;width:80px;height:80px;margin-right:1rem;padding:30px;display:flex;box-shadow:1px 1px 10px #0000004d}.swiper-button-prev:hover{color:#1639fb;font-weight:700}.project-hero-image-container{position:relative;overflow:hidden}.project-hero-image-container.no-border{border-style:none}.project-hero-image-container.no-border.cg{border-radius:8px}.project-hero-image-container.no-border{border-radius:0}.project-hero-image-wrapper{z-index:10;position:absolute;overflow:hidden}.project-hero-section{flex-direction:column;justify-content:center;align-items:center;width:100%;height:90vh;display:flex;position:relative}.circle-container-sticky-2{z-index:10;color:#000;flex:none;justify-content:center;align-items:center;width:60vmin;max-width:100vw;height:60vmin;max-height:100vw;display:flex;position:relative}.circle-text-scroll-4{z-index:5;color:#fff;justify-content:center;margin-right:5px;font-size:2.6vmin;line-height:1.2;display:flex;position:relative;overflow:visible}.circle-2{border:0 #fff;border-radius:10000px;width:100%;height:100%;position:absolute}.begin-project{cursor:pointer;align-items:center;display:flex;position:relative}.project-text{z-index:2;text-align:left;font-size:3.2rem;line-height:120%;position:relative}.project-form-button{color:#fff;text-align:right;border-radius:130px;justify-content:center;align-items:center;width:400px;height:260px;padding:50px;display:flex;position:relative;box-shadow:4px 4px 40px #0006}.project-form-button.bg-colour-black-coffee{z-index:350;transition:background-color .3s,box-shadow .3s;position:fixed;bottom:6vw;right:6vw}.project-form-button.bg-colour-black-coffee:hover{box-shadow:none;background-color:#3a2e3900}.list{margin-bottom:0;padding-top:.3rem;padding-left:0;list-style-type:none;display:flex}.nav-item{padding-left:1.5vw;padding-right:1.5vw}.nav-item.home{display:none}.nav-item-container{position:relative}.nav-item-container.on-dark{color:#fff}.nav-icon-mob{width:100%;height:4px;display:none;position:absolute;inset:auto 0% -10px;overflow:hidden}.bg-colour-blue{color:var(--color-ink);background-color:var(--color-sage)}.section-wrap{z-index:15;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;width:100vw;padding:3rem 6vw;display:flex;position:relative}.section-wrap.myhistory-bottom{padding:0}.white{color:#fff}.heading-l{margin-top:2rem;margin-bottom:1.4rem;font-size:2.2rem;font-weight:400;line-height:1.2;position:relative}.heading-l.swiper-title{margin-top:0}.heading-xxl{font-size:7.6rem;font-weight:400;line-height:1.2}.p-l{margin-bottom:2rem;font-size:2.4rem;line-height:1.2}.p-l.white{font-size:2.2rem}.project-form-wrapper{z-index:501;width:100vw;height:100vh;display:none;position:fixed;inset:0% 0% auto auto;overflow:scroll}.project-form-container{float:right;align-items:center;width:80%;min-height:100vh;padding:9rem 6vw;display:flex;position:relative;overflow:hidden;box-shadow:1px 1px 40px 30px #00000040}.field-label{flex:none;margin-bottom:23px;padding-right:1rem;font-size:3rem;font-weight:400;line-height:1.2;display:inline-block}.form-wrapper{z-index:55;flex:1;align-items:center;width:100%;position:relative}.form-input-container{float:none;flex-wrap:wrap;align-items:flex-end;display:flex}.form-input-container.verticle{flex-direction:column;align-items:flex-start}.form-input-wrap{width:100%;padding-right:1rem;display:inline-block}.form-input-wrap.full-width{display:block}.submit-button{color:#000;background-color:#fff;border-radius:40px;padding:10px 25px;font-size:3rem}.submit-button.dark{color:#fff;background-color:var(--color-sage-dark)}.full-width{width:100%}.form-field-textarea{width:100%;min-height:200px;color:var(--color-ink);background-color:var(--color-sage-mid);border:0 #fff0;border-radius:8px;padding:15px;font-size:1.6rem;font-weight:400;line-height:1.2;display:inline-block}.form-field-textarea::-moz-placeholder{color:var(--color-ink)}.form-field-textarea::placeholder{color:var(--color-ink)}.project-form-close{z-index:55;align-items:center;display:flex;position:absolute;inset:6rem 6vw auto auto}.error-message{background-color:#b90609}.success-message{background-color:#ddd0}.project-form-close-icon{border:3px solid #fff;border-radius:100%;justify-content:center;align-items:center;width:60px;height:60px;margin-left:1rem;transition:background-color .2s;display:flex;transform:rotate(90deg)}.project-form-close-icon:hover{background-color:var(--color-sage-dark)}.h3{font-size:2.6rem;line-height:1.2}.heading-m{font-size:1.6rem;font-weight:400;line-height:1.2}.heading-m.small.notification-first{font-size:1rem}.heading-m.small.notification-second{font-size:1.3rem;position:absolute;inset:50% auto auto 2rem;transform:translateY(-50%)}.service-list-item{color:#000;background-color:#fff;border-radius:8px;margin-top:1rem;margin-bottom:1rem;margin-right:2rem;padding:1rem 1.6rem}.service-list-item.small{color:#fff;background-color:#01031433;border-radius:2px;margin:.2rem;padding:.3rem;font-size:.9rem;transform:rotate(-10deg)}.project-container{text-align:center;flex-direction:column;justify-content:flex-end;align-self:stretch;align-items:center;width:50%;height:auto;min-height:600px;margin-bottom:12rem;padding:3rem;display:flex;position:relative;overflow:visible}.project-thumb{max-height:100%;box-shadow:24px 24px 40px 10px #0006}.project-services-list{z-index:15;flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;max-width:130px;margin-bottom:0;padding-left:0;list-style-type:none;display:flex;transform:rotate(0)}.hide{display:none}.margin-top{margin-top:3rem}.heading-xl{font-size:4rem;font-weight:400;line-height:1.2;position:relative}.heading-xl.projectheading-margin{padding-top:20px}.heading-xl.padding-right{padding-right:10vw}.heading-xxxl{font-size:16vmin;line-height:1.2}.scrolling-text{color:var(--color-teal);white-space:nowrap;margin-top:0;margin-bottom:0;font-size:23vmin;font-weight:400;line-height:1.2}.text-scroller-text-container{line-height:1;display:flex;position:relative}.text-scroller-text-container.middle{align-self:flex-end}.text-scroller{flex-direction:column;justify-content:space-between;align-items:center;width:100vw;height:100vh;padding-top:5vh;padding-bottom:2vh;display:flex;position:absolute;inset:0%}.contact-links-wrapper{z-index:60;text-align:center;white-space:nowrap;flex-direction:column;justify-content:center;align-items:flex-end;height:300px;margin-bottom:6rem;padding-right:3vw;display:flex;position:fixed;inset:50% 0% 0% auto;transform:translateY(-50%)}.header-section{width:100vw;height:20vh;position:absolute;inset:0% 0% auto;overflow:hidden}.header-section.project{color:#ff0bce}.project-images-wrapper{width:100%;max-width:1800px;min-height:100vh;margin-bottom:9rem;margin-left:auto;margin-right:auto;padding:4vw}.project-section{z-index:5;padding-top:6rem;padding-bottom:6rem;position:relative}.project-image{width:1700px;max-width:100%}.background-video{height:100%}.page-load-screen{z-index:500;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0%;overflow:hidden}.page-load-animation{justify-content:center;align-items:flex-start;position:relative;overflow:hidden}.projects-featured-image-wrapper{z-index:30;flex-direction:column;justify-content:center;align-items:center;width:100vw;padding-top:10vh;position:relative;overflow:hidden}.project-text-container{text-align:center;padding-left:6rem;padding-right:6rem;position:relative}.centre-text{text-align:center;width:100%;display:inline-block}.heading-s{color:#fff;font-size:1.4rem;font-weight:400;line-height:1.3}.bg-steam{color:#fff;-webkit-text-fill-color:inherit;background-color:var(--project-steam);background-clip:border-box}.bg-cannd{color:#fff;background-color:var(--project-cannd)}.bg-bravedog{color:#fff;background-color:var(--project-bravedog)}.bg-hooble{color:#fff;background-color:var(--project-hooble)}.bg-workshed{color:#fff;background-color:var(--project-workshed)}.bg-wedine{color:#fff;background-color:var(--project-wedine)}.bg-commonground{background-color:var(--project-commonground)}.scroll-load-wrap{z-index:250;justify-content:center;align-items:center;width:100%;padding:2rem 10vw;display:flex;position:fixed;bottom:0}.scroll-loader-outer{border-radius:50px;width:100%;height:5px;position:relative;overflow:hidden}.scroll-loader-inner{opacity:1;background-color:var(--color-sage);width:100%;height:100%;position:absolute}.noise-overlay{z-index:5000;opacity:.4;background-image:url(/media/noise.png);background-position:0 0;background-size:250px 250px;width:100%;height:100%;position:fixed;inset:0%}.cover-image{object-fit:cover;width:100%;height:100%;position:relative}.cover-image.photo-geoffrey{z-index:1;position:absolute}.cover-image.photo-geoffrey.zindex-top{z-index:100}.cover-image.photo-matt{z-index:2;object-position:50% 0%;transition:z-index .3s;position:absolute;inset:0%}.cover-image.photo-matt.zindex-top{z-index:100}.cover-image.nav{object-position:100% 100%}.cover-image.history{opacity:.2}.mobile-nav-margin{display:none}.swiper-text{z-index:100;text-align:center;flex-direction:column;order:1;justify-content:center;align-items:center;width:100%;margin-top:2rem;display:flex;position:static;inset:auto 0% 2rem}.bg-gradient-blue{color:#fff;background-color:var(--color-teal);background-image:radial-gradient(circle,var(--color-teal-ink),var(--color-teal-bright) 82%);border-radius:25px}.card-create-wrapper{z-index:100;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:0;display:flex;position:relative}.scroll-notification-wrapper{z-index:30;padding:2rem;position:fixed;inset:auto 0% 0% auto}.scroll-notification{transform-origin:0 100%;flex-direction:row;justify-content:center;align-items:center;padding:1rem 1.2rem;display:flex;position:relative}.scroll-notification-container{backdrop-filter:blur(5px);color:#fff;background-color:rgb(var(--color-ink-rgb) / .8);border-radius:30px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 0 14px #0000004d}.scroll-notification-arrow{width:30px;height:30px}.scroll-notification-arrow-container{margin-left:.5rem}.scroll-notification-thumb{width:30px;min-width:0;height:30px}.bg-commonground{color:#fff}.other-projects-slider{z-index:100;align-items:flex-end;display:flex;position:fixed;inset:0% auto 0% 0%}.other-projects-button{justify-content:center;align-items:center;width:100px;height:100px;display:flex}.other-projects-button-container{cursor:pointer;border-radius:100%;position:absolute;bottom:3rem;right:-130px;overflow:hidden}.other-projects-wrapper{flex-direction:column;justify-content:flex-end;width:100%;max-width:300px;min-height:100%;padding-top:2rem;padding-bottom:2rem;display:flex;position:relative}.other-project-wrapper{max-width:100%;margin-left:1rem;margin-right:1rem;padding:1rem;overflow:hidden}.other-projects-text{text-align:center}.other-projects-close{padding-right:6px}.image-4{width:30px}.page-transition{z-index:5000;display:none;position:fixed;inset:0%}.cursor{background-color:var(--color-sage-light);border-radius:100%;width:20px;height:20px;transition:opacity .2s,background-color .5s,height .4s,width .4s,left .2s,top 40ms;position:relative}.cursor.nav-link{border-radius:1px;width:70px;height:4px;margin-top:50px}.cursor.logo{border-radius:8px;width:210px;height:54px}.cursor.switch{width:90px;height:90px}.cursor.otherprojects{width:102px;height:102px}.cursor.skiptop{background-color:var(--color-ink);width:100px;height:100px}.cursor.prev{width:80px;height:80px;color:var(--color-ink);background-color:var(--color-ink);background-image:url(/media/np-chevron-left-730223-ffffff.svg);background-position:50%;background-repeat:no-repeat;background-size:20px}.cursor.phone{border-radius:8px;width:380px;height:65px}.cursor.email{border-radius:8px;width:590px;height:65px}.cursor.switch-button{background-color:var(--color-ink);border-radius:40px;width:80px;height:140px;box-shadow:1px 1px 8px #0000004d}.cursor.project-thumb-v2{background-color:var(--color-ink);background-image:url(/media/np-eye-888692-ffffff.svg);background-position:50%;background-repeat:no-repeat;background-size:80px 80px;width:120px;height:120px}.cursor.begin{border-radius:200px;width:400px;height:260px}.cursor.drag{background-color:var(--color-ink);background-image:url(/media/drag-3-01.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100px;height:100px}.cursor.next{background-color:var(--color-ink);background-image:url(/media/np-chevron-left-730223-right-ffffff.svg);background-position:50%;background-repeat:no-repeat;background-size:20px;width:100px;height:100px}.cursor.hover-cursor{border:1px solid var(--color-sage-light);background-color:#dde4dd33;width:40px;height:40px}.cursor.hover-cursor.nav-link{background-color:var(--color-sage-light);border-style:none;width:70px;height:4px}.cursor.hover-cursor.logo{background-color:var(--color-sage-light);border-style:none;width:210px;height:54px}.cursor.hover-cursor.switch{background-color:var(--color-sage-light);width:90px;height:90px}.cursor.hover-cursor.switch-button{background-color:var(--color-ink);border-style:none;width:80px;height:140px}.cursor.hover-cursor.otherprojects{background-color:var(--color-sage-light);border-style:none;width:102px;height:102px}.cursor.hover-cursor.skiptop,.cursor.hover-cursor.next,.cursor.hover-cursor.drag{background-color:var(--color-ink);border-style:none;width:100px;height:100px}.cursor.hover-cursor.prev{background-color:var(--color-ink);border-style:none;width:80px;height:80px}.cursor.hover-cursor.begin{background-color:var(--color-sage-light);border-style:none;width:400px;height:260px}.cursor.hover-cursor.project-thumb-v2{background-color:var(--color-ink);border-style:none;width:120px;height:120px}.other-projects-background{width:100vw;height:100vh;display:none;position:absolute;inset:0%}.matt-logo.txt-on-dark{transition:color .2s}.matt-logo.txt-on-dark:hover{color:var(--color-ink)}.slider-controls-container{justify-content:center;align-items:flex-end;padding:6rem 6vw;display:flex}.image-5{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(0)rotateY(180deg)rotate(0)}.introheading-section-wrapper{z-index:15;text-align:center;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding-top:10vh;padding-bottom:3rem;display:flex;position:relative;transform:translate(0)}.letter-w{float:left;display:block;transform:translate(0)}.letter-o2{float:left;display:block}.letter-r,.letter-k,.letter-e{float:left}.mega-heading{color:var(--color-teal);font-size:22vw;font-weight:400;line-height:1.2;overflow:visible;transform:perspective(1412px)}.image-8{width:100%;height:100%}.contact-button-container{align-items:center;display:flex}.contact-button-container.nav{flex-direction:column}.image-9{width:30px;height:30px}.contact-button-icon{background-color:var(--color-sage-dark);border-radius:100%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.contact-button-label{padding-right:.5rem;font-size:1rem}.contact-button-label.nav{padding-top:.5rem;padding-right:0}.contact-button-wrapper{z-index:250;padding:.5rem;position:relative}.bg-colour-white{color:#000;background-color:#fff}.contact-form{z-index:55;justify-content:center;align-items:center;height:100%;min-height:100vh;padding-top:9rem;padding-bottom:9rem;display:flex;position:relative}.footer-image-container{width:100%;height:100%;position:fixed;inset:0%}.projects-v2-wrapper{z-index:20;flex-direction:column;align-items:flex-start;width:100vw;margin-bottom:12rem;padding-top:10vh;padding-bottom:25vh;position:relative}.project-v2-wrapper{justify-content:center;align-items:center;width:100vw;height:100vh;position:relative}.device-container{z-index:100;background-color:#000;border-radius:40px;position:relative;overflow:hidden;box-shadow:6px 6px 20px #0000009c}.device-container.tablet{border-radius:0;flex:none;width:37.5vw;max-width:700px;height:30vw;max-height:560px}.device-container.video{border-radius:0;flex:none;width:37.5vw;max-width:700px;max-height:560px}.project-v2-images{z-index:100;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.project-vw-photo{z-index:5;width:18vw;max-width:336px;height:22.5vw;max-height:420px;position:relative;overflow:hidden}.project-vw-photo.left{transform-origin:100% 100%}.project-vw-photo.right{transform-origin:0 100%}.device-image{width:100%}.device-image.cover-image.movetobottom{object-position:50% 90%}.project-v2-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0%}.project-v2-title-wrapper{align-items:flex-end;width:100%;height:100%;padding-bottom:120px;display:none;position:fixed;bottom:0;overflow:hidden}.project-v2-title-container{position:absolute}.project-v2-title{white-space:nowrap;font-size:20vw;font-weight:400;line-height:1.2}.project-v2-progress-wrapper{padding-bottom:0;padding-left:6vw;position:relative}.project-v2-progress-container{z-index:2;border:3px solid var(--color-coffee-muted);border-radius:30px;width:40px;height:80px;position:relative;overflow:hidden}.awards-wrapper{padding-top:6rem;padding-bottom:9rem;position:relative;overflow:hidden}.awards-wrapper.hidden{display:none}.award-wrapper{width:100%;height:20vh;position:relative}.award-circle-roundel-container{transform-origin:50%;justify-content:center;align-items:flex-start;width:100vw;height:100vh;display:flex;position:fixed;top:0%;left:0%;right:0%}.award-circle-roundel{transform-origin:50%;border-radius:100%;flex:none;width:4000px;height:4000px;position:relative;top:50%}.award-container{color:#fff;border-radius:200px;flex-direction:column;justify-content:flex-end;align-items:center;width:400px;height:600px;padding-bottom:6.2rem;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:1px 1px 20px #0006}.award-container.bg-gradient-blue{-webkit-text-fill-color:inherit;background-clip:border-box;overflow:hidden}.award-year-container{z-index:1;-webkit-text-fill-color:inherit;background-color:var(--color-ink);background-clip:border-box;border-radius:100%;padding:1rem;position:absolute;top:3rem;overflow:hidden}.project-title-container,.award-type-container,.award-body-container{z-index:1;text-align:center;position:relative;overflow:hidden}.award-year-text{color:#fff;font-size:2.4rem;font-weight:400;line-height:.9}.award-awarder-text{font-size:2rem}.award-large-text{font-size:7.5rem;line-height:1}.small-text{font-size:.8rem}.award-client-text{font-size:2rem}.honourable{font-size:3.8rem;line-height:1}.awards-container{width:100%;margin-top:9rem;margin-bottom:18rem;position:relative}.awards-container.project{width:100%}.project-v2-progress{align-items:center;width:100%;height:100%;padding-top:0;display:flex;position:fixed;inset:0%}.project-v2-progress-bg{z-index:-1;background-color:var(--color-sage);border-radius:30px;width:100%;height:100%;position:absolute;inset:0%}.hero-bg-image-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:-25vh;left:0%;right:0%}.hero-matt{border-radius:100%;width:50vw;height:50vw}.hero-matt.cover-image{opacity:.8;object-position:50% 0%;border-radius:100%;max-width:500px;max-height:500px;position:relative;overflow:hidden}.text-open-image{padding-left:.5rem;padding-right:.5rem;transition:box-shadow .3s;box-shadow:inset 0 -20px #0006}.text-open-image:hover{box-shadow:inset 0 -80px #0006}.cursor-wrapper{z-index:99;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0%}.form-s{flex-direction:column;justify-content:flex-start;width:100%;max-width:700px;margin-left:auto;margin-right:auto;padding-top:2rem;padding-bottom:2rem}.form-container{width:100%}.form-block{flex:1;width:100%;margin-bottom:0}.form-s-label{text-align:center;flex-direction:column;margin-bottom:3rem;display:flex}.checkbox-hide{display:none}.checkbox{background-color:var(--color-sage-mid);border-radius:40px;justify-content:flex-start;align-items:center;width:300px;height:80px;margin:.5rem;padding-left:0;transition:background-color .4s;display:flex;position:relative}.checkbox:hover{background-color:#a0b4a0}.form-s-input-container{float:none;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.checkbox-label{z-index:10;align-items:center;width:100%;height:100%;padding-left:1.5rem;display:flex;position:relative}.form-switch-roundel{background-color:var(--color-sage-dark);border-radius:100%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:10px;right:70px}.form-button-wrap{justify-content:center;align-items:center;padding-top:2rem;padding-right:80px;display:flex}.form-button-wrap.alone,.form-button-wrap.no-back{padding-right:0}.form-s-next{color:#fff;background-color:var(--color-sage-dark);border-radius:50px;justify-content:center;align-items:center;padding:.3rem 1.4rem;font-size:3rem;display:flex}.form-input-container-vw{float:none;flex-flow:column wrap;align-items:flex-start;display:flex}.form-s-field{color:#fff;border:0 #0000;border-bottom:3px solid var(--color-sage-dark);background-color:#00138000;border-radius:0;width:100%;height:70px;margin-bottom:1rem;margin-right:6px;padding-bottom:10px;padding-left:1rem;font-size:1.6rem;font-weight:700;line-height:1.2;display:inline-block}.form-s-field:focus{border-bottom-color:var(--color-coffee-muted)}.form-s-field::-moz-placeholder{color:var(--color-ink);font-weight:400}.form-s-field::placeholder{color:var(--color-ink);font-weight:400}.form-s-back{text-align:right;border-right:3px solid var(--color-sage-mid);justify-content:flex-end;align-items:center;width:80px;margin-right:1rem;padding-right:.5rem;font-size:1.2rem;display:flex;position:relative}.form-s-back.alone{border-right-style:none;justify-content:center;margin-right:0;padding-right:0}.form-s-wrap{align-items:center;width:100%;height:100%;display:block}.form-s-wrap.what{display:block}.form-s-wrap.budget,.form-s-wrap.about,.form-s-wrap.details{display:none}.radio-button-wrap{text-align:center;border:0 #0000;border-radius:40px;justify-content:center;align-items:center;width:300px;height:80px;margin:.5rem;padding-left:0;line-height:1;display:flex;position:relative;overflow:hidden}.radio-text{z-index:20;flex:0 auto;justify-content:center;align-self:center;align-items:center;width:100%;margin:0;padding:0;display:flex;position:relative}.radio-roundel{background-color:var(--color-sage-mid);border:0 #ccc0;border-radius:300px;width:100%;height:100%;margin:0;padding:0;transition:background-color .4s;position:absolute;inset:0%}.radio-roundel:hover{background-color:#a0b4a0}.radio-roundel.w--redirected-checked{background-color:var(--color-sage-dark)}.switch-inside{background-color:var(--color-sage);border-radius:20px;width:40px;height:40px}.image-11{width:24px;height:24px}.contact-bg-shadow{display:none}.project-v2-skip{z-index:200;justify-content:flex-end;align-items:center;width:12vw;height:100%;display:flex;position:absolute;top:0;right:0}.projects-v3-wrapper{z-index:20;flex-direction:column;justify-content:center;align-items:center;width:100vw;padding-top:10vh;padding-bottom:25vh;position:relative}.project-v3-wrapper{z-index:5;color:#fff;border-top:2px solid #fff;justify-content:center;align-items:center;width:100%;height:13vw;padding-right:40vw;display:flex;position:relative}.project-v3-wrapper:hover{z-index:8}.project-v3-container{z-index:10;transform-origin:50% 0;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-left:6vw;padding-right:600px;display:flex;position:relative}.project-v3-thumb{width:700px;max-width:100%}.project-v3-thumb-wrap{z-index:1;justify-content:center;align-items:center;width:30vw;height:30vw;transition:opacity .2s;display:flex;position:absolute;overflow:hidden}.project-v3-heading-container{white-space:nowrap;position:absolute}.project-v3-heading{font-size:9vw;line-height:1}.bg-colour-black-coffee{color:#fff;background-color:var(--color-coffee)}.txt-on-dark{color:#fff}.pagination{z-index:30;flex-direction:column;justify-content:center;align-items:flex-end;width:12vw;padding-right:6vw;display:flex;position:fixed;top:0%;bottom:0%;right:0%}.pagination-button{border-radius:20px;justify-content:center;align-items:center;width:30px;height:50px;margin-top:.2rem;margin-bottom:.2rem;display:flex}.pagination-button.bg-colour-black-coffee.no-skip{opacity:.2}.previous{width:30px;transform:rotate(180deg)}.next{width:30px}.text-scroller-text-container-inner{line-height:1;display:flex}.about-intro{position:relative}.zindex-top{z-index:100;position:absolute}.shutter-left,.shutter-right{background-color:var(--color-ink);width:100%;height:200%;position:absolute}.shutter-top{background-color:var(--color-ink);width:150%;height:100%;position:absolute}.shutter-bottom{background-color:var(--color-ink);width:200%;height:100%;position:absolute}.shutter-container{width:200%;height:200%;position:absolute}.home-hero-wrap{justify-content:center;align-items:center;width:100vw;height:100vh;padding-top:5vh;display:flex;position:fixed;inset:0%;overflow:hidden;transform:rotate(0)}.to-top-wrap{z-index:300;justify-content:center;align-items:flex-start;padding-top:3vw;display:none;position:fixed;inset:0% 0% auto}.to-top-button{z-index:99;cursor:pointer;border-radius:100px;justify-content:center;align-items:center;width:100px;height:100px;padding-bottom:5px;display:flex;box-shadow:1px 1px 10px #0000004d}.to-top-button:hover{color:#1639fb;font-weight:700}.to-top-chevron{width:25px;height:25px;transform:rotate(90deg)}.home-hero-photo-container{width:45vw;max-width:820px;height:30vw;max-height:550px;overflow:hidden}.scroller-light{color:#03474859;font-style:italic;font-weight:400}._100vh-spacer{width:100vw;height:100vh;position:static}.mobile-shutter{background-color:var(--color-coffee-muted);width:100vw;height:100vh;display:none}.overlay-nav-button{z-index:410;cursor:pointer;align-items:center;min-height:80px;display:flex;position:fixed;inset:2vw 6vw auto auto}.nav-button{color:#fff;border-radius:50px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:90px;font-size:3rem;display:flex}.nav-button.bg-colour-black-coffee{transition:background-color .5s}.nav-button.bg-colour-black-coffee:hover{background-color:var(--color-coffee-deep)}.overlay-nav-container{z-index:400;width:100vw;height:100vh;position:fixed;inset:0%;overflow:hidden}.overlay-nav-text{font-size:1rem}.overlay-nav-list-container{width:100%;height:100%;position:relative}.overlay-nav-wrap{display:none;position:relative}.overlay-nav-page{color:#fff;transition:color .5s}.overlay-nav-page:hover{color:var(--color-sage)}.overlay-nav-page.w--current{color:var(--color-coffee-muted)}.overlay-nav-page.brand{padding-top:6vmin;padding-bottom:6vmin}.text-block-2{font-size:21vmin;line-height:1}.overlay-nav-item{text-align:center;overflow:hidden}.overlay-nav-list{flex-direction:column;justify-content:center;align-items:center;height:100%;margin-bottom:0;padding-left:0;display:flex;position:relative}.overlay-nav-bg{flex-direction:row;justify-content:flex-start;align-items:stretch;width:100vw;height:100vh;display:flex;position:absolute}.project-hero-video{width:517px;height:320px}.full{float:left;text-align:center;justify-content:center;align-items:center;width:100%;height:100vh}.full.half{height:50vh}.switch{flex-direction:column;justify-content:center;align-items:center;width:100%;font-size:2rem;display:flex}.switch-label-text{line-height:1}.switch-wrap{z-index:100;border-radius:1vw;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.switch-container{border-radius:60px;width:80px;height:140px;margin-top:2rem;margin-bottom:2rem;padding:10px;transition:background-color .5s;box-shadow:inset 0 0 10px #0107551a,4px 4px 16px #94040240}.switch-container:hover{background-color:#020c77}.switch-container.bg-colour-blue{transform-style:preserve-3d;background-color:var(--color-teal-mid);margin-top:5%;margin-bottom:5%;box-shadow:inset 0 0 10px #0000001a,4px 4px 16px #00000059}.switch-container.bg-colour-blue:hover{background-color:var(--color-teal-light)}.switch-roundel{background-color:var(--color-teal-deep);border-radius:100%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.switch-inside-roundel{border-radius:20px;width:40px;height:40px}.switch-inside-roundel.bg-colour-blue{background-color:var(--color-teal-mid)}.switch-label{z-index:10;justify-content:center;align-items:center;width:100%;transition:opacity .2s;display:flex;position:relative}.icon-container{z-index:10;background-color:var(--color-teal);border-radius:30px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:4px 4px 13px #0006}.icon-container.bg-colour-blue{z-index:10;position:absolute;inset:0%}.icon-container.bg-gradient-blue{background-color:#03474800;background-image:radial-gradient(circle at 20% 70%,var(--color-teal-ink),var(--color-teal-dark) 47%,var(--color-teal-bright))}.icon-wrapper{position:relative}.icon-wrapper{z-index:80;perspective-origin:100%;width:100%;height:100%;transform-style:preserve-3d;position:relative;transform:perspective(2000px)rotateX(0)rotateY(-20deg)rotate(0)}.icon-container-bg{z-index:1;width:100%;height:100%;transform-style:preserve-3d;background-color:var(--color-teal-deep);border-radius:30px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0%;transform:translateZ(-10vw)}.icon-container-bg.bg-colour-blue{position:absolute;inset:0%}.mocksite-nav{justify-content:flex-end;align-items:center;width:100%;margin-bottom:1rem;font-size:1rem;display:flex;position:relative}.mocksite-nav-container{justify-content:flex-end;align-items:center;margin-left:10px;display:flex}.mocksite-burger-nav{flex-direction:column;justify-content:space-between;align-items:center;height:14px;display:flex}.mocksite-burger-nav-section{background-color:#fff;width:20px;height:2px}.icon-inside{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:10%;display:flex}.mocksite-hero{background-color:var(--color-teal-deep);border-radius:1vw;flex:1;width:100%;height:200px;margin-bottom:.5vw;overflow:hidden}.image-18{width:16px;height:16px}.brand-container{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.brand-colour-panel{background-color:#0b5052;width:50%;height:50%;padding:5%}.brand-colour-panel.topleft{border-top-left-radius:1vw}.brand-colour-panel.topright{background-color:#126466;border-top-right-radius:1vw}.brand-colour-panel.bottomleft{background-color:#258486;border-bottom-left-radius:1vw;align-items:flex-end;display:flex}.brand-colour-panel.bottomright{background-color:#3b9fa2;border-bottom-right-radius:1vw;align-items:flex-end;display:flex}.brand-logo{background-color:var(--color-teal-deep);border-radius:100%;flex:none;width:150px;height:150px;position:absolute}.text-block-20{font-size:8px}.mock-cards{grid-column-gap:16px;grid-row-gap:16px;flex:1;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%;display:grid}.mock-card{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-bottom:1vw;display:flex}.mock-card-hero{background-color:var(--color-teal-deep);border-radius:1vw;flex:1;width:100%;height:50%;margin-bottom:1vw}.mock-card-txt{color:var(--color-teal-deep);background-color:var(--color-teal-deep);border-radius:4px;margin:2px;font-size:12px;line-height:1;display:inline-block}.text-block-23{line-height:1}.mocksite-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.mock-card-grid{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%;height:50%;padding-top:1vw;display:grid}.mock-switch-container{border-radius:60px;width:80px;height:140px;margin-top:2rem;margin-bottom:2rem;padding:10px;transition:background-color .5s;box-shadow:inset 0 0 10px #0107551a,4px 4px 16px #94040240}.mock-switch-container:hover{background-color:#020c77}.mock-switch-container.bg-colour-blue{transform-style:preserve-3d;background-color:var(--color-teal-mid);margin-top:5%;margin-bottom:5%;box-shadow:inset 0 0 10px #0000001a,4px 4px 16px #00000059}.mock-switch-container.bg-colour-blue:hover{background-color:var(--color-teal-light)}.deliverable-list-item{color:#000;background-color:#fff;border-radius:8px;margin-top:1rem;margin-bottom:1rem;margin-right:2rem;padding:1rem 1.6rem}.deliverable-list-item.small{color:#fff;background-color:#01031433;border-radius:2px;margin:.2rem;padding:.3rem;font-size:.9rem;transform:rotate(-10deg)}.deliverable-list{flex-wrap:wrap;justify-content:center;max-width:380px;margin-bottom:0;padding-left:0;list-style-type:none;display:flex}.loop-text-outer{width:100%;overflow:hidden}.loop-text-inner{align-items:center;display:flex}.text-block-24{white-space:nowrap;flex:none;width:56vw;font-size:18vw;font-weight:400}.text-scroll-wrap{width:100%;height:100%;position:absolute;inset:0%}.myhistory-section-wrap{color:#fff;width:100vw;height:100vh;min-height:600px;padding:3rem 6vw;position:relative;overflow:hidden}.myhistory-section-wrap.panel.right{overflow:hidden}.myhistory-section-wrap.bottom{padding:20vh 0 0}.myhistory-section-wrap.myhistory-top{height:auto;padding:0 0 25vh}.myhistory-section-wrap.myhistory-bottom{padding:25vh 0 0}.myhistory-section-container{z-index:10;color:#fff;justify-content:flex-start;align-items:center;width:100%;max-width:1600px;height:100%;min-height:600px;margin-left:auto;margin-right:auto;display:flex;position:relative;top:0%;left:0%;right:0%}.myhistory-section-container.right{justify-content:flex-end}.myhistory-card-container{z-index:10;width:30vw;min-width:360px;max-width:500px;position:relative}.myhistory-card-content{z-index:1;background-color:#110d10e6;width:100%;height:100%;padding:1rem 2rem 2rem;position:relative}.myhistory-card-content.bg-gradient-blue{background-image:repeating-linear-gradient(83deg,var(--color-teal-ink),var(--color-teal-bright));border-radius:0}.section{z-index:2;position:relative}.myhistory-line{clear:both;background-color:var(--color-coffee-muted);width:25%;height:3px;margin-top:1vw;margin-bottom:1vw}.myhistory-text{clear:right;color:#fff;padding-top:0}.centre-line{z-index:15;transform-origin:50% 100%;background-color:var(--color-mauve);width:2px;height:100%;position:absolute;top:0;left:50%}.centre-line.last{border-bottom-right-radius:2px;border-bottom-left-radius:2px;height:100%}.centre-line.first{border-bottom-right-radius:2px;border-bottom-left-radius:2px;height:100%;top:auto;bottom:0}.div-block-129{background-color:var(--color-mauve);border-radius:6px;width:50px;height:8px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.div-block-129.right{left:10px;right:auto}.loop-year{z-index:5;width:100vw;height:100vh;color:var(--color-coffee-muted);justify-content:center;align-items:center;display:flex;position:fixed;inset:0%}.myhistory-image{width:50%;height:100%;position:absolute;inset:0% 0% 0% auto;overflow:hidden}.award-bg{width:100%;height:100%;position:absolute;inset:0%}.award-bg.bg-colour-black-coffee{z-index:0;transform-origin:50% 100%;top:auto}.timeline-start{-webkit-text-fill-color:inherit;background-color:var(--color-mauve);background-clip:border-box;border-radius:100%;width:20px;height:20px;position:absolute;top:-20px;bottom:auto;left:-9px}.timeline-start.end{background-color:var(--color-mauve);width:40px;height:40px;top:auto;bottom:-40px;left:-19px}.myhistory{border-bottom-right-radius:50px;border-bottom-left-radius:50px;margin-top:12rem;margin-bottom:12rem;position:relative;overflow:hidden}.myhistory.bg-colour-blue{-webkit-text-fill-color:inherit;background-clip:border-box;box-shadow:0 20px 30px #0003}.myhistory.bg-wedine{background-color:var(--project-wedine)}.myhistory.bg-cannd{background-color:var(--project-cannd)}.myhistory.bg-workshed{background-color:var(--project-workshed)}.myhistory-image-container{width:100%;height:100%;padding-left:3vw}.myhistory-image-caption{background-color:var(--color-ink);padding:.4rem}.myhistory-image-caption-wrap{z-index:20;padding:.4rem;position:absolute;top:50%;transform:translateY(-50%)}.div-block-134{height:20%;position:absolute;inset:0 0% auto}.div-block-134.first{top:auto;bottom:0}.timeline-end{-webkit-text-fill-color:inherit;background-color:var(--color-mauve);background-clip:border-box;border-radius:100%;width:20px;height:20px;position:absolute;top:auto;bottom:-20px;left:-9px}.timeline-end.end{background-color:var(--color-mauve);width:40px;height:40px;top:auto;bottom:-40px;left:-19px}.bg-fishingticket{color:#fff;-webkit-text-fill-color:inherit;background-color:var(--project-fishingticket);background-clip:border-box}.bg-yboa{color:#fff;-webkit-text-fill-color:inherit;background-color:var(--project-yboa);background-clip:border-box}.project-video{z-index:5;width:100%;height:100%;position:absolute;inset:0%}.project-video._16-12{aspect-ratio:16/12;width:100%;height:auto;overflow:hidden}.image-21{width:100%}.video-section{margin-top:6rem;margin-bottom:6rem;position:relative}.video-section._16-12{aspect-ratio:16/12}.background-video-2{z-index:5;width:100%;height:100%;position:absolute;inset:0%}.bg-bathmate{background-color:var(--project-bathmate);color:#fff;-webkit-text-fill-color:inherit;background-clip:border-box}@media screen and (width<=991px){.footer-container{flex-direction:column;justify-content:flex-start;padding-top:20vw}.swiper-slide{width:50vw;min-width:auto;height:70vw;min-height:auto}.circle-container-sticky-2{width:50vmin;height:50vmin}.circle-text-scroll-4{font-size:2vmin}.list{padding-top:.2rem}.nav-icon-mob{display:none}.section-wrap.myhistory-bottom{padding-top:3rem}.heading-l{font-size:2rem}.heading-l.swiper-title{margin-bottom:1rem}.heading-xxl{font-size:6rem}.project-form-container{padding-top:6rem;padding-bottom:6rem}.field-label{flex:none;margin-bottom:10px}.form-input-container{flex-direction:column;align-items:flex-start;margin-bottom:2rem}.form-input-wrap{width:100%}.project-form-close{top:3rem}.project-container{width:100%;padding-bottom:3rem}.project-services-list{display:none}.heading-xl{font-size:3rem}.heading-xxxl{font-size:7rem}.text-scroller{justify-content:space-between;padding-top:5vh}.contact-links-wrapper{flex-direction:row;align-items:flex-start;width:100%;height:270px;margin-bottom:1rem;padding-top:130px;padding-bottom:0;padding-right:0;position:relative;inset:auto;transform:none}.project-image{width:915px}.projects-featured-image-wrapper{overflow:hidden}.project-text-container{padding-left:3rem;padding-right:3rem}.scroll-load-wrap,.mobile-nav-margin{display:none}.scroll-notification-arrow,.scroll-notification-thumb{width:80px}.cursor{display:none}.matt-logo:hover{color:#fff}.slider-controls-container{padding-top:0;padding-bottom:3rem}.introheading-section-wrapper{padding-top:300px}.contact-button-container{flex-direction:column}.image-9{width:22px;height:22px}.contact-button-label{order:1;padding-top:.5rem;padding-right:0}.contact-button-wrapper{padding-top:0;padding-left:.5rem;padding-right:.5rem}.contact-form{height:auto;min-height:auto;padding-top:0}.project-v2-progress-wrapper{padding-left:0}.award-year-container{top:2rem}.project-v2-progress{justify-content:center;align-items:flex-end;padding-bottom:6rem}.hero-bg-image-container{width:400px;height:400px;display:none;inset:-90px 3rem auto auto}.text-open-image{box-shadow:none;border-bottom-style:none;padding-left:0;padding-right:0}.text-open-image:hover{box-shadow:none}.form-input-container-vw{flex-direction:column;align-items:flex-start;margin-bottom:2rem}.form-s-field{width:100%;max-width:600px}.contact-bg-shadow{width:70%;height:100%;display:block;position:absolute;inset:0% 0% 0% 50%;transform:translate(-50%);box-shadow:0 32px 20px -30px #0003}.project-v2-skip{justify-content:center;align-items:flex-end;width:100%;height:100px;padding-top:0;padding-left:0;top:auto;bottom:4rem;right:0}.projects-v3-wrapper{padding-top:0}.project-v3-wrapper{z-index:auto;height:18vw}.project-v3-container{padding-right:0}.project-v3-thumb{width:300px}.project-v3-thumb-wrap{justify-content:center;align-items:center;display:flex;right:3rem}.project-v3-heading-container{position:relative;left:0}.project-v3-heading{margin-bottom:20px}.home-hero-photo-container{width:60vw;height:60vw}.icon-wrapper{width:100%;height:100%}.brand-logo{width:120px;height:120px}.myhistory-section-wrap{align-items:center;display:flex}.myhistory-card-container{min-width:300px}.myhistory-year{font-size:4vw}.loop-year{position:absolute}.myhistory-image{border-radius:100%;flex:none;width:40vw;height:40vw;position:absolute;top:50%;right:6vw;transform:translateY(-50%)}.myhistory{margin-top:6rem;margin-bottom:6rem}.myhistory-image-container{padding-left:0}.myhistory-image-caption-wrap{display:none}}@media screen and (width<=767px){.main{overflow:hidden}.footer-container{padding-top:35vw}.nav-text{padding-bottom:5px;font-size:1.2rem}.nav-text.brand{padding-top:0;padding-bottom:0;font-size:1.6rem}.menu-button{z-index:300;width:100vw;height:80px;min-height:70px;padding-top:10px;padding-left:0;padding-right:0;position:fixed;inset:auto 0% 0%}.name-logo{text-align:center;justify-content:center;width:100%;height:70px;min-height:auto;padding-left:0;display:flex;position:static;inset:0% 0% auto}.nav-wrapper{backdrop-filter:blur(5px);background-image:linear-gradient(rgb(var(--color-sage-rgb) / .36),var(--color-sage) 72%);border-top-left-radius:20px;border-top-right-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;padding-right:0;display:flex;overflow:hidden;box-shadow:0 -2px 14px #00000026}.swiper-container-2{padding-top:1rem;padding-bottom:0}.swiper-slide{width:50vw;min-width:auto;height:70vw;min-height:auto}.swiper-slide.swiper-slide-active{transition-property:none;transform:none}.project-hero-image-container{border-width:6px;max-width:100%}.project-hero-image-wrapper{position:relative}.project-hero-section{justify-content:center;height:100%;padding:6rem 6vw}.circle-container-sticky-2{flex-direction:column;width:80vmin;height:80vmin;position:relative;top:auto}.circle-text-scroll-4,.circle-2{display:none}.begin-project{justify-content:center;width:100%;bottom:100px;right:auto}.project-text{color:#fff;font-size:4vw}.project-form-button{border-radius:8px;width:100%;height:auto;padding:20px 25px;box-shadow:2px 2px 14px #00000080}.project-form-button.bg-colour-black-coffee{width:98%;bottom:75px;right:auto}.list{justify-content:center;width:100%;max-width:100%;height:100%;padding-left:6vw;padding-right:6vw}.nav-item{flex:1;padding-left:0;padding-right:0;display:flex}.nav-item.home{display:flex}.nav-item-container{flex-direction:column;flex:1;justify-content:center;align-items:center;padding-top:.4rem;display:flex}.nav-item-container.w--current{border-radius:0;flex-direction:column;padding-left:12px;padding-right:12px}.nav-item-container.txt-on-dark{color:#fff;background-color:var(--color-ink)}.nav-item-container.on-dark{color:var(--color-ink)}.nav-icon-mob{order:-1;width:auto;height:auto;padding-bottom:.25rem;display:block;position:static}.section-wrap.myhistory-bottom{padding-top:3rem}.heading-l{font-size:1.8rem}.heading-l.swiper-title{margin-bottom:1rem;font-size:1.4rem}.heading-xxl{font-size:4.4rem}.p-l{font-size:1.8rem}.project-form-wrapper{z-index:1500}.project-form-container{width:100%}.field-label{margin-bottom:23px;font-size:1.8rem}.submit-button{background-color:#fff}.submit-button.dark{font-size:2rem}.form-field-textarea{border-color:#fff}.project-form-close{right:6vw}.heading-m{font-size:1.4rem}.heading-m.small{font-size:1.2rem}.heading-m.small-text.centre-text,.service-list-item.small,.service-list-item.small,.service-list-item.small{font-size:.8rem}.project-container{-webkit-text-fill-color:inherit;background-clip:border-box;border-bottom-style:none;width:100%;height:auto;min-height:auto;margin-bottom:6rem}.project-thumb{width:100%;height:auto}.heading-xl{font-size:2.2rem}.heading-xxxl{font-size:6rem;transform:none}.scrolling-text{margin-top:0;margin-bottom:0;font-size:22vw}.text-scroller{padding-top:80px;padding-bottom:150px}.contact-links-wrapper{height:110px;margin-bottom:1rem;padding-top:0}.header-section{z-index:250;height:auto}.project-section{padding-top:1rem;padding-bottom:1rem}.project-image{width:715px}.projects-featured-image-wrapper{height:auto;padding-top:0}.centre-text{transform:none}.heading-s.swiper{font-size:.8rem}.mobile-nav-margin{height:70px;padding-bottom:0;padding-right:0;display:block}.swiper-text{padding-right:0;bottom:0}.scroll-notification-wrapper,.other-projects-slider,.cursor{display:none}.slider-controls-container{justify-content:center}.introheading-section-wrapper{align-items:flex-start;min-height:auto;padding-top:0}.introheading-section-wrapper.about{min-height:auto;padding-bottom:0}.contact-button-link{flex:1}.contact-button-link:active{box-shadow:none}.image-9{width:20px;height:20px}.contact-button-icon{justify-content:center;align-items:center;width:60px;height:60px;display:flex}.contact-button-label{align-items:center}.contact-form{padding-left:1rem;padding-right:1rem}.projects-v2-wrapper{margin-top:0;margin-bottom:0;padding:6vw}.project-v2-wrapper{align-items:stretch;width:100%;height:auto;display:flex}.device-container.tablet,.device-container.video{width:100%;height:auto;box-shadow:none;background-color:#0000;padding:6vw}.project-vw-photo{border-radius:100%;width:30vw;height:30vw}.project-vw-photo.left{z-index:110;position:absolute;inset:-12vw auto auto 0%}.project-vw-photo.right{z-index:110;position:absolute;inset:auto 0% -12vw auto}.project-v2-container{justify-content:space-between;width:100%;height:100%;padding-top:12vw;padding-bottom:12vw;position:static}.project-v2-title-wrapper{padding-top:6rem;padding-bottom:3rem;display:block;position:static;bottom:120px}.project-v2-title-container{text-align:center;position:static}.project-v2-title{padding-bottom:1rem;font-size:3rem}.project-v2-progress-container{width:30px;height:60px}.awards-wrapper{width:100%;height:100%;padding-top:1rem}.award-wrapper{width:auto;height:auto}.award-circle-roundel-container{width:auto;height:auto;position:relative;left:auto;right:auto}.award-circle-roundel{width:auto;height:auto;padding:1rem}.award-container{-webkit-text-fill-color:inherit;background-color:var(--color-coffee-muted);background-clip:border-box;width:42vw;max-width:260px;height:63vw;max-height:370px;padding-bottom:4.5rem;position:relative;left:auto;transform:none}.award-container.bg-gradient-blue{height:340px;position:relative;left:auto;transform:none}.award-year-container{top:1rem}.award-awarder-text{font-size:1.2rem}.award-large-text{font-size:4rem}.award-client-text{font-size:1.2rem}.honourable{font-size:2.1rem}.awards-container{flex-wrap:wrap;justify-content:center;width:100%;margin-top:0;margin-bottom:0;display:flex}.project-v2-progress{justify-content:flex-end;align-items:flex-start;display:none;inset:0%}.hero-bg-image-container{display:none;position:relative}.text-open-image{box-shadow:none;transition-property:none}.form-s-label{margin-bottom:1rem}.checkbox{width:160px;height:50px;margin:.25rem;font-size:1rem}.form-switch-roundel{width:30px;height:30px}.form-s-next{font-size:2rem}.form-input-container-vw{margin-bottom:1rem}.form-s-field{height:50px;margin-bottom:.5rem;padding-left:.5rem;font-size:1rem}.form-s-field::-moz-placeholder{color:#fff;font-size:1rem}.form-s-field::placeholder{color:#fff;font-size:1rem}.form-s-wrap.what{display:flex}.form-s-wrap.budget,.form-s-wrap.about{display:none}.radio-button-wrap{width:160px;height:50px;margin:.25rem}.switch-inside{width:20px;height:20px}.contact-bg-shadow{position:absolute;bottom:0;box-shadow:0 30px 20px -25px #0003}.project-v2-skip{display:none;bottom:180px}.project-v3-wrapper{height:30vw}.project-v3-thumb{object-fit:cover;width:310px;height:100%}.project-v3-thumb-wrap{width:40vw;height:40vw}.project-v3-heading-container{top:-6px}.project-v3-heading{font-size:9vw}.shutter-container{display:none}.home-hero-wrap{padding-top:0;padding-bottom:5vh}.image-14{width:17px;height:17px;display:block}.built-for{padding-top:1rem;padding-bottom:1rem}.to-top-wrap{bottom:170px;left:auto;right:6vw}.scroller-light{display:none}.mobile-shutter{display:block;position:absolute;inset:0%}.nav-button{font-size:2rem}.overlay-nav-wrap{display:none}.project-hero-video{width:84vw;height:52vw}.switch{align-self:auto;transform:scale(.9)}.switch-wrap{position:relative}.switch-container.bg-colour-blue{transform:scale3d(1none,1none,1none)}.icon-container{border-radius:4vw}.icon-container-bg{border-radius:4vw;transform:translateZ(-20vw)}.mocksite-burger-nav{width:4vw;height:3vw}.mocksite-burger-nav-section{width:100%;height:2px}.mocksite-hero{border-radius:1vw}.image-18{width:4vw;height:4vw}.brand-logo{width:90px;height:90px}.mock-cards{grid-column-gap:2vw;grid-row-gap:2vw}.mock-card-hero{border-radius:1vw}.mock-card-txt{margin:.25vw;font-size:1.2vw}.mock-card-grid{grid-column-gap:2vw;grid-row-gap:2vw}.mock-switch-container.bg-colour-blue{transform:scale3d(1none,1none,1none)}.deliverable-list-item{color:#fff;background-color:var(--color-coffee-muted);margin:.25rem;padding:.25rem .5rem;font-size:1rem}.deliverable-list-item.small{font-size:.8rem}.deliverable-list{width:100%;max-width:900px}.myhistory-section-wrap{flex-direction:column;height:auto;padding-top:25vw}.myhistory-section-wrap.myhistory-top{justify-content:center;min-height:auto;padding-bottom:0}.myhistory-section-wrap.myhistory-bottom{justify-content:center;min-height:auto;padding-top:0}.myhistory-section-container{width:auto;height:auto;min-height:auto;position:static}.myhistory-card-container{width:100%;min-width:auto;max-width:1000px}.myhistory-card-content{background-color:var(--color-ink);border-radius:0;padding:0}.myhistory-year{font-size:7vw}.myhistory-line{margin-top:5vw;margin-bottom:5vw}.centre-line{display:none}.loop-year{align-items:flex-start}.myhistory-image{border-radius:0%;width:100%;height:100vw;position:relative;top:auto;bottom:auto;right:auto;transform:none}.award-bg{display:none}.myhistory{overflow:hidden}.myhistory-image-caption-wrap{display:block;inset:auto auto 0% 0%}.video-section{padding-top:1rem;padding-bottom:1rem}}@media screen and (width<=479px){.footer-container{padding-top:40vw}.nav-text{font-size:1rem}.menu-button{min-height:18vw}.name-logo{padding-top:4vw;padding-bottom:3vw}.swiper-container-2{padding-top:3rem;padding-bottom:3rem}.swiper-slide{width:55vw;height:90vw;padding-left:.5rem;padding-right:.5rem}.swiper-slide.bg-gradient-blue{max-width:60vw;overflow:hidden}.project-text{font-size:5vw}.section-wrap.mob-centre{text-align:center;align-items:center}.section-wrap.myhistory-bottom{padding-top:3rem}.heading-l{font-size:1.6rem}.heading-l.swiper-title{font-size:1rem}.heading-xxl{font-size:2.9rem}.project-form-container{padding:6rem 1rem}.field-label{margin-bottom:10px;font-size:1.6rem}.form-input-container{margin-bottom:1rem}.project-form-close{top:6vw}.project-form-close-icon{margin-left:.5rem}.heading-m{font-size:1.2rem}.heading-m.small-text.centre-text{font-size:.8rem}.service-list-item.small{margin:.125rem;padding-top:.2rem;padding-bottom:.2rem}.project-container{border-radius:8px;margin-bottom:1rem;padding:1rem;overflow:hidden}.project-thumb{box-shadow:4px 4px 12px 1px #00043652}.heading-xl{font-size:2rem}.heading-xl.padding-right{padding-right:0}.heading-xxxl{font-size:5.2rem}.scrolling-text{font-size:22vw}.text-scroller-text-container.top{align-self:center}.text-scroller-text-container.middle{display:none}.text-scroller-text-container.bottom{align-self:center;left:auto}.project-image{width:450px}.project-text-container{padding-left:1rem;padding-right:1rem}.swiper-text{justify-content:flex-start;height:90px;margin-top:1rem;padding-right:0}.slider-controls-container{display:none}.project-v2-title-wrapper{padding-bottom:2rem}.project-v2-title{font-size:2rem}.award-circle-roundel{padding:.25rem;top:auto}.award-container{justify-content:center;width:120px;height:183px;padding-top:50px;padding-bottom:0}.award-container.bg-gradient-blue{border-width:6px;width:160px;height:210px;padding-bottom:2.4rem}.award-year-container{padding:.5rem}.award-type-container{padding-top:.25rem;padding-bottom:.25rem}.award-year-text{font-size:1.5rem}.award-awarder-text{font-size:.7rem}.award-large-text{font-size:1.6rem}.small-text{font-size:.55rem}.award-client-text{font-size:.7rem}.honourable{font-size:1.2rem}.project-v2-progress-bg{border-radius:30px}.hero-bg-image-container{width:270px;height:270px;top:-60px;right:1rem}.form-s{padding-bottom:0}.form-s-label{margin-bottom:1rem}.checkbox{width:160px}.form-button-wrap{padding-right:40px}.form-input-container-vw{margin-bottom:1rem}.form-s-field{height:50px;font-size:1.4rem}.project-v3-thumb{width:200px}.project-v3-thumb-wrap{right:1rem}.pagination{margin-bottom:120px}.home-hero-wrap{padding-bottom:70px}.home-hero-photo-container{width:70vw;height:60vw}.scroller-light{display:none}.switch{transform:scale(.5)}.switch-container{margin-top:1rem;margin-bottom:1rem}.switch-container.bg-colour-blue{margin-top:10%;margin-bottom:10%}.icon-container{border-radius:4vw}.icon-container-bg{border-radius:4vw;transform:translateZ(-16vw)}.mocksite-hero{margin-bottom:1vw}.brand-logo{width:60px;height:60px}.mock-switch-container{margin-top:1rem;margin-bottom:1rem}.mock-switch-container.bg-colour-blue{margin-top:10%;margin-bottom:10%}.deliverable-list-item.small{margin:.125rem;padding-top:.2rem;padding-bottom:.2rem}.myhistory-section-container{justify-content:center;align-items:flex-start}.myhistory-card-container{width:100%;min-width:auto}.myhistory-card-content{background-color:var(--color-ink);padding:0}.myhistory-year{font-size:10vw}}body:hover .cursor{opacity:1}.cursor{pointer-events:none;opacity:0}.cursor-wrapper,.page-load-animation,.noise-overlay,.project-v3-thumb,.project-v3-thumb-wrap{pointer-events:none}.project-v2-progress-container{backface-visibility:hidden;transform:translate(0,0)}button.nav-button,button.project-form-button,button.project-form-close,button.form-s-next,button.form-s-back,button.other-projects-button-container,button.swiper-button-prev,button.swiper-button-next,button.switch-label,button.mock-switch-container{cursor:pointer;text-align:inherit;-webkit-appearance:none;appearance:none;border:0;font-family:inherit}button.form-s-back,button.project-form-close,button.other-projects-button-container,button.switch-label{color:inherit;background:0 0;padding:0}button.swiper-button-prev,button.swiper-button-next{background:0 0}button.mock-switch-container{padding:0}.overlay-nav-text-menu,.overlay-nav-text-close,.overlay-nav-text{display:block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.prevent-scroll{overflow:hidden}@media (hover:none),(pointer:coarse){.cursor-wrapper{display:none}}html:not(.js) .page-load-animation{display:none}@media (prefers-reduced-motion:reduce){.page-load-animation{display:none!important}.cursor-wrapper{display:none}html{scroll-behavior:auto}}h2.heading-xxl,h2.heading-m,h3.swiper-title{margin-top:0;margin-bottom:0}:where(.form-s-label>span){margin-bottom:5px;font-weight:700;display:block}.work-hover-frame{z-index:6;pointer-events:none;visibility:hidden;width:30vw;height:30vw;position:absolute;top:0;left:0;overflow:hidden}.work-hover-img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}@media (width>=992px){.project-v3-thumb-wrap{display:none}}@media (width<=991px){.work-hover-frame{display:none}}@media (width>=992px){.project-v3-wrapper,.project-v3-wrapper:hover{z-index:auto}.project-v3-container{z-index:5}.project-v3-wrapper:hover .project-v3-container,.project-v3-wrapper:focus-visible .project-v3-container{z-index:8}}html.fonts-loading .page-wrapper{visibility:hidden}html.fonts-loading .page-load-animation{visibility:visible}.device-container.video>.device-image{aspect-ratio:1440/994}.scroller-light[data-text]:before{content:attr(data-text)}