html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body{font-family:Helvetica,Arial,sans-serif;font-weight:200}h2{font-weight:500;margin-bottom:100px;font-size:20px}h3{margin:0;font-size:16px}h3 a{margin:0;font-size:16px;text-decoration:none}h4{font-size:12px}a{margin-top:10px;display:inline-block;font-size:14px;text-decoration:underline}a:hover{text-decoration:none}span.bold{font-weight:bold}#nav{width:100%;height:auto;position:relative;left:0;right:0;width:100%;height:100px}nav{margin:0 auto 0 auto;padding:40px 0 0 0}nav ul{margin:0 auto;text-align:center;padding:0}nav ul li{display:inline-block;padding:0 10px;margin:0}nav ul li a{color:#fff;text-decoration:none;font-size:13px;font-weight:200;padding:5px 10px}nav ul li a:hover{text-decoration:underline}nav ul li a.active{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}video{outline:none}.black-background{position:relative;background:#000;color:#fff}.black-background a{color:#fff}.black-background nav ul li a.active{background:#fff;color:#000}.black-background .content-wrapper{margin:0 auto;padding:100px 0}.white-background{background:#fff;color:#000}.white-background a{color:#000}.white-background nav ul li a.active{background:#000;color:#fff}#home-button{position:relative;padding:50px 0 0 0}#home-button a{text-align:center;margin:0 auto;display:block}.content-wrapper{width:70%;margin:100px auto}footer{padding:0 0!important;font-size:12px;text-align:left}footer p{font-size:12px;line-height:22px}footer.black-background,footer.white-background{position:relative}footer.black-background .content-wrapper,footer.white-background .content-wrapper{padding:0 0;position:relative}footer.black-background #footer-logo,footer.white-background #footer-logo{position:absolute;top:40%;left:50%;transform:translate(-50%,0);width:100px;height:auto;margin:0 auto}footer.black-background .content-wrapper{padding:5px 0;position:relative}footer.white-background #footer-logo{opacity:.5}footer p.tagline{font-size:12px}footer a{font-size:12px;margin:0}span.break{display:block}.vertical-centered{display:flex;align-items:center}.row{margin:80px 0}.row:after{content:"";display:table;clear:both}.row .column{float:left}.row .column.one{width:100%}.row .column.two{width:40%}.row .column.two:first-child{margin-right:10%}.row .column.three{width:33.333%}.row .column.four{width:23%}.row .column.four:first-child{margin-right:8%}.row .column.two-thirds{width:65%;margin-right:10%}.row .column.one-third{width:25%}a.see-all-projects{text-align:left;display:block;width:100%;font-size:14px;margin-top:20px}a.see-all-projects:hover{text-decoration:none}.home-page .white-background p.description{color:#000}.home-page p.date{margin:0;font-size:12px;margin-bottom:10px}.home-page p.project-name{color:#888;font-style:italic;font-size:14px;margin:0}.home-page p.description{font-size:14px;line-height:25px;margin:20px 0 20px 0;font-weight:200;color:#cdcdcd}.home-page p a.p-tag{font-size:20px;margin:0}.home-page h3 a{font-size:16px}.home-page #intro{padding:100px 0 50px 0}.home-page #intro img#logo{margin:0 auto 0 auto;position:relative;display:block;width:55%;height:auto}.home-page #intro h1{text-align:center;margin:0;font-size:15px;font-weight:200}.home-page #intro h1.centered{text-align:center}.home-page #intro .intro-copy{width:85%;margin:25px auto 0 auto}.home-page #intro .intro-copy p{font-size:18px;line-height:30px;margin:0 0 20px 0;font-weight:200;text-align:center}.home-page #latest-project h2{margin-bottom:50px}.home-page #latest-project .row{margin:0}.home-page #latest-project .project-image{position:relative}.home-page #latest-project .project-image img{width:100%;margin:0 auto;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:relative;display:block}.home-page #latest-project .project-image img:hover{opacity:.9}.home-page .video-wrapper{padding:3%}.home-page .video-wrapper video{position:relative;width:100%;margin:0}.home-page .video-wrapper video::-webkit-media-controls-mute-button{display:none}.home-page .video-wrapper video::-webkit-media-controls-panel{background:none}.home-page .video-wrapper video::-internal-media-controls-download-button{display:none}.home-page .the-team p{font-size:20px}.home-page .the-team p.grey{color:#7a7a7a;font-size:14px;line-height:22px}.home-page .the-team ul{margin:0;padding:0;list-style-type:none;font-size:15px;line-height:25px}.home-page .the-team ul li{margin:0;padding:0}.home-page .the-team h2{margin-bottom:40px}.home-page .the-team h4{font-size:14px;margin-top:0}.home-page .the-team .one-third{margin-right:5%}.home-page .the-team .two-thirds{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:0;padding-left:5%;border-left:1px solid #626262}.job-description .main-content .intro{margin-bottom:100px}.job-description .main-content p{font-size:20px}.job-description .main-content p.grey{color:#7a7a7a;font-size:14px;line-height:22px}.job-description .main-content p a{font-size:20px}.job-description .main-content ul{margin:0 0 0 50px;padding:0;list-style-type:circle;font-size:15px;line-height:25px;width:70%}.job-description .main-content ul li{margin:0 0 5px 0;padding:0}.job-description .main-content h2{margin-bottom:40px}.job-description .main-content h3{margin:40px 0 20px 0}.job-description .main-content h4{font-size:14px;margin-top:0}.job-description .main-content .one-third{margin-right:5%}.job-description .main-content .two-thirds{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:0;padding-left:5%;border-left:1px solid #626262}.the-work-page p.date{margin:0;font-size:12px;margin-bottom:10px}.the-work-page p.project-name{color:#888;font-style:italic;font-size:14px;margin:0}.the-work-page p.description{font-size:14px;line-height:25px;margin:20px 0 20px 0;font-weight:200;color:#cdcdcd}.the-work-page h3 a{font-size:16px}.the-work-page #intro{padding:100px 0 50px 0}.the-work-page #intro h1{margin:0;font-size:2em}.the-work-page #intro h1.centered{text-align:center}.the-work-page #intro h2{text-align:center;margin:0}.the-work-page #intro .intro-copy{margin:50px auto}.the-work-page #intro .intro-copy p{text-align:center}.the-work-page #projects-wrapper .content-wrapper{padding:50px 0}.the-work-page #projects-wrapper .project-image{position:relative}.the-work-page #projects-wrapper .project-image img{width:80%;margin:0 auto;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:relative;display:block}.the-work-page #projects-wrapper .project-image img:hover{opacity:.9}#home-button-plus-client{position:relative;padding:50px 0 0 0}#home-button-plus-client p{text-align:center;margin:0 auto;display:block}#home-button-plus-client p span.x{font-size:12px;margin:0 25px;font-weight:bold}#home-button-plus-client p span.client{font-size:15px;font-weight:600;text-transform:uppercase}.project-page .main-content-wrapper{width:100%;padding:100px 0;margin:0 auto;max-width:1000px}.project-page .main-content-wrapper img{width:100%;margin:50px 0 50px 0}.project-page .main-content-wrapper video{position:relative;width:100%;margin:50px 0 50px 0;outline:none}.project-page .main-content-wrapper video::-webkit-media-controls-mute-button{display:none}.project-page .main-content-wrapper video::-webkit-media-controls-panel{background:none}.project-page .main-content-wrapper video::-internal-media-controls-download-button{display:none}.project-page .main-content-wrapper .podcast .two{width:48%;margin:0}.project-page .main-content-wrapper .podcast .two:first-child{margin-right:2%}.project-page iframe.podcast{width:50%}.project-page #intro{padding:50px 0}.project-page #intro .content-wrapper{max-width:900px}.project-page #intro .intro-copy h1{margin:0;text-align:center;font-weight:600;font-size:25px;text-align:left}.project-page #intro .intro-copy h2{text-align:center;margin:0 0 30px 0;text-align:center;font-weight:200;font-size:18px;text-align:left;font-style:italic}.project-page #intro .intro-copy h3{margin:40px 0 20px 0}.project-page #intro .intro-copy p{text-align:center;text-align:left;font-size:15px;line-height:25px}.project-page #intro .what-we-did{background:#f8f8f8;padding:20px 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.project-page #intro .what-we-did p.title{font-weight:bold;font-size:20px;color:#000}.project-page #intro .what-we-did ul{margin:30px 0;padding:0;font-size:13px}.project-page #intro .what-we-did ul li{list-style:none;margin-bottom:10px;color:#acacac}.project-page #intro .what-we-did ul li.sub-title{font-weight:bold;color:#919191}.approach-page #intro{padding:100px 0 50px 0}.approach-page p.date{margin:0;font-size:12px;margin-bottom:10px}.approach-page p.project-name{color:#888;font-style:italic;font-size:16px;margin:0}.approach-page p.description{font-size:16px;line-height:25px;margin:20px 0 20px 0;font-weight:200;color: fff}.approach-page h3{font-size:22px;margin-bottom:20px}.approach-page h1{margin:0}.approach-page h1.centered{text-align:center}.approach-page h2{margin:0 0 50px 0;font-weight:700;font-size:25px}.approach-page .intro-copy{margin:50px auto}.approach-page .intro-copy p{text-align:center}.approach-page span.strikethrough{text-decoration:line-through;color:#777}.approach-page .principles{text-align:center}.approach-page .content-wrapper{position:relative}.approach-page .main-content ul{margin:0;padding:0;font-weight:500}.approach-page .main-content ul li{list-style:none;margin:0;padding:0;font-size:16px;margin-bottom:10px}.approach-page .main-content .row.two{background:green}.approach-page .main-content .z-index-wrapper{z-index:1;position:relative;width:50%}.approach-page .main-content video{width:55%;max-width:650px;position:absolute;top:20%;right:-5%;z-index:0}.mobile-block{display:none}@media only screen and (max-width:800px){.content-wrapper{width:85%}.home-page #intro{padding:0 0}.home-page h2{margin-bottom:0}.home-page a.see-all-projects{text-align:left}.home-page #latest-project .project-image{display:none}.home-page .video-wrapper{padding:2%}.job-description .main-content ul{width:85%}.the-work-page #intro{padding:0}.the-work-page #projects-wrapper .project-image{display:none}.approach-page .main-content .z-index-wrapper{width:100%}.approach-page .main-content video{display:none}.project-page #intro{padding:0}.project-page .what-we-did{display:none}.project-page .podcast .two{width:100%;margin:0}.project-page .main-content-wrapper{padding:50px 0}.project-page .main-content-wrapper video,.project-page .main-content-wrapper img{margin:20px 0}.the-work-page .row .column.two{width:100%}.the-work-page .row .column.two:first-child{margin-right:0}#latest-project,.projects-page,.project-page,.the-team,footer{padding:50px 0 25px 0}#latest-project .row,.projects-page .row,.project-page .row,.the-team .row,footer .row{margin:0}#latest-project .row .column.two,.projects-page .row .column.two,.project-page .row .column.two,.the-team .row .column.two,footer .row .column.two{width:100%;margin:40px 0}#latest-project .row .column.three,.projects-page .row .column.three,.project-page .row .column.three,.the-team .row .column.three,footer .row .column.three{width:100%;margin:0}#latest-project .row .column.four,.projects-page .row .column.four,.project-page .row .column.four,.the-team .row .column.four,footer .row .column.four{width:100%;margin:0}#latest-project .row .column.two-thirds,.projects-page .row .column.two-thirds,.project-page .row .column.two-thirds,.the-team .row .column.two-thirds,footer .row .column.two-thirds{width:100%;margin-right:0%;border:0;padding:0;margin:40px 0}#latest-project .row .column.one-third,.projects-page .row .column.one-third,.project-page .row .column.one-third,.the-team .row .column.one-third,footer .row .column.one-third{width:100%;margin:40px 0}.mobile-block{display:block;position:relative;width:100%;height:0;padding-bottom:100%}.mobile-image{display:block;position:absolute;object-fit:contain;top:0;width:100%;height:100%}}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}