@import url("https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed");:root{--colour-primary:#edeae5;--colour-secondary:#003135;--colour-accent:#10a4b0;--colour-text:#111;--font-typeface:"Roboto",sans-serif}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#site-wrapper{margin:0 auto;overflow:hidden}#site-wrapper.with-banner{padding-top:230px}@media (min-width:420px){#site-wrapper.with-banner{padding-top:290px}}.main-wrapper{color:#111;padding:0 0 300px;position:relative;z-index:2}.main-wrapper:before{background:var(--colour-primary);content:"";display:block;height:100%;position:absolute;top:-10px;transform:skewY(3deg);width:100%}.js .main-wrapper:before{transform:none}.js.banner-anime .main-wrapper:before,.js.banner-anime-complete .main-wrapper:before{transform:skewY(3deg)}.js.banner-anime .main-wrapper:before{transition:transform .5s linear}.main{margin:0 auto;min-width:300px;position:relative}@media (min-width:480px){.main{padding-top:10px}}@media (min-width:760px){.main{padding-top:20px}}@media (min-width:1420px){.main{padding-top:20px}}.main a,.main h2{color:var(--colour-secondary)}.section .container{margin:0 auto;max-width:2400px;padding:20px}@media (min-width:760px){.section .container{padding:20px 30px}}@media (min-width:1200px){.section .container{padding:20px 40px 40px}}.text-columns{gap:40px;margin:0 auto;max-width:1530px}.text-columns p{text-align:justify}@media (min-width:760px){.text-columns{-moz-column-count:2;column-count:2}.text-columns p{padding-bottom:26px}}@media (min-width:1200px){.text-columns{-moz-column-count:3;column-count:3;padding-top:10px}}@media (min-width:1600px){.text-columns{padding-top:20px}}.hide{display:none}@media (min-width:480px){.w480-hide{display:none}}@media (min-width:680px){.w680-show{display:block}}@media (min-width:1600px){.w1600-show{display:block}}h1,h2,h3{font-family:var(--font-typeface);font-size:5em;margin:0 0 20px;text-transform:uppercase}h1,h2,h3{display:inline-block}h2{color:var(--colour-text);font-size:1.5em;margin:20px 0 40px;position:relative}h2:after,h2:before{background:var(--colour-text);content:"";display:block;height:100%;position:absolute;top:0;width:2px}h2:before{left:-10px}h2:after{right:-10px}@media (min-width:1200px){h2{margin:40px 0}}.h3,h3{font-size:1.25em}p{font-size:1em;line-height:1.825em;padding-bottom:20px;text-align:left}a{color:var(--colour-accent);cursor:pointer;text-decoration:none}.no-wrap{white-space:nowrap}.center{text-align:center}.banner{background:var(--colour-secondary);left:0;padding:20px 0 400px;position:fixed;top:0;width:100%;z-index:1}.banner .logo{display:inline-block;height:140px;margin-bottom:10px;width:140px}.banner .logo-text{display:block;height:70px;margin:0 auto;width:308px}.banner .logo-text h1{color:var(--colour-primary);display:none;font-family:var(--font-typeface);font-size:2.5em;line-height:1em;margin:0 0 10px;padding:0;text-transform:uppercase;white-space:nowrap}.banner .menu{margin-top:-1px}.banner .menu li{display:inline-block}.banner .menu li a{color:var(--colour-accent);display:block;font-size:14px;font-weight:700;padding:0 5px;position:relative;text-decoration:none;text-transform:uppercase}.banner .menu li a span{position:relative;z-index:2}.banner .menu li a:after,.banner .menu li a:before{background:var(--colour-primary);content:"";height:17px;position:absolute;top:-1px;transition:width .25s linear;width:2px;z-index:1}.banner .menu li a:before{left:-3px}.banner .menu li a:after{right:-3px}@media (hover:hover) and (pointer:fine){.banner .menu li a:hover{color:var(--colour-secondary)}.banner .menu li a:hover:after,.banner .menu li a:hover:before{width:calc(100% + 3px)}}.banner .menu li:first-child a:before,.banner .menu li:last-child a:after{display:none}@media (min-width:420px){.banner .menu{margin-top:-4px}.banner .logo-text h1{display:block}}@media (min-width:760px){.banner{padding-top:40px}.banner .logo{height:180px;margin:0;width:180px}.banner .logo,.banner .logo-text{display:inline-block;vertical-align:middle}.banner .logo-text{margin-left:20px;text-align:left;width:370px}.banner .logo-text h1{font-size:3em;margin:0 0 5px}.banner .menu{float:right;margin-top:-1px}}.js .banner .logo-text{overflow:hidden;width:0}@media (min-width:760px){.js .banner .logo-text{margin-left:0}}.js .banner .logo-text h1{overflow:hidden;width:0}.js .banner .menu li{opacity:0}.js .banner .menu li span{display:inline-block;height:0;overflow:hidden;vertical-align:top}.js.banner-anime .banner .logo-text,.js.banner-anime-complete .banner .logo-text{width:308px}@media (min-width:760px){.js.banner-anime .banner .logo-text,.js.banner-anime-complete .banner .logo-text{margin-left:20px;width:370px}}.js.banner-anime .banner .logo-text h1,.js.banner-anime-complete .banner .logo-text h1{width:100%}.js.banner-anime .banner .menu li,.js.banner-anime-complete .banner .menu li{opacity:1}.js.banner-anime .banner .menu li span,.js.banner-anime-complete .banner .menu li span{height:14px}.js.banner-anime .banner .logo-text{transition:width .5s linear,margin .5s linear;transition-delay:.5s}.js.banner-anime .banner .logo-text h1{transition:width .5s linear;transition-delay:1s}.js.banner-anime .banner .menu li{transition:opacity .25s linear;transition-delay:1s}.js.banner-anime .banner .menu li:first-child span{transition-delay:1.7s}.js.banner-anime .banner .menu li:nth-child(2) span{transition-delay:1.9s}.js.banner-anime .banner .menu li:nth-child(3) span{transition-delay:2.1s}.js.banner-anime .banner .menu li span{transition:height .25s linear}#footer{background:var(--colour-secondary);margin-top:-300px;padding:10px 0;position:relative;z-index:2}#footer h2,#footer p{color:var(--colour-primary);font-family:var(--font-typeface);font-size:.875em;line-height:1.3571428571em;margin:0;padding:0;text-align:center;text-transform:uppercase}#footer h2:after,#footer h2:before{display:none}#footer a{color:var(--colour-accent);transition:color .25s linear}#footer a:hover{color:var(--colour-secondary)}.section-clients{background:#e1ded9;box-shadow:inset 0 0 5px 2px rgba(30,30,30,.1)}@media (min-width:1600px){.section-clients{height:305px}}.clients-wrapper{position:relative}@media (min-width:1600px){.clients-wrapper{height:120px;margin-left:-370px;overflow:hidden;width:3060px}.clients-wrapper:after,.clients-wrapper:before{content:"";height:120px;position:absolute;top:0;width:60px;z-index:2}.clients-wrapper:before{background:linear-gradient(90deg,#e1ded9,hsla(38,12%,87%,0));left:0}.clients-wrapper:after{background:linear-gradient(270deg,#e1ded9,hsla(38,12%,87%,0));right:0}}.clients{-moz-column-count:3;column-count:3;gap:20px}@media (min-width:480px){.clients{-moz-column-count:4;column-count:4}}@media (min-width:680px){.clients{-moz-column-count:6;column-count:6}}@media (min-width:960px){.clients{-moz-column-count:9;column-count:9}}@media (min-width:1600px){.clients{animation:autoScroll 60s linear infinite;-moz-column-count:44;column-count:44;left:0;position:absolute;transform:translateX(10px);width:6120px}}.clients li{margin-bottom:20px}.clients li.scroll-copy{display:none}@media (min-width:1600px){.clients li.scroll-copy{display:block}}.clients li img{border-radius:10px;box-shadow:0 0 5px 2px rgba(30,30,30,.2);display:block;transition:opacity .5s linear,scale .5s linear}@keyframes autoScroll{0%,to{transform:translateX(10px)}99.99999%{transform:translateX(-3060px)}}.js .clients li img{opacity:0;scale:.2}.js.clients-visible .clients li:first-child img{transition-delay:.1s}.js.clients-visible .clients li:nth-child(2) img{transition-delay:.2s}.js.clients-visible .clients li:nth-child(3) img{transition-delay:.3s}.js.clients-visible .clients li:nth-child(4) img{transition-delay:.4s}.js.clients-visible .clients li:nth-child(5) img{transition-delay:.5s}.js.clients-visible .clients li:nth-child(6) img{transition-delay:.6s}.js.clients-visible .clients li:nth-child(7) img{transition-delay:.7s}.js.clients-visible .clients li:nth-child(8) img{transition-delay:.8s}.js.clients-visible .clients li:nth-child(9) img{transition-delay:.9s}.js.clients-visible .clients li:nth-child(10) img{transition-delay:1s}.js.clients-visible .clients li:nth-child(11) img{transition-delay:1.1s}.js.clients-visible .clients li:nth-child(12) img{transition-delay:1.2s}.js.clients-visible .clients li:nth-child(13) img{transition-delay:1.3s}.js.clients-visible .clients li:nth-child(14) img{transition-delay:1.4s}.js.clients-visible .clients li:nth-child(15) img{transition-delay:1.5s}.js.clients-visible .clients li:nth-child(16) img{transition-delay:1.6s}.js.clients-visible .clients li:nth-child(17) img{transition-delay:1.7s}.js.clients-visible .clients li:nth-child(18) img{transition-delay:1.8s}.js.clients-visible .clients li:nth-child(19) img{transition-delay:1.9s}.js.clients-visible .clients li:nth-child(20) img{transition-delay:2s}.js.clients-visible .clients li:nth-child(21) img{transition-delay:2.1s}.js.clients-visible .clients li:nth-child(22) img{transition-delay:2.2s}.js.clients-visible .clients li img{opacity:1;scale:1}.experiments-key{margin:0 auto 10px;max-width:480px}.experiments-key li{display:inline-block;padding:0 5px 10px}.experiments-key li span{background:var(--colour-secondary);border-radius:3px;color:var(--colour-primary);display:inline-block;font-weight:700;margin-right:2px;min-width:20px;padding:2px 5px;text-transform:uppercase}@media (min-width:760px){.experiments-key{max-width:700px}}@media (min-width:920px){.experiments-key{max-width:none}}@media (min-width:980px){.experiments-key li{padding:0 10px 10px}}.experiments{margin:0 auto;max-width:300px}.experiments li{display:inline-block;margin:0 10px 20px;transition:opacity .5s linear,scale .5s linear;width:100%}.experiments li a{aspect-ratio:1.8;background-image:var(--bg-image);background-size:100%;border-radius:10px;box-shadow:0 0 5px 2px rgba(30,30,30,.2);color:#fff;display:grid;overflow:hidden;padding:10px;place-content:center;position:relative;width:100%}.experiments li a:after{background:rgba(0,0,0,.8);content:"";display:block;height:100%;left:-100%;position:absolute;top:0;transition:left .25s linear;width:100%}.experiments li a .title{display:block;font-weight:700;line-height:1.25em;opacity:0;text-transform:uppercase;transition:opacity .25s linear;z-index:2}.experiments li a .exp-types{background:var(--colour-secondary);border-radius:10px 0 0 0;bottom:0;color:var(--colour-primary);font-weight:700;letter-spacing:6px;min-width:36px;padding:8px 4px 8px 10px;position:absolute;right:0;text-transform:uppercase}@media (hover:hover) and (pointer:fine){.experiments li a:focus:after,.experiments li a:hover:after{left:0}.experiments li a:focus span,.experiments li a:hover span{opacity:1;transition-delay:.1s}}@media (min-width:520px){.experiments{max-width:600px}.experiments li{float:left;width:calc(50% - 20px)}}@media (min-width:760px){.experiments{max-width:900px}.experiments li{width:calc(33.33333% - 20px)}}@media (min-width:980px){.experiments{margin-top:5px;max-width:930px}.experiments li{margin:10px 15px 20px;width:calc(33.33333% - 30px)}}@media (min-width:1380px){.experiments{max-width:1550px}.experiments li{width:calc(20% - 30px)}}@media (min-width:1920px){.experiments{max-width:1860px}.experiments li{width:calc(16.666% - 30px)}}@media (min-width:2300px){.experiments{max-width:2180px}.experiments li{width:calc(14.2% - 30px)}}.js .experiments li{opacity:0;scale:.2}.js.lab-visible .experiments li{opacity:1;scale:1}.js.lab-visible .experiments li:first-child{transition-delay:.2s}.js.lab-visible .experiments li:nth-child(2){transition-delay:.4s}.js.lab-visible .experiments li:nth-child(3){transition-delay:.6s}.js.lab-visible .experiments li:nth-child(4){transition-delay:.8s}.js.lab-visible .experiments li:nth-child(5){transition-delay:1s}.js.lab-visible .experiments li:nth-child(6){transition-delay:1.2s}.js.lab-visible .experiments li:nth-child(7){transition-delay:1.4s}.js.lab-visible .experiments li:nth-child(8){transition-delay:1.6s}.js.lab-visible .experiments li:nth-child(9){transition-delay:1.8s}.js.lab-visible .experiments li:nth-child(10){transition-delay:2s}.js.lab-visible .experiments li:nth-child(11){transition-delay:2.2s}.js.lab-visible .experiments li:nth-child(12){transition-delay:2.4s}.js.lab-visible .experiments li:nth-child(13){transition-delay:2.6s}.js.lab-visible .experiments li:nth-child(14){transition-delay:2.8s}.js.lab-visible .experiments li:nth-child(15){transition-delay:3s}.js.lab-visible .experiments li:nth-child(16){transition-delay:3.2s}.js.lab-visible .experiments li:nth-child(17){transition-delay:3.4s}.js.lab-visible .experiments li:nth-child(18){transition-delay:3.6s}.js.lab-visible .experiments li:nth-child(19){transition-delay:3.8s}.js.lab-visible .experiments li:nth-child(20){transition-delay:4s}.js.lab-visible .experiments li:nth-child(21){transition-delay:4.2s}.js.lab-visible .experiments li:nth-child(22){transition-delay:4.4s}body,html{height:100%;margin:0;padding:0}body{background:var(--colour-primary);color:var(--colour-text);font-family:var(--font-typeface);text-align:center}img{max-width:100%}.clear{clear:both}.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.lt-ie9 footer,.lt-ie9 header,.lt-ie9 section{margin:0 auto;width:100%}