<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]>         <html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
	<head data-no-instant>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>The Future Forward is a web design & creative agency in NYC.</title>
		<meta name="description" content="We help brands achieve greater influence by aligning strategy, design, and technology.">
		<meta name="robots" content="index,follow">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="format-detection" content="telephone=no">
                <meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@thefutureFWD">
<meta name="twitter:creator" content="@thefutureFWD">
<meta name="twitter:title" content="The Future Forward is a web design & creative agency in NYC.">
<meta name="twitter:description" content="We help brands achieve greater influence by aligning strategy, design, and technology.">
<meta name="twitter:image" content="https://thefutureforward.com/img/square-home-images/best_architecture_firm_websites.jpg">
                <meta property="og:image" content="https://thefutureforward.com/img/square-home-images/best_architecture_firm_websites.jpg"/>
		<base href="https://thefutureforward.com/">
		<link rel="shortcut icon" href="https://thefutureforward.com/img/favicon.png" type="image/x-icon">
		<link rel="apple-touch-icon" sizes="57x57" href="https://thefutureforward.com/img/apple-icon-57x57.png" />
		<link rel="apple-touch-icon" sizes="72x72" href="https://thefutureforward.com/img/apple-icon-72x72.png" />
		<link rel="apple-touch-icon" sizes="114x114" href="https://thefutureforward.com/img/apple-icon-114x114.png" />
		<link rel="apple-touch-icon" sizes="144x144" href="https://thefutureforward.com/img/apple-icon-144x144.png" />
		<style>
                .h2 hr,img,legend{border:0}body,ol,ul{margin:0}body,legend,td,th{padding:0}.h2 .fa-ul,.v3 .fa-ul,.v3 .project .recognition ul li{list-style-type:none;line-height:1.7}.h2 .text-logo svg,.h2 .text-logo-copy svg,.v3 .text-logo svg,.v3 .text-logo-copy svg{fill:#fff}.v3 .flex-container a:hover,.v3 .flex-slider a:hover,a:active,a:hover{outline:0}.h2 .fa,.v3 .fa{text-rendering:auto;-moz-osx-font-smoothing:grayscale}.h2 textarea,.v3 textarea{resize:vertical}.h2 .home #home-image h1,.v3 .studio #studio-image{-webkit-touch-callout:none;-khtml-user-select:none}.h2 h2,.h2 h3,.v3 h2,.v3 h3{page-break-after:avoid}@font-face{font-family:'Publico Banner Medium';src:url(assets/fonts/PublicoBanner-Medium-Web.eot);src:url(assets/fonts/PublicoBanner-Medium-Web.eot?#iefix) format("embedded-opentype"), url(assets/fonts/PublicoBanner-Medium-Web.woff) format("woff"), url(assets/fonts/PublicoBanner-Medium-Web.ttf) format("truetype"), url('assets/fonts/PublicoBanner-Medium-Web.svg#Publico Banner Web') format("svg");font-weight:500;font-style:normal;font-stretch:normal}@font-face{font-family:'Post Grotesk';src:url(assets/fonts/PostGrotesk-Light.eot);src:url(assets/fonts/PostGrotesk-Light.eot?#iefix) format("embedded-opentype"), url(assets/fonts/PostGrotesk-Light.woff) format("woff"), url(assets/fonts/PostGrotesk-Light.svg#PostGrotesk-Light) format("svg");font-weight:300;font-style:normal;font-stretch:normal}@font-face{font-family:'Post Grotesk';src:url(assets/fonts/PostGrotesk-Bold.eot);src:url(assets/fonts/PostGrotesk-Bold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/PostGrotesk-Bold.woff) format("woff"), url(assets/fonts/PostGrotesk-Bold.svg#PostGrotesk-Bold) format("svg");font-weight:700;font-style:normal;font-stretch:normal}@font-face{font-family:FontAwesome;src:url(assets/fonts/fontawesome-webfont.eot?v=4.3.0);src:url(assets/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"), url(assets/fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"), url(assets/fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"), url(assets/fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"), url(assets/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}@-webkit-keyframes "spin"{100%{-webkit-transform:rotate(360deg);}}@-moz-keyframes "spin"{100%{-moz-transform:rotate(360deg);}}@keyframes "spin"{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@-webkit-keyframes "done"{100%{-webkit-transform:rotate(180deg);}}@-moz-keyframes "done"{100%{-moz-transform:rotate(180deg);}}@keyframes "done"{100%{-webkit-transform:rotate(180deg);transform:rotate(180deg);}}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=submit],input[type=reset]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}.h2 #menu,.h2 .home .arrow-down .fa:hover{cursor:pointer}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}.h2 .table,body,html{width:100%;height:100%}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}*,.v3 *,.v3:after,.v3:before,:after,:before{-webkit-text-size-adjust:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}*,:after,:before{-webkit-margin-before:0;-webkit-margin-end:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-padding-before:0;-webkit-padding-end:0;-webkit-padding-after:0;-webkit-padding-start:0;box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased}body,html{min-height:100%}button,html,input,select,textarea{font-family:"Post Grotesk", Helvetica, Arial, sans-serif}ol,ul{list-style:none;padding-left:0}.h2 .table{display:table}.h2 .table .table-row{display:table-row}.h2 .table .table-cell{text-align:center;display:table-cell;vertical-align:middle}.h2 .fancy{text-align:center}.h2 .fancy a,.h2 .fancy span{display:inline-block;position:relative}.h2 #stoplogo,.h2 .mobile{display:none}.h2 .fancy a:after,.h2 .fancy a:before,.h2 .fancy span:after,.h2 .fancy span:before{top:15px;height:5px;content:"";width:600px;position:absolute;border-top:1px solid #000}.h2 #main-wrapper,.h2 .fa-ul>li{position:relative}.h2 .fancy a:before,.h2 .fancy span:before{right:100%;margin-right:15px}.h2 .fancy a:after,.h2 .fancy span:after{left:100%;margin-left:15px}.h2 #main-wrapper{background:#fff;width:100%;min-height:100%;margin:0 0 -136px;max-width:1200px;padding-top:108px}.h2 .push{height:136px}.h2 html{color:#fff;font-size:1em;line-height:1.4}.h2::-moz-selection{background:#b3d4fc;text-shadow:none}.h2::selection{background:#b3d4fc;text-shadow:none}.h2 hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0;padding:0}.h2 audio,.h2 canvas,.h2 img,.h2 svg,.h2 video{vertical-align:middle}.h2 fieldset{border:0;margin:0;padding:0}.h2 .browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.h2 .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;-webkit-font-smoothing:antialiased;transform:translate(0, 0)}.h2 .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.h2 .fa-2x{font-size:2em}.h2 .fa-3x{font-size:3em}.h2 .fa-4x{font-size:4em}.h2 .fa-5x{font-size:5em}.h2 .fa-fw{width:1.28571429em;text-align:center}.h2 .fa-ul{padding-left:0;margin-left:2.14285714em}.h2 .fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.h2 .fa-li.fa-lg{left:-1.85714286em}.h2 .fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.h2 .pull-right{float:right}.h2 .pull-left{float:left}.h2 .fa.pull-left{margin-right:.3em}.h2 .fa.pull-right{margin-left:.3em}.h2 .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.h2 .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}.h2 .fa-rotate-90{filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.h2 .fa-rotate-180{filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.h2 .fa-rotate-270{filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.h2 .fa-flip-horizontal{filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.h2 .fa-flip-vertical{filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}.h2 #site-header,.h2 .logo-header{-webkit-backface-visibility:hidden;-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0)}.h2:root .fa-flip-horizontal,.h2:root .fa-flip-vertical,.h2:root .fa-rotate-180,.h2:root .fa-rotate-270,.h2:root .fa-rotate-90{filter:none}.h2 .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.h2 .fa-stack-1x,.h2 .fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.h2 .logo,.h2 .logo-header h1.logo a,.h2 .text-logo,.h2 .text-logo+.wrapper{position:relative}.h2 .fa-stack-1x{line-height:inherit}.h2 .fa-stack-2x{font-size:2em}.h2 .fa-inverse{color:#222}.h2 .fa-angle-down:before{content:"\f107"}.h2 .logo-header{z-index:99;top:0;left:40px;height:80px;-webkit-transition:top .2s ease-out;-moz-transition:top .2s ease-out;-ms-transition:top .2s ease-out;transition:top .2s ease-out;-webkit-transform:translateZ(0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);background:#fff;width:165px}.h2 .text-logo+.wrapper.drop,.v3 .clone-logo-header,.v3 .logo-header{-webkit-transition:top .2s ease-out;-moz-transition:top .2s ease-out;-ms-transition:top .2s ease-out}.h2 #site-header,.v3 #site-header{-webkit-transform:translate3d(0, 0, 0)}.h2 .logo-header h1{float:left;margin:20px 0 0;font-size:1px}.h2 .logo-header h1.logo{line-height:40px;height:40px}.h2 .logo-header h1.logo a{height:40px;display:block}.h2 .logo-header h1.logo img{height:40px;width:30px;position:relative;top:0;left:0;display:block}.h2 .text-logo,.h2 .text-logo a{width:100px;height:24px;color:#222}.h2 #menu,.h2 .logo-header h1.logo span,.h2 .text-logo a span{display:none}.h2 .logo{left:0;top:0}.h2 .logo a{text-decoration:none}.h2 .text-logo{z-index:1;top:14px;margin:0 0 0 -4px;float:left;font-weight:500;word-spacing:0;font-size:1em;line-height:1;letter-spacing:.04em;font-family:"Publico Banner Medium", Garamond, "Times New Roman", serif}.h2 #main-navigation ul li a,.h2 .home #main-content{font-family:"Post Grotesk", Helvetica, Arial, sans-serif}.h2 .text-logo a{text-decoration:none;display:none;background:url(assets/img/halden-logo.svg);-webkit-background-size:100px 24px;background-size:100px 24px;margin-top:-1px}.h2 .text-logo.stick a{margin-top:0}.h2 .text-logo a img{width:155px;height:14px}.h2 .text-logo+.wrapper.drop{padding:0 40px;position:fixed;width:100%;z-index:4;max-width:1200px;top:0;left:0;transition:top .2s ease-out}.h2 #main-navigation ul li:after,.h2 #site-footer .footer-email:after{-webkit-transition:width .1s ease-out;-moz-transition:width .1s ease-out;-ms-transition:width .1s ease-out}.h2 #masthead{padding-top:61px}.h2 #site-header{z-index:9;top:0;padding-top:18px;width:100%;background:0 0;transform:translate3d(0, 0, 0);position:relative}.h2 #main-navigation,.h2 #site-header.stick{-webkit-transform:translateZ(0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden}.h2 #site-header.stick{position:fixed;top:0;left:0;padding:25px 40px;background:#fff;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:9}.h2 .drop #site-header{left:0;height:60px;padding:0 40px;background:#fff}.h2 .drop #site-header #main-navigation{margin-top:20px}.h2 #main-navigation ul,.h2 #site-header.stick #main-navigation ul{margin-top:7px}.h2 #menu{float:right;height:25px;width:25px;background:url(assets/img/menu.svg) no-repeat;background-size:25px 25px}.h2 #nav-filler{width:100%;height:60px;z-index:-1}.h2 #nav-filler.stick{height:84px}.h2 #main-navigation{display:block;position:relative;margin-left:-10px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.h2 #main-navigation ul{float:right;width:50%;padding-left:10px;line-height:16px;vertical-align:bottom}.h2 #main-navigation ul li{width:50%;padding-left:0;margin-top:0;display:inline-block;float:left;position:relative}.h2 #main-navigation ul li a{display:inline-block;font-weight:300;color:#222;font-size:18px;line-height:12px;text-decoration:none}.h2 #main-navigation ul li:after{content:"";width:0;display:block;background:#222;height:1px;margin-top:6px;transition:width .1s ease-out}.h2 #main-navigation ul li.active:after,.h2 #main-navigation ul li:hover:after{width:10px}.h2 .home #video-wrap{z-index:1}.h2 .home .videoBG video{min-width:100%}.h2 .home.skip-content{top:0 !important}.h2 .home .arrow-down{width:100%;position:absolute;bottom:30px;left:0;z-index:99;text-align:center;display:none}.h2 .home .arrow-down._hid{opacity:0}.h2 .home .arrow-down._show{opacity:1}.h2 .home .arrow-down .fa{font-size:1.5em;color:#fff}.h2 .heroimage-overlay{content:"";background:url(assets/img/block_overlay.png);width:100%;height:100%;position:fixed;top:0;z-index:999999}.h2 .home #home-image .table,.h2 .home #main-content{z-index:2;position:relative}.h2 .home #main-content{margin:0 auto;color:#222}.h2 #main-wrapper.home{top:100%;padding-top:0}.h2 #main-wrapper.home.project-category{top:inherit}.h2 .home #main-content h1,.h2 .home #main-content h3{font-weight:300}.h2 .home #main-content h1{font-size:19px;line-height:1.5;margin-bottom:0px;margin-top: -1px;}.h2 .home #content-wrapper{width:100%;background:#fff;padding:0 40px;position:relative;margin-top:-79px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.h2 .home #home-image{position:fixed;height:100%;width:100%;z-index:0;top:0;left:0}.h2 .home #home-image h1{color:#fff;font-size:5em;margin:0 auto;font-weight:500;letter-spacing:.008em;font-family:"Publico Banner Medium", Garamond, "Times New Roman", serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:890px}.h2 .journal #main-content,.h2 .project #main-content,.h2 .studio #main-content{font-family:"Post Grotesk", Helvetica, Arial, sans-serif}.h2 .home #main-content .one-quarter{float:left;width:23.66%}.h2 .home #main-content .project-wrapper{width:100%;float:inherit;opacity:0}.h2 .home #main-content .project-wrapper>.row:before{content:"";display:table;clear:both}.h2 .home #main-content .three-quarters{float:right;width:75%}.h2 .home #main-content .row:first-child{min-height:120px}.h2 .home #main-content .one-third{width:33.3%;padding-left:0}.h2 .home #main-content .one-third.center{margin-left:33.3%}.h2 .home #main-content .one-third.right{margin-left:66.6%}.h2 .home #main-content p{font-size:18px;line-height:1.7;margin-bottom:30px}.h2 .home #main-content .journal article,.h2 .home #main-content .projects .project{margin-top:10px;position:relative}.h2 .home #main-content .projects .project .disciplines h3,.h2 .home #main-content .projects .project .disciplines h4,.h2 .home #main-content .projects .project:first-child{margin-top:0}.h2 .home #main-content .projects .project .overlay{z-index:1;width:100%;height:100%;display:none;top:0;position:absolute;background-color: rgba(255,255,255, 0.1);padding-top:40px}.h2 .home #main-content .projects .project img{width:100%;height:auto;display:block;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear}.h2 .home #main-content .projects .project .project-name{z-index:2;position:relative;font-weight:300;font-size:18px;margin-bottom:5px}.h2 .home #main-content .projects .project .project-name a{font-weight:600;color:#222;text-decoration:none;letter-spacing:.02em}.h2 .home #main-content .projects .project .project-name.white a{color:#fff !important}.h2 .home #main-content .projects .project .disciplines{z-index:2;position:relative;font-size:18px}.h2 .home #main-content .projects .project .disciplines h3,.h2 .home #main-content .projects .project .disciplines h4,.h2 .home #main-content .projects .project .disciplines li{font-size:18px;font-weight:400;float:left}.h2 .home #main-content .projects .project .disciplines h3:before,.h2 .home #main-content .projects .project .disciplines h4:before,.h2 .home #main-content .projects .project .disciplines li:before{content:", "}.h2 .home #main-content .projects .project .disciplines h3:first-child:before,.h2 .home #main-content .projects .project .disciplines h4:first-child:before,.h2 .home #main-content .projects .project .disciplines li:first-child:before,.h2 .ir:before{content:""}.h2 .home #main-content .projects .project .disciplines h3 a,.h2 .home #main-content .projects .project .disciplines h4 a,.h2 .home #main-content .projects .project .disciplines li a{color:#222;letter-spacing:.07em;text-decoration:none}.h2 .home #main-content .projects .project .disciplines.white h4{color:#fff}.h2 .home #main-content .projects .project .clickable-overlay{width:100%;height:100%;top:0;right:0;position:absolute;padding-left:20px}.h2 .home #main-content .projects .project .clickable-overlay a{width:100%;height:100%;display:block}@media screen and (min-width: 768px){.h2 .no-touch .withvid .backstretch{display:none !important}}.h2 .project #main-content{margin:45px auto 0;color:#222}.h2 .project #main-content .desktop{display:block}.h2 .project #main-content .mobile{display:none}.h2 .project #main-content .one-quarter{float:left;width:23.66%}.h2 .project #main-content .three-quarters{float:right;width:76.34%;position:relative;z-index:1}.h2 .project #main-content .row:first-child{min-height:120px}.h2 .project #main-content .one-third{width:33.3%;padding-left:20px}.h2 .project #main-content .one-third.center{margin-left:33.3%}.h2 .project #main-content .one-third.right{margin-left:66.6%}.h2 .project #main-content .full,.h2 .project #main-content .half{padding-left:10px}.h2 .project #main-content .gallery{display:none;padding-left:10px}.h2 .project #main-content .gallery img{float:left;display:block;margin-top:10px}.h2 .project #main-content .gallery img.full{width:100%}.h2 .project #main-content .gallery img.half{width:50%}.h2 .project #main-content .gallery img.full:first-child{margin-top:0}.h2 .project #main-content p{font-size:.85em;line-height:1.7;word-spacing:.07em}.h2 .project #main-content .fixed-content{left:0;position:fixed;max-width:1200px;padding:0 40px}.h2 .project #main-content .project-details{display:none;padding-right:40px}.h2 .project #main-content .project-details .height-duplicate{top:0;font-size:1.875em;position:absolute;visibility:hidden !important}.h2 .hidden,.h2 .invisible{visibility:hidden}.h2 .project #main-content .project-details .height-duplicate p{font-size:1em;line-height:1.5}.h2 .project #main-content .project-name{display:none;font-weight:300;font-size:.85em;margin-bottom:24px}.h2 .project #main-content .content{display:none;position:relative}.h2 .project #main-content .content .short{display:none;position:absolute}.h2 .project #main-content .content a{color:#fff}.h2 .project #main-content .content a:hover{color:#bbb}.h2 .project #main-content .website{margin-top:32px;margin-bottom:20px}.h2 .project #main-content .website a{color:#222;text-decoration:none}.h2 .project #main-content .share-buttons p:first-child:hover,.h2 .project #main-content .website a:hover{color:#bbb}.h2 .project #main-content .share-buttons{padding:20px 0;margin-bottom:20px;border-top:1px solid #222;border-bottom:1px solid #222}.h2 .project #main-content .share-buttons p:first-child{cursor:pointer;line-height:1.7}.h2 .project #main-content .share-buttons ul{margin-top:20px;display:none}.h2 .project #main-content .share-buttons li{font-weight:300;font-size:.85em;line-height:1.7}.h2 .project #main-content .share-buttons li a{color:#222;text-decoration:none}.h2 .project #main-content .share-buttons li a:hover{color:#bbb}.h2 .project #main-content .sibling-name{font-size:.85em;font-weight:300;float:left}.h2 .project #main-content .dir-arrows{float:right}.h2 .project #main-content .dir-arrows a{width:10px;height:19px;display:inline-block;float:left;margin-left:25px}.h2 .project #main-content .dir-arrows a.prev{background:url(assets/img/sibling-prev.png) no-repeat;background-size:10px 19px}.h2 .project #main-content .dir-arrows a.next{background:url(assets/img/sibling-next.png) no-repeat;background-size:10px 19px}.h2 .project #main-content .dir-arrows a:first-child{margin-left:0}.h2 .project #main-content .on-top.moving{z-index:5;position:relative}.h2 .studio #main-content{display:none;margin:45px auto 0;color:#222}.h2 .studio #main-content .process .num,.h2 .studio #main-content h1,.h2 .studio #main-content h2{font-family:"Publico Banner Medium", Garamond, "Times New Roman", serif;letter-spacing:.04em}.h2 .studio #main-content a{color:#222}.h2 .studio #main-content a:hover{color:#bbb}.h2 .studio #main-content .three-quarters{float:right;width:76.34%}.h2 .studio #main-content .row:first-child{min-height:120px}.h2 .studio #main-content .one-third{width:33.3%;padding-left:20px}.h2 .studio #main-content .one-third.center{margin-left:33.3%}.h2 .studio #main-content .one-third.right{margin-left:66.6%}.h2 .studio #main-content .two-thirds{width:66.67%;margin-left:33.3%;padding-left:20px}.h2 .studio #main-content .full,.h2 .studio #main-content .half{padding-left:10px}.h2 .studio #main-content h1,.h2 .studio #main-content h2{font-weight:500;font-size:1em}.h2 .studio #main-content p{font-size:.85em;line-height:1.7}.h2 .studio #main-content .who-we-are,.h2 .studio #main-content .who-we-are p{padding-right:20px}.h2 .studio #main-content .who-we-are hr{margin:34px 0 36px}.h2 .studio #main-content .process h1{margin-top:0}.h2 .studio #main-content .process p{width:75%;padding-right:5px}.h2 .studio #main-content .process .num{padding:0;font-size:1em;color:#222;height:29px;width:29px;line-height:29px;display:block;text-align:center;border:1px solid #222;-webkit-border-radius:29px;-moz-border-radius:29px;-ms-border-radius:29px;border-radius:29px;-webkit-transition:background-color .5s ease-out;-moz-transition:background-color .5s ease-out;-ms-transition:background-color .5s ease-out;transition:background-color .5s ease-out}.h2 #site-footer,.h2 .studio #main-content .what-we-do .block h2{font-family:"Post Grotesk", Helvetica, Arial, sans-serif}.h2 .studio #main-content .process .num.active{color:#fff;background:#222}.h2 .studio #main-content .process .block{margin-bottom:35px}.h2 .studio #main-content .process .block h2{margin:1em 0}.h2 .studio #main-content .process hr{margin:34px 0 36px}.h2 .studio #main-content .what-we-do h1{margin-top:0;margin-bottom:10px}.h2 .studio #main-content .what-we-do .block{width:50%;float:left;font-size:.85em;margin-bottom:26px}.h2 .studio #main-content .what-we-do .block h2{font-weight:700}.h2 .studio #main-content .what-we-do .block ul li{margin-top:9px}.h2 .studio #main-content .what-we-do hr{margin:10px 0 36px}.h2 .studio #main-content .connect h1{margin-top:0}.h2 .studio #main-content .connect>p{width:75%;padding-right:45px}.h2 .studio #main-content .connect .block{width:50%;float:left}.h2 .studio #main-content .connect a{text-decoration:none;color:#222}.h2 .studio #main-content .connect a:hover{color:#bbb}.h2 .studio #main-content .connect .links,.h2 .studio #main-content .connect .locations{margin-top:34px}.h2 .studio #main-content .connect .locations h2{margin-bottom:10px}.h2 .studio #main-content .connect .locations .email{margin-top:10px}.h2 #site-footer{display:none;z-index:1;height:136px;color:#222;max-width:1200px;position:relative;font-size:18px;padding:80px 0 40px;word-spacing:.07em}.h2 .text-logo-copy,.v3 .text-logo{word-spacing:0;letter-spacing:.04em}.h2 #site-footer .one-quarter{float:left;width:25%}.h2 #site-footer .three-quarters{float:right;width:75%}.h2 #site-footer .one-third{float:left;width:33.3%;padding-left:0}.h2 #site-footer .one-third.center{margin-left:33.3%;padding-left:0}.h2 #site-footer .one-third.right{margin-left:66.6%}.h2 #site-footer p{font-size:18px}.h2 #site-footer p a{color:#222;text-decoration:none}.h2 .ir{background-color:transparent;border:0;overflow:hidden}.h2 .ir:before{display:block;width:0;height:150%}.h2 .hidden{display:none !important}.h2 .visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.h2 .visuallyhidden.focusable:active,.h2 .visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.h2 .clearfix:after,.h2 .clearfix:before{content:" ";display:table}.h2 .clearfix:after{clear:both}@media print{.h2 blockquote,.h2 img,.h2 pre,.h2 tr{page-break-inside:avoid}.h2 *{background:0 0 !important;box-shadow:none !important;color:#000 !important;text-shadow:none !important;-ms-filter:none !important;filter:none !important}.h2 a,.h2 a:visited{text-decoration:underline}.h2 a[href]:after{content:" (" attr(href) ")"}.h2 abbr[title]:after{content:" (" attr(title) ")"}.h2 .ir a:after,.h2 a[href^="javascript:"]:after,.h2 a[href^="#"]:after{content:""}.h2 blockquote,.h2 pre{border:1px solid #999}.h2 thead{display:table-header-group}.h2 img{max-width:100% !important}@page{.h2margin:.5cm}}.h2 h2,.h2 h3,.h2 p{orphans:3;widows:3}@media screen and (min-width: 1577px){.h2 .home .videoBG video{left:0 !important}}@media screen and (min-width: 1200px){.h2 #main-wrapper,.h2 .text-logo+.wrapper.drop{max-width:none}.h2 #site-footer{max-width:none;padding-right:0}}@media screen and (max-height: 800px){.h2 .logo-header,.h2 .project #main-content .fixed-content{position:absolute}}@media screen and (max-width: 1024px){.h2 .home .arrow-down,.h2 .studio .arrow-down{bottom:85px}.h2 .hashed #main-wrapper.home{top:0}.h2 .logo-header.stick{background:0 0}.h2 .logo-header.stick h1{margin-top:18px}.h2 .project #main-content .fixed-content{padding:0 25px}.h2 #site-footer{padding:80px 0 0}}@media only screen and (max-width: 1120px){.h2 #site-footer .three-quarters,.h2 #site-footer>.one-quarter{width:50%}}@media only screen and (max-width: 1024px){.h2 .logo-header{position:absolute}.h2 .logo-header.drop{position:fixed}.h2 #main-navigation{margin-left:0}.h2 #site-header.stick{height:80px;padding:25px 40px}.h2 #main-navigation ul{width:66.6%;padding-left:0}.h2 .home #main-content .three-quarters{width:100%}.h2 .home #main-content .projects .project img{padding-left:0}.h2 .project #main-content{margin:57px auto 0}.h2 .project #main-content .fixed-content{position:relative;width:66.6%;padding:0;margin-bottom:40px}.h2 .project #main-content .project-details{float:none;width:auto;padding-right:20px}.h2 .project #main-content .on-top{margin-left:-10px}.h2 .project #main-content .gallery{float:none;width:100%;padding-left:0}.h2 .project #main-content .sibling-name{display:none !important}.h2 .studio #main-content{margin:93px auto 0}.h2 .studio #main-content .three-quarters{width:100%;float:none}.h2 .studio #main-content .two-thirds{margin-left:0;width:100%;padding-left:0}.h2 .studio #main-content .connect,.h2 .studio #main-content .process,.h2 .studio #main-content .what-we-do,.h2 .studio #main-content .who-we-are{width:66.6%}.h2 #site-footer .three-quarters .one-third{width:100%}.h2 #site-footer .three-quarters .one-third.center{margin-left:0;padding-left:0}}@media screen and (max-width: 1023px){.h2 .home #main-content .projects .project .overlay .disciplines.white h4,h4.project-name.white strong, .h2 .home #main-content .projects .project .project-name.white a{color:#222 !important}}@media screen and (max-width: 1024px) and (min-width: 668px){.h2 .home .videoBG video,.h2 .studio .videoBG video{top:-30px !important}}@media screen and (min-width: 668px){.h2 .project #main-content .content{height:auto !important}.h2 .mobile{display:none !important}}@media screen and (max-width: 667px){.h2 #main-content p,.h2 #main-navigation ul li a{font-size:1.875em;line-height:1.5}.h2 .logo-header,.h2 .wordmark{top:inherit;position:relative}.h2 #main-navigation ul li,.h2 .home #main-content .projects .project .clickable-overlay,.h2 .home #main-content .projects .project img,.h2 .project #main-content .three-quarters img{padding-left:0}.h2 .drop{position:absolute}.h2 #main-wrapper{margin-bottom:-225px}.h2 .push{height:225px}.h2 .logo-header{float:left;height:90px}.h2 .logo-header h1{margin-top:30px}.h2 .logo-header h1.logo{height:60px;line-height:60px}.h2 .logo-header h1.logo img{height:60px;width:40px}.h2 .logo-header h1.logo a{height:60px;line-height:60px}.h2 .logo-header+.text-logo{margin-top:20px}.h2 .home .logo-header+.text-logo{display:none !important}.h2 #site-header{padding-top:30px;position:relative}.h2 #menu.mobile{margin:17px 0;display:block}.h2 #menu.mobile+.clearfix{height:60px;margin-bottom:75px}.h2 #nav-filler{display:none}.h2 #main-navigation{display:none;margin-top:0;margin-bottom:40px}.h2 #main-navigation ul{width:100%;float:none;line-height:60px}.h2 #main-navigation ul li:after{height:2px;margin-top:0}.h2 #main-navigation ul li.active:after,.h2 #main-navigation ul li:hover:after{width:25px}.h2 #main-content,.h2 .home #main-content,.h2 .project #main-content,.h2 .studio #main-content{margin-top:5px}.h2 .home .wordmark.mobile{font-size:1em;float:none;display:block;margin:46px 0 120px}.h2 .home #main-content .three-quarters{width:100%}.h2 .home #main-content .one-third{width:100%;margin:0;padding:0}.h2 .home #main-content .one-third.center{margin:0}.h2 .home #main-content .projects{margin:0 -25px}.h2 .home #main-content .projects .project:hover img{opacity:1}.h2 .home #main-content p{font-size:1.875em;line-height:1.5}.h2 .project #main-content .fixed-content{position:relative;top:inherit;padding:0;width:100%}.h2 .project #main-content .three-quarters{width:100%;float:none;padding-left:0}.h2 .project #main-content .desktop{display:none}.h2 .project #main-content .dir-arrows a.next,.h2 .project #main-content .dir-arrows a.prev{background:0 0}.h2 .project #main-content .dir-arrows a.next:after{content:"Next"}.h2 .project #main-content .dir-arrows a.prev:after{content:"Previous"}.h2 .project #main-content .project-details{width:100%;float:none;padding-right:0}.h2 .project #main-content .project-details p{font-size:.7em;line-height:1.4;overflow:hidden;text-overflow:ellipsis;-webkit-transition:height .3s ease-out;-moz-transition:height .3s ease-out;-ms-transition:height .3s ease-out;transition:height .3s ease-out}.h2 .project #main-content .project-details p.read-more{height:auto}.h2 .project #main-content .project-details p.hiddn{display:block !important}.h2 .project #main-content .project-details .height-duplicate p{font-size:.7em;line-height:1.4}.h2 .project #main-content .project-details .toggle{display:block;font-size:1em;margin-top:25px;margin-bottom:53px}.h2 .project #main-content .project-details .toggle a{color:#222;display:inline-block;font-size:.9375em;text-decoration:none}.h2 .project #main-content .project-details .toggle a:after{content:"More";display:inline-block}.h2 .project #main-content .project-details .toggle a.less:after{content:"Less"}.h2 .project #main-content .project-details .content{visibility:hidden;font-size:1.875em;margin-bottom:0}.h2 .project #main-content .project-details .content.loaded{visibility:visible;height:4em;overflow:hidden}.h2 .project #main-content .project-details .content .short{display:block}.h2 .project #main-content .project-details .content .short~p{visibility:hidden}.h2 .project #main-content .project-details .content.shown{margin-bottom:25px}.h2 .project #main-content .project-details .content.shown .short{display:none}.h2 .project #main-content .project-details .content.shown .short~p{visibility:visible}.h2 .project #main-content .project-name{font-size:1.875em;line-height:1.5;margin-bottom:12px}.h2 .project #main-content .wrapper.on-top{margin-left:-35px;margin-right:-25px}.h2 .project #main-content .wrapper.on-top img{padding-left:10px}.h2 .project #main-content .mobile.details .website{margin-top:51px;font-size:1.3125em;line-height:1.5;margin-bottom:17px}.h2 .project #main-content .mobile.details .share-buttons li,.h2 .project #main-content .mobile.details .share-buttons p{font-size:1.3125em;line-height:1.5}.h2 .project #main-content .mobile.details .dir-arrows{float:none;font-size:1.3125em;line-height:1.5;height:1.5em}.h2 .project #main-content .mobile.details .dir-arrows a{float:left;width:50%;display:inline-block;text-decoration:none;color:#222;margin:0;height:1.5em}.h2 .studio #main-content .three-quarters{width:100%;float:none}.h2 .studio #main-content .two-thirds{padding-left:0;width:100%;float:none;margin-left:0}.h2 .studio #main-content h1,.h2 .studio #main-content h2{font-size:1.75em;line-height:1.32}.h2 .studio #main-content p{font-size:1.3125em;line-height:1.4;width:100%;padding-right:0}.h2 .studio #main-content .who-we-are{padding:0;width:100%}.h2 .studio #main-content .who-we-are p{padding:0}.h2 .studio #main-content .process{width:100%}.h2 .studio #main-content .process p{margin-right:0;width:100%;padding-right:0}.h2 .studio #main-content .process .num{margin-right:20px;height:44px;width:44px;line-height:44px;font-size:1.75em;float:left;margin-top:1em}.h2 .studio #main-content .process .block{border-top:1px solid #222}.h2 .studio #main-content .process .block:first-child{border-top:0}.h2 .studio #main-content .process .block h2{line-height:1.6}.h2 .studio #main-content .what-we-do{width:100%}.h2 .studio #main-content .what-we-do h1{margin-bottom:35px}.h2 .studio #main-content .what-we-do h2{font-size:1.625em}.h2 .studio #main-content .what-we-do .block{width:100%;margin-bottom:40px}.h2 .studio #main-content .what-we-do .block ul li{font-size:1.544em}.h2 .studio #main-content .connect{width:100%}.h2 .studio #main-content .connect>p{width:100%;padding-right:0}.h2 .studio #main-content .connect .block{width:100%;float:none}.h2 .studio #main-content .connect .locations .block{margin-top:35px}.h2 #site-footer{height:225px;padding:120px 25px 30px}.h2 #site-footer p{font-size:.86em;line-height:1.7}.h2 #site-footer .one-quarter,.h2 #site-footer .three-quarters{width:100%;float:none;text-align:left}.h2 #site-footer .one-third{float:none;width:100%;padding-left:0}.h2 #site-footer .one-third.center{margin-left:0}}@media screen and (max-width: 480px){.h2 .project #main-content .wrapper.on-top{margin-left:-25px}.h2 .project #main-content .wrapper.on-top img{width:100%;float:none;padding-left:0}}@media screen and (max-width: 375px){.h2 #main-navigation ul li a,.h2 .home #main-content p{font-size:1.5em}.h2 .logo-header{float:left;height:75px;top:inherit;position:relative}.h2 .logo-header h1{margin-top:30px}.h2 .logo-header h1.logo img{height:45px;width:30px}.h2 .logo-header+.text-logo{display:none !important}.h2 #menu.mobile{margin:11px 0;height:19px;width:25px;background-size:25px 18px}.h2 #menu.mobile+.clearfix{height:45px;margin-bottom:50px}.h2 #main-navigation{margin-top:50px}.h2 #main-navigation ul li.active:after,.h2 #main-navigation ul li:hover:after{width:18px}.h2 #main-content,.h2 .home #main-content,.h2 .project #main-content,.h2 .studio #main-content{margin-top:0}.h2 .home .wordmark.mobile{margin:120px 0 265px}.h2 .project #main-content .project-details .height-duplicate{font-size:1em;margin-top:48px}.h2 .project #main-content .project-details .height-duplicate p{font-size:1.05em}.h2 .project #main-content .project-details .content{font-size:1.5em;margin-bottom:25px}.h2 .project #main-content .project-name{font-size:1.5em}.h2 .project #main-content .mobile.details .dir-arrows,.h2 .project #main-content .mobile.details .share-buttons li,.h2 .project #main-content .mobile.details .share-buttons p,.h2 .project #main-content .mobile.details .website{font-size:.9375em}.h2 .studio #main-content h1,.h2 .studio #main-content h2{font-size:1.5em}.h2 .studio #main-content p{font-size:1.05em}.h2 .studio #main-content .process .num{height:38px;width:38px;line-height:1.6;font-size:1.5em}.h2 .studio #main-content .process hr{display:block}.h2 .studio #main-content .what-we-do .block ul li,.h2 .studio #main-content .what-we-do h2{font-size:1.235em}}.h2 .logo-header{position:absolute}.h2 #main-wrapper.gray-bar:after,.h2 #main-wrapper.skip-content:after{content:"";height:60px;width:100%;position:fixed;top:0;left:0;background:#fff;z-index:2}.h2 #home-image{visibility:hidden}.h2 #home-image:hover{cursor:url(assets/img/arrow.png), auto}.h2 .hashed #home-image{visibility:hidden !important;opacity:1}.h2 .hashed #home-image._show{visibility:visible !important;display:block}.h2 html{background:#fff}.h2 body.hashed{opacity:1 !important}.h2 .hashed .logo-header.copy{display:block}.h2 .logo-header.orig,.h2 .text-logo-copy a span{display:none}.h2 .hashed #main-navigation,.h2 .hashed .home #main-content .row,.h2 .hashed .project-wrapper .row,.h2 .hashed .project-wrapper .three-quarters,.h2 .hashed .text-logo{opacity:0}.h2 .hideit{opacity:0 !important;visibility:hidden !important}.h2 #site-header.top{position:fixed;top:0;left:0;padding:18px 40px;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:9}.h2 html.temp{visibility:hidden}.h2 .MSIE #home-image,.h2 .Trident #home-image{cursor:pointer}.h2 .logo-header.stick{position:fixed}.h2 .text-logo-copy{z-index:1;top:14px;width:155px;height:16px;position:fixed;visibility:hidden;margin:0;float:left;font-weight:500;color:#222;font-size:1em;line-height:1;font-family:"Publico Banner Medium", Garamond, "Times New Roman", serif}.h2 .text-logo-copy._visible{visibility:visible;top:113px}.h2 .home #home-image #video-wrap~.backstretch,.h2 .mobile-video .mobile-ios,.h2 .mobile-video .tablets-ios,.h2 .text-logo._invisible{visibility:hidden}.h2 .text-logo-copy a{text-decoration:none;color:#222}.h2 .text-logo-copy a img{width:155px;height:14px}.h2 #site-footer .footer-email:hover:after{width:12.5px}.h2 #site-footer .footer-email:after{content:"";width:0;display:block;background:#222;height:1px;transition:width .1s ease-out}.h2.touch #site-footer .footer-email:after{height:0}.h2 .project-category.home #content-wrapper{margin-top:0 !important}.h2 .home #main-content .project-wrapper>.three-quarters .row>.one-third,.h2 .home #main-content .projects .project .overlay .one-third{width:460px}.h2 .home .text-logo>a+a{display:none}.h2 .home .text-logo{position:relative;z-index:999}.h2 .home .text-logo.stick{position:fixed}.h2 #ff-site-header{position:absolute;top:0;left:0;width:100%;padding:0 40px}.h2 #ff-site-header.fixed{height:80px;z-index:999}.h2 #ff-site-header .ff-logo-header{margin:0;float:left;position:relative;top:20px;width:30px;height:40px;z-index:9999;-webkit-backface-visibility:hidden}.h2 #ff-site-header .ff-logo-header a{display:block;width:30px;height:40px}.h2 #ff-site-header .ff-logo-header a span{display:none}.h2 #ff-site-header .ff-logo-header a img{height:40px;width:30px;display:block}.h2 #ff-site-header #ff-site-navigation{position:relative;height:100px;z-index:999;-webkit-backface-visibility:hidden}.h2 #ff-site-header #ff-site-navigation ul{margin:80px 0 0;padding:0;width:50%;float:right}.h2 #ff-site-header.fixed #ff-site-navigation ul{margin-top:0}.h2 #ff-site-header #ff-site-navigation ul li{float:left;width:50%}.h2 #ff-site-header #ff-site-navigation ul li,.h2 #ff-site-header #ff-site-navigation ul li a{font-size:18px;color:#222;text-decoration:none}.h2 #ff-site-header #ff-site-navigation ul li.active:after,.h2 #ff-site-header #ff-site-navigation ul li:hover:after{width:10px}.h2 #ff-site-header #ff-site-navigation ul li:after{content:"";width:0;display:block;background:#222;height:1px;margin-top:6px;-webkit-transition:width .1s ease-out;-moz-transition:width .1s ease-out;-ms-transition:width .1s ease-out;transition:width .1s ease-out}.h2 #ff-site-header:after,.h2 #ff-site-header:before{content:"";display:block;clear:both}.h2 #ff-site-header #fixed-bar{height:80px;width:100%;position:absolute;top:0;left:0}.h2 #ff-site-header #ff-site-navigation.fixed,.h2 #ff-site-header #fixed-bar.fixed,.h2 #ff-site-header .ff-logo-header.fixed{position:fixed}.h2 #ff-site-header #ff-site-navigation.fixed{width:100%;left:0;margin-top:0;padding:27px 40px 0;top:0;height:80px;background:#fff}.h2 #ff-site-header .ff-logo-header.fixed{top:20px;z-index:99999}.h2 #ff-site-header #fixed-bar.fixed{z-index:998;width:100%}.h2.v2 #main-content{padding-top:168px}.h2.v2 #main-wrapper.gray-bar:after,.h2.v2 #main-wrapper.skip-content:after{display:none}.h2 video#bgvid,.h2 video.tablets-ios{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(assets/img/best_architecture_firm_websites.jpg) no-repeat;background-size:cover}@media screen and (max-width: 1024px){.h2 body{background:0 0}.h2 .home #home-image h1{font-size:3.5em}.h2 #main-navigation ul{width:50%}.h2 #main-navigation ul li{padding-left:0}.h2 .home #main-content .one-third.center{margin-left:50%;padding-left:0}.h2 .logo-header{width:40px !important;background:0 0;-webkit-transform:translate3d(0, 0, 0)}.h2 #site-header.stick{background:#fff}.h2 .logo-header.drop{background:0 0}.h2 .home .arrow-down{display:block;bottom:85px}.h2.touch .home #main-content .project .overlay .three-quarters{display:block !important}.h2.touch .home #main-content .projects .project .overlay{display:block;opacity:0;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.h2.touch .home #main-content .projects .project:hover .overlay{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.h2 .home .arrow-down .fa{font-size:3em}}@media screen and (max-width: 1023px){.h2.touch .home #main-content .projects .project:hover img{opacity:.3}}@media screen and (max-width: 1010px){.h2 .home #main-content .projects .project .disciplines h3,.h2 .home #main-content .projects .project .disciplines h4,.h2 .home #main-content .projects .project .disciplines li{float:none;margin-bottom:0;line-height:1.45}.h2 .home #main-content .projects .project .disciplines h3:before,.h2 .home #main-content .projects .project .disciplines h4:before,.h2 .home #main-content .projects .project .disciplines li:before{content:""}}@media screen and (max-width: 960px){.h2 .home #main-content h1{margin-bottom:50px}.h2 .home #main-content .one-third,.h2 .home #main-content .project-wrapper>.three-quarters .row>.one-third,.h2 .home #main-content .projects .project .overlay .one-third{width:50%}.h2 .home #main-content .projects .project .disciplines h3,.h2 .home #main-content .projects .project .disciplines h4,.h2 .home #main-content .projects .project .disciplines li{float:none}.h2 .home #main-content .projects .project .disciplines h3:before,.h2 .home #main-content .projects .project .disciplines h4:before,.h2 .home #main-content .projects .project .disciplines li:before{content:""}}@media screen and (max-width: 768px){.h2 .home #main-content .project-wrapper>.three-quarters .row>.one-third,.h2 .home #main-content .projects .project .overlay .one-third{width:50%}}@media screen and (min-width: 668px){.h2 #ff-site-header #ff-site-navigation ul{display:block !important}}@media screen and (max-width: 667px){.h2 .home #main-content h1{line-height:27px;margin-bottom:41px}.h2 .home .arrow-down{bottom:30px;display:block}.h2 .v3 .project #main-content .mobile,.h2 .v3 .project #main-content .project-details .content{display:block;visibility:visible}.h2 .hashed #home-image._show{visibility:visible !important;opacity:1 !important;display:block;-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}.h2 .hashed #main-navigation,.h2 .hashed .home #main-content .row,.h2 .hashed .project-wrapper .row,.h2 .hashed .project-wrapper .three-quarters,.h2 .hashed .text-logo{opacity:1}.h2 .home #home-image{visibility:visible !important;font-size:70%;padding:0}.h2 .home #main-content .one-third{width:100%}.h2 .home #main-content .one-third.center{margin-left:0}.h2 .logo-header h1.logo img{height:40px;width:29px}.h2 #site-header.stick{padding:0}.h2 .home #content-wrapper{margin-top:0}.h2 #main-wrapper.home{background:#fff}.h2 .text-logo+.wrapper.drop{position:relative;padding:0}.h2 .logo-header.copy{left:13px;top:1px}.h2 .logo-header{left:0;position:relative !important}.h2 #site-header{position:relative !important;padding-top:0}.h2 .drop #site-header{height:auto;padding:0}.h2 .text-logo+.wrapper.drop.up{top:0}.h2 #main-navigation ul{width:100%}.h2 #main-navigation ul li a,.h2 .home #main-content p{font-size:1.25em}.h2 #menu.mobile{position:absolute;top:-78.5px;right:0}.h2 .mobile.logo{display:block;width:100px;height:24px}.h2 .text-logo.desktop{display:none !important}.h2 .home #main-content .projects{margin:0}.h2 #masthead,.h2 .logo-header.stick+#masthead{padding-top:115px}.h2 .home .wordmark.mobile{margin:44px 0 62px}.h2 #menu.mobile+.clearfix{height:0;margin-bottom:0}.h2 #main-navigation{margin-top:6px}.h2 .ios #main-navigation{margin-top:0}.h2 .home #main-content .project-wrapper{margin-top:10px}.h2 #site-footer{padding:120px 0 30px}.h2 .home #content-wrapper{padding:0 13px}.h2 #main-navigation ul li.active:after,.h2 #main-navigation ul li:hover:after{width:12.5px}.h2 #main-wrapper.gray-bar:after,.h2 #main-wrapper.skip-content:after{display:none}.h2 .home .arrow-down .fa{font-size:3em}.h2 .text-logo._invisible{visibility:visible}.h2 .text-logo-copy._visible{visibility:hidden;display:none}.h2 .home #main-content .project-wrapper>.three-quarters .row>.one-third,.h2 .home #main-content .projects .project .overlay .one-third{width:75%}.h2 .home #main-content .projects .project img.mobile.full{display:block}.h2 #ff-site-header #fixed-bar,.h2 .home #main-content .projects .project .mobile+img.desktop.full{display:none}.h2.touch .home #main-content .projects .project .overlay{padding-left:15px}.h2 #ff-site-header{padding:35px 0 0;position:relative}.h2 #ff-site-header #ff-site-navigation,.h2 #ff-site-header .ff-logo-header{position:relative !important;float:none}.h2 #ff-site-header #ff-site-navigation{height:auto !important;margin-top:44px !important;padding:0 !important;background:0 0 !important}.h2 #ff-site-header #ff-site-navigation ul{float:none;width:100%;margin:0;height:87px;display:none}.h2 #ff-site-header #ff-site-navigation ul li,.h2 #ff-site-header #ff-site-navigation ul li a{font-size:19px !important}.h2 #ff-site-header #ff-site-navigation ul li.active:after,.h2 #ff-site-header #ff-site-navigation ul li:hover:after{width:12.5px}.h2 #ff-site-header #ff-site-navigation ul li:after{height:1px;margin-top:17px}.h2 #ff-site-header .ff-logo-header{top:0 !important;display:inline-block;padding-top:0}.h2 #ff-site-header .mobile-toggler{cursor:pointer;float:right;height:25px;width:25px;background:url(assets/img/menu.svg) no-repeat;background-size:25px 25px;position:relative;top:8px}.h2.v2 #main-content{padding-top:1px}.h2.v2 .home #main-content h1{margin-top:0}.h2 .home #main-content .projects .project .overlay{padding-left:15px}}@media screen and (max-width: 480px){.h2 .logo-header{width:auto;background:0 0}.h2 .logo-header.stick+#masthead{padding-top:103px}.h2 .home #home-image h1{line-height:1.2;max-width:290px}.h2 .home #main-content .project-wrapper>.three-quarters .row>.one-third,.h2 .home #main-content .projects .project .overlay .one-third{width:100%}.h2 .home #main-content .projects .project .disciplines h4{font-size:12px}}@media screen and (max-width: 375px){.h2 #masthead{padding-top:103px}.h2 #main-navigation{margin-top:0}.h2 #menu.mobile{top:-67.5px}.h2 p.overview{width:324px}.h2 .home #main-content .one-third>p{max-width:325px}.h2 .logo-header h1.logo{margin-top:35px}.h2 #site-footer{padding-top:150px}.h2 #site-footer>.three-quarters{margin-top:-50px}.h2 #site-footer .footer-email:after{content:"";width:0;display:none}}@media screen and (max-width: 320px){.h2 p.overview{width:100%}.h2 .home #main-content .projects .project .overlay{padding-top:15px}}@media screen and (max-width: 3000px){.ios._10 #video-wrap,.ios._10 .backstretch,html.touch.cgte-53 .backstretch,html.kamote .backstretch{display:none !important}.ios._10 .mobile-video .tablets-ios,html.touch.cgte-53 .mobile-video .tablets-ios{visibility:visible}.ios._10 .home #home-image #video-wrap,html.touch.cgte-53 .home #home-image #video-wrap{visibility:hidden}}@media screen and (max-width: 667px){.ios._10 .mobile-video .tablets-ios,html.touch.cgte-53 .mobile-video .tablets-ios{display:none}.ios._10 #video-wrap,.ios._10 .backstretch,html.touch.cgte-53 #video-wrap,html.touch.cgte-53 .backstretch{display:none !important}.ios._10 .mobile-video .mobile-ios,html.touch.cgte-53 .mobile-video .mobile-ios,html.kamote .mobile-video .mobile-ios{visibility:visible}.ios._10 .home #home-image #video-wrap,html.touch.cgte-53 .home #home-image #video-wrap{visibility:hidden}}.Trident #home-image:hover,.ie-edge #home-image:hover{cursor:url(assets/img/arrow.cur), pointer}@font-face{font-family:flexslider-icon;src:url(fonts/flexslider-icon.eot);src:url(fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"), url(fonts/flexslider-icon.woff) format("woff"), url(fonts/flexslider-icon.ttf) format("truetype"), url(fonts/flexslider-icon.svg#flexslider-icon) format("svg");font-weight:400;font-style:normal}.v3 .flex-control-nav,.v3 .flex-direction-nav,.v3 .slides,.v3 .slides>li{margin:0;padding:0;list-style:none}.v3 .flex-pauseplay span{text-transform:capitalize}.v3 .flexslider{padding:0;margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, .2);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, .2);-o-box-shadow:0 1px 4px rgba(0, 0, 0, .2);box-shadow:0 1px 4px rgba(0, 0, 0, .2)}.v3 .flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.v3 .flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}.v3 html[xmlns] .flexslider .slides{display:block}.v3 * html .flexslider .slides{height:1%}.v3 .no-js .flexslider .slides>li:first-child{display:block}.v3 .flexslider .slides{zoom:1}.v3 .flexslider .slides img{width:100%;display:block;height:auto;-moz-user-select:none}.v3 .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.v3 .loading .flex-viewport{max-height:300px}.v3 .carousel li{margin-right:5px}.v3 .flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0, 0, 0, .8);text-shadow:1px 1px 0 rgba(255, 255, 255, .3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.v3 .flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001';color:rgba(0, 0, 0, .8);text-shadow:1px 1px 0 rgba(255, 255, 255, .3)}.v3 .flex-direction-nav a.flex-next:before{content:'\f002'}.v3 .flex-direction-nav .flex-prev{left:-50px}.v3 .flex-direction-nav .flex-next{right:-50px;text-align:right}.v3 .flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.v3 .flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.v3 .flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.v3 .flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.v3 .flex-direction-nav .flex-disabled{opacity:0 !important;filter:alpha(opacity=0);cursor:default;z-index:-1}.v3 .flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.v3 .flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.v3 .flex-pauseplay a:hover{opacity:1}.v3 .flex-pauseplay a.flex-play:before{content:'\f003'}.v3 .flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.v3 .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.v3 .flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0, 0, 0, .5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0, 0, 0, .3);-moz-box-shadow:inset 0 0 3px rgba(0, 0, 0, .3);-o-box-shadow:inset 0 0 3px rgba(0, 0, 0, .3);box-shadow:inset 0 0 3px rgba(0, 0, 0, .3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.v3 .flex-control-paging li a:hover{background:#333;background:rgba(0, 0, 0, .7)}.v3 .flex-control-paging li a.flex-active{background:#000;background:rgba(0, 0, 0, .9);cursor:default}.v3 .flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.v3 .flex-control-thumbs li{width:25%;float:left;margin:0}.v3 .flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.v3 .flex-control-thumbs img:hover{opacity:1}.v3 .flex-control-thumbs .flex-active{opacity:1;cursor:default}.v3 #menu,.v3 .share-buttons a:hover,.v3 .studio .arrow-down .fa:hover{cursor:pointer}@media screen and (max-width: 860px){.v3 .flex-direction-nav .flex-prev{opacity:1;left:10px}.v3 .flex-direction-nav .flex-next{opacity:1;right:10px}}.v3 *,.v3:after,.v3:before{-webkit-margin-before:0;-webkit-margin-end:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-padding-before:0;-webkit-padding-end:0;-webkit-padding-after:0;-webkit-padding-start:0;box-sizing:border-box}.v3 html{font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased}.v3 body,.v3 html{width:100%;height:100%;min-height:100%;background:#fff}.v3 button,.v3 html,.v3 input,.v3 select,.v3 textarea{font-family:"Post Grotesk", Helvetica, Arial, sans-serif}.v3 ol,.v3 ul{margin:0;list-style:none;padding-left:0}.v3 body{margin:0;padding:0}@font-face{.v3font-family:FontAwesome;src:url(assets/fonts/fontawesome-webfont.eot?v=4.3.0);src:url(assets/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"), url(assets/fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"), url(assets/fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"), url(assets/fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"), url(assets/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.v3 .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;-webkit-font-smoothing:antialiased;transform:translate(0, 0)}.v3 .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.v3 .fa-stack,.v3 audio,.v3 canvas,.v3 img,.v3 svg,.v3 video{vertical-align:middle}.v3 .fa-2x{font-size:2em}.v3 .fa-3x{font-size:3em}.v3 .fa-4x{font-size:4em}.v3 .fa-5x{font-size:5em}.v3 .fa-fw{width:1.28571429em;text-align:center}.v3 .fa-ul{padding-left:0;margin-left:2.14285714em}.v3 .fa-ul>li{position:relative}.v3 .fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.v3 .fa-li.fa-lg{left:-1.85714286em}.v3 .fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.v3 .pull-right{float:right}.v3 .pull-left{float:left}.v3 .fa.pull-left{margin-right:.3em}.v3 .fa.pull-right{margin-left:.3em}.v3 .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.v3 .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes "fa-spin"{0%{-webkit-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}}@keyframes "fa-spin"{0%{-webkit-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}}.v3 .fa-rotate-90{filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.v3 .fa-rotate-180{filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.v3 .fa-rotate-270{filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.v3 .fa-flip-horizontal{filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.v3 .fa-flip-vertical{filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}.v3 #main-navigation,.v3 #site-header{-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0)}.v3:root .fa-flip-horizontal,.v3:root .fa-flip-vertical,.v3:root .fa-rotate-180,.v3:root .fa-rotate-270,.v3:root .fa-rotate-90{filter:none}.v3 .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em}.v3 .fa-stack-1x,.v3 .fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.v3 .fa-stack-1x{line-height:inherit}.v3 .fa-stack-2x{font-size:2em}.v3 .fa-inverse{color:#222}.v3 .fa-angle-down:before{content:"\f107"}.v3 .table{width:100%;height:100%;display:table}.v3 .table .table-row{display:table-row}.v3 .table .table-cell{text-align:center;display:table-cell;vertical-align:middle}.v3 .fancy{text-align:center}.v3 .fancy a,.v3 .fancy span{display:inline-block;position:relative}.v3 .fancy a:after,.v3 .fancy a:before,.v3 .fancy span:after,.v3 .fancy span:before{top:15px;height:5px;content:"";width:600px;position:absolute;border-top:1px solid #000}.v3 .fancy a:before,.v3 .fancy span:before{right:100%;margin-right:15px}.v3 .fancy a:after,.v3 .fancy span:after{left:100%;margin-left:15px}.v3 #stoplogo{display:none}.v3 #main-wrapper{width:100%;min-height:100%;background:0 0;position:relative;margin:0 0 -136px;padding:108px 40px 0;max-width:1200px}.v3 .home #main-content .row:first-child,.v3 .project #main-content .row:first-child,.v3 .studio #main-content .row:first-child{min-height:120px}.v3 #main-wrapper.studio,.v3 hr{padding:0}.v3 #main-wrapper.studio.skip-content{top:0}.v3 .push{position:relative;height:136px}.v3 html{color:#fff;font-size:1em;line-height:1.4}.v3::-moz-selection{background:#b3d4fc;text-shadow:none}.v3::selection{background:#b3d4fc;text-shadow:none}.v3 hr{display:block;height:1px;border:0;border-top:1px solid #222;margin:1em 0}.v3 fieldset{border:0;margin:0;padding:0}.v3 .browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.v3 .clone-logo-header,.v3 .logo-header{z-index:7;top:0;height:80px;position:fixed;transition:top .2s ease-out}.v3 .studio .clone-logo-header,.v3 .studio .text-logo-header{position:static}.v3 .clone-logo-header .logo,.v3 .logo,.v3 .text-logo,.v3 .text-logo+.wrapper{position:relative}.v3 .logo-header h1,.v3 .logo-header h2{float:left;margin:18px 0 0;font-size:1px}.v3 .logo-header h1.logo,.v3 .logo-header h2.logo{line-height:40px;height:40px}.v3 .logo-header h1.logo a,.v3 .logo-header h2.logo a{height:40px;width:31px;display:block}.v3 .logo-header h1.logo img,.v3 .logo-header h2.logo img{display:block;height:40px;width:30px}.v3 #menu,.v3 #nav-wrap,.v3 .logo-header h1.logo span,.v3 .logo-header h2.logo span,.v3 .text-logo a span,.v3 .text-logo.desktop{display:none}.v3 .clone-logo-header a,.v3 .logo a{text-decoration:none}.v3 .text-logo{z-index:1;top:5px;width:155px;height:16px;margin:0;float:left;font-weight:500;color:#222;font-size:1em;line-height:1;font-family:"Publico Banner Medium", Garamond, "Times New Roman", serif}.v3 #main-navigation ul li a,.v3 .home #main-content,.v3 .project #main-content{font-family:"Post Grotesk", Helvetica, Arial, sans-serif;color:#222}.v3 .text-logo a{text-decoration:none;color:#222}.v3 .text-logo a img{width:155px;height:14px}.v3 .text-logo+.wrapper.drop{padding:0 40px;position:fixed;width:100%;z-index:4;max-width:1200px;top:0;left:0;-webkit-transition:top .2s ease-out;-moz-transition:top .2s ease-out;-ms-transition:top .2s ease-out;transition:top .2s ease-out}.v3 #main-navigation ul li:after,.v3 .studio .client-list>p:after{-webkit-transition:width .1s ease-out;-moz-transition:width .1s ease-out}.v3 .text-logo+.wrapper.drop.up{top:-60px}.v3 .studio #site-header{padding:25px 40px !important;width:100%;top:0;left:0;background:#fff}.v3 .studio #site-header.stick{padding:20px 40px;position:fixed;width:100%;top:0;left:0}.v3 #site-header{z-index:6;top:0;width:100%;position:absolute;-webkit-backface-visibility:hidden;transform:translate3d(0, 0, 0)}.v3 #main-navigation,.v3 #main-navigation ul li a{-webkit-transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden}.v3 .drop #site-header{left:0;height:60px;padding:0 40px}.v3 .project.gray-bar #site-header{background:#fff;padding-top:25px;padding-bottom:25px}.v3 .project #site-header.stick{width:100%;left:0}.v3 #menu{float:right;height:25px;width:25px;background:url(assets/img/menu.svg) no-repeat;background-size:25px 25px}.v3 #nav-filler{width:100%;height:24px;z-index:-1}.v3 #main-navigation{display:block;margin-left:-10px;transform:translate3d(0, 0, 0)}.v3 #main-navigation ul{float:right;padding-left:10px;width:50%;margin-top:7px;line-height:16px;vertical-align:bottom}.v3 .studio #main-navigation ul{margin-top:0}.v3 .stick #site-header #main-navigation ul{margin-top:7px}.v3 #main-navigation ul li{width:50%;padding-left:0;margin-top:1px;display:inline-block;float:left;position:relative}.v3 #main-navigation ul li a{display:inline-block;font-weight:300;font-size:18px;line-height:12px;text-decoration:none;-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.v3 #main-navigation ul li:after{content:"";width:0;display:block;background:#222;height:1px;margin-top:6px;-ms-transition:width .1s ease-out;transition:width .1s ease-out}.v3 #main-navigation ul li.active:after,.v3 #main-navigation ul li:hover:after{width:10px}.v3 .home #main-content{display:none;margin:45px auto 0}.v3 .home #main-content .one-quarter{float:left;width:23.66%}.v3 .home #main-content .three-quarters{float:right;width:76.34%}.v3 .home #main-content .row{display:none}.v3 .home #main-content .one-third{width:33.3%;padding-left:20px}.v3 .home #main-content .one-third.center{margin-left:33.3%}.v3 .home #main-content .one-third.right{margin-left:66.6%}.v3 .home #main-content p{font-size:.85em;line-height:1.7}.v3 .home #main-content .projects .project{margin-top:10px;position:relative}.v3 .home #main-content .projects .project:first-child{margin-top:0}.v3 .home #main-content .projects .project .overlay{z-index:1;width:100%;height:100%;display:none;top:0;position:absolute;padding-top:40px}.v3 .home #main-content .projects .project:hover img{opacity:.3}.v3 .home #main-content .projects .project:hover .overlay{display:block}.v3 .home #main-content .projects .project img{width:100%;height:auto;display:block;padding-left:20px;-webkit-transition:opacity .4s linear;-moz-transition:opacity .4s linear;-ms-transition:opacity .4s linear;transition:opacity .4s linear}.v3 .home #main-content .projects .project .project-name{z-index:2;position:relative;float:left;font-weight:300;font-size:.85em}.v3 .home #main-content .projects .project .project-name a{color:#222;text-decoration:none}.v3 .home #main-content .projects .project .disciplines,.v3 .home #main-content .projects .project .disciplines h3{z-index:2;position:relative;float:left;font-size:.85em}.v3 .home #main-content .projects .project .disciplines h3,.v3 .home #main-content .projects .project .disciplines li{float:left}.v3 .home #main-content .projects .project .disciplines h3:before,.v3 .home #main-content .projects .project .disciplines li:before{content:", "}.v3 .home #main-content .projects .project .disciplines h3:first-child:before,.v3 .home #main-content .projects .project .disciplines li:first-child:before{content:""}.v3 .home #main-content .projects .project .disciplines h3 a,.v3 .home #main-content .projects .project .disciplines li a{color:#222;text-decoration:none}.v3 .home #main-content .projects .project .clickable-overlay{width:100%;height:100%;top:0;right:0;position:absolute;padding-left:20px}.v3 .home #main-content .projects .project .clickable-overlay a{width:100%;height:100%;display:block}.v3 .project #main-content{margin:85px auto 0}.v3 .project #main-content .desktop{display:block}.v3 .project #main-content .project-name-wrap{margin:0 0 81px;display:none}.v3 .project #main-content .project-name{z-index:2;position:relative}.v3 .project #main-content .project-name a{font-weight:600;color:#222;text-decoration:none;letter-spacing:.02em}.v3 .project #main-content .disciplines{z-index:2;position:relative;font-size:18px}.v3 .project #main-content .disciplines h3,.v3 .project #main-content .disciplines h4,.v3 .project #main-content .disciplines li{font-weight:400;font-size:18px;float:left}.v3 .project #main-content .disciplines h3,.v3 .project #main-content .disciplines h4{margin-top:0}.v3 .project #main-content .disciplines h3:before,.v3 .project #main-content .disciplines h4:before,.v3 .project #main-content .disciplines li:before{content:", "}.v3 .ir:before,.v3 .project #main-content .disciplines h3:first-child:before,.v3 .project #main-content .disciplines h4:first-child:before,.v3 .project #main-content .disciplines li:first-child:before{content:""}.v3 .project #main-content .disciplines h3 a,.v3 .project #main-content .disciplines h4 a,.v3 .project #main-content .disciplines li a{color:#222;letter-spacing:.07em;text-decoration:none}.v3 .project #main-content .mobile{display:none}.v3 .project #main-content .one-quarter{float:left;width:25%}.v3 .project #main-content .three-quarters{float:right;width:75%;position:relative;z-index:1}.v3 .project #main-content .one-third{width:33.3%;padding-left:0}.v3 .project #main-content .one-third.center{margin-left:33.3%;padding-left:6px}.v3 .project #main-content .one-third.right{margin-left:66.6%}.v3 .project #main-content .full,.v3 .project #main-content .half{padding-left:10px}.v3 .project #main-content .gallery{visibility:hidden;opacity:0;margin:0 0 0 -20px;padding-left:10px}.v3 .project #main-content .gallery img{float:left;width:100%;height:auto;display:block;margin-top:10px}.v3 .project #main-content .gallery img.full{width:100%}.v3 .project #main-content .gallery img.half,.v3 .project .one-half .testimonial{width:50%}.v3 .project #main-content .gallery img:first-child{margin-top:0}.v3 .project #main-content p{font-size:18px;line-height:1.7;margin-bottom:20px;word-spacing:.07em}.v3 .project #main-content p a{color:#222;text-decoration:none}.v3 .project #main-content p a:hover{text-decoration:underline}.v3 .project #main-content p.share{margin-bottom:0}.v3 .project #main-content .fixed-content{left:0;position:fixed;max-width:1200px;padding:0 40px}.v3 .project #main-content .project-details{display:none;padding-right:130px;padding-left:3px}.v3 .project #main-content .project-details-wrap{padding:116px 0 90px;margin-left:-10px}.v3 .project #main-content .project-details-wrap .one-half{width:50%;float:right;padding-left:10px}.v3 .project #main-content .project-details-wrap .one-half.right{float:right;padding-left:5px}.v3 .project #main-content .project-details-wrap .one-half.left{float:left;display:none}.v3 .project #main-content .mobile.testimonial p,.v3 .project #main-content .project-details-wrap .one-half .testimonial h4,.v3 .project #main-content .project-details-wrap .one-half .testimonial p,.v3 .project .mobile.testimonial h4{font-size:12px}.v3 .project #main-content .project-details-wrap .one-half .testimonial h4,.v3 .project .mobile.testimonial h4{font-weight:300}.v3 .project #main-content .project-details-wrap .one-half .testimonial h4.author-name,.v3 .project .mobile.testimonial h4.author-name{margin-bottom:6px}.v3 .project #main-content .project-details-wrap .one-half .testimonial h4.author-name+h4>span,.v3 .project .mobile.testimonial h4.author-name+h4>span{display:block}.v3 .project #main-content .project-details .height-duplicate{top:0;font-size:1.875em;position:absolute;visibility:hidden !important}.v3 .hidden,.v3 .invisible{visibility:hidden}.v3 .project #main-content .project-details .height-duplicate p{font-size:1em;line-height:1.5}.v3 .project #main-content .project-name{display:none;font-weight:600;font-size:18px;margin-bottom:3px;letter-spacing:0.02em}.v3 .project #main-content .content{display:none;position:relative}.v3 .project #main-content .content .short{display:none;position:absolute}.v3 .project #main-content .website{margin-top:32px;margin-bottom:18px}.v3 .project #main-content .website a:hover{text-decoration:none}.v3 .project #main-content .website a{color:#222;text-decoration:none}.v3 .project #main-content .share-buttons{padding:20px 0 16px;margin-bottom:20px;border-top:1px solid #222;border-bottom:1px solid #222}.v3 .project #main-content .share-buttons:first-child{border-top:0}.v3 .project #main-content .share-buttons p:first-child{cursor:pointer;line-height:1.7}.v3 .project #main-content .share-buttons ul{margin-top:20px;display:none}.v3 .project #main-content .share-buttons li{font-weight:300;font-size:18px;line-height:1.7}.v3 .project #main-content .share-buttons li a{color:#222;text-decoration:none}.v3 .project #main-content .sibling-name{font-size:.85em;font-weight:300;float:left}.v3 .project #main-content .dir-arrows{float:right}.v3 .project #main-content .dir-arrows a{width:10px;height:19px;display:inline-block;float:left;margin-left:25px}.v3 .project #main-content .dir-arrows a.prev{background:url(assets/img/sibling-prev.png) no-repeat;background-size:10px 19px}.v3 .project #main-content .dir-arrows a.next{background:url(assets/img/sibling-next.png) 100% 0 no-repeat;background-size:10px 19px}.v3 .project #main-content .dir-arrows a:first-child{margin-left:0}.v3 .project #main-content .on-top.moving{z-index:5;position:relative}.v3 #main-wrapper.studio{top:100%}.v3 .studio .arrow-down{width:100%;position:absolute;bottom:30px;left:0;z-index:99;text-align:center}.v3 .studio .arrow-down._hid{opacity:0}.v3 .studio .arrow-down._show{opacity:1}.v3 .studio .arrow-down .fa{font-size:1.5em;color:#fff}.v3 .studio #studio-image{opacity:0;position:fixed;height:100%;width:100%;z-index:0;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.v3 .studio #studio-image[style]{display:none !important}.v3 .studio #studio-image h1{color:#fff;font-size:5em;margin:0 auto;max-width:720px;font-weight:500;letter-spacing:.008em;font-family:"Publico Banner Medium", Garamond, "Times New Roman", serif}.v3 .studio #main-content,.v3 .studio #main-content h2{font-family:"Post Grotesk", Helvetica, Arial, sans-serif}.v3 .studio #studio-image .table{position:relative;z-index:2}.v3 .studio #video-wrap{z-index:1}.v3 .studio #content-wrapper{position:relative}.v3 .studio .sticky-bar{width:100%;padding:0 40px;position:absolute;top:0;z-index:2;background:#fff}.v3 .skip-content.studio .sticky-bar{position:relative}.v3 .studio .sticky-bar.stick{width:100%;padding:0 40px;position:fixed;top:0;z-index:2;background:#fff}.v3 .skip-content.studio .innerwrap{padding-top:60px}.v3.v2 .skip-content.studio .innerwrap{padding-top:0}.v3 .skip-content.studio .sticky-bar.stick+#content-wrapper{padding-top:60px}.v3 .studio .sticky-bar #nav-filler{display:none}.v3 .studio .drop#site-header{position:static;background:#fff}.v3 .studio .shade#site-header{background:#fff}.v3 .studio #content-wrapper{padding:0 40px;background:#fff}.v3 .studio #main-content .one-half{width:50%;float:left}.v3 .studio .one-half h1{font-size:18px;line-height:1.7;margin:10px 0;font-weight:400}.v3 .studio .one-half h1+h1{margin-top:15px}.v3 .studio .one-half.first .inner-wrap{padding:0 26% 0 76px}.v3 .studio .one-half.last{padding-left:0;padding-top:13px;max-width:460px}.v3 .process .block+.block{opacity:0;position:relative;top:15px;-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}.v3 .process .block+.block.active{top:0;opacity:1;-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}.v3 .studio #main-content{position:relative;opacity:0;margin:0 auto;padding:15px 0 0;color:#222}.v3 .studio #main-content .wrapper.on-top{margin-left:-10px}.v3 .studio #main-content .wrapper.on-top>.one-half{padding-left:6px}.v3 .studio #main-content .three-quarters{float:right;width:76.34%}.v3 .studio #main-content .one-third{width:33.3%;padding-left:20px}.v3 .studio #main-content .one-third.center{margin-left:33.3%}.v3 .studio #main-content .one-third.right{margin-left:66.6%}.v3 .studio #main-content .two-thirds{width:66.67%;margin-left:33.3%;padding-left:20px}.v3 .studio #main-content .full,.v3 .studio #main-content .half{padding-left:10px}.v3 .studio #main-content h2{font-weight:700;font-size:17px}.v3 .studio #main-content p{font-size:18px;line-height:1.7}.v3 .studio #main-content .who-we-are{padding-right:13px;padding-bottom:34px;margin-bottom:16px}.v3 .studio #main-content .who-we-are p{padding-right:0}.v3 .studio #main-content .who-we-are hr{margin:34px 0 36px}.v3 .studio #main-content .process h2{margin-top:0}.v3 .studio #main-content .process p{padding-right:5px}.v3 .studio #main-content .process .num{padding:0;font-size:1em;color:#222;font-family:"Publico Banner Medium", Garamond, "Times New Roman", serif;height:29px;width:29px;letter-spacing:.04em;line-height:29px;display:block;text-align:center;border:1px solid #222;-webkit-border-radius:29px;-moz-border-radius:29px;-ms-border-radius:29px;border-radius:29px;-webkit-transition:background-color .5s ease-out;-moz-transition:background-color .5s ease-out;-ms-transition:background-color .5s ease-out;transition:background-color .5s ease-out}.v3 #site-footer,.v3 .studio #main-content .what-we-do .block h3{font-family:"Post Grotesk", Helvetica, Arial, sans-serif}.v3 .studio #main-content .process .num.active{color:#fff;background:#222}.v3 .studio #main-content .process .block{margin-bottom:62px}.v3 .studio #main-content .process .block h2{margin:12px 0}.v3 .studio #main-content .process hr{margin:34px 0 36px}.v3 .studio #main-content .what-we-do h2{margin-top:0;margin-bottom:10px}.v3 .studio #main-content .what-we-do .block{width:100%;font-size:18px;margin-bottom:26px}.v3 .studio #main-content .what-we-do .block h3{font-weight:700;font-size:17px;margin:12px 0}.v3 .studio #main-content .what-we-do .block ul li{margin-top:9px}.v3 .studio #main-content .what-we-do hr{display:none}.v3 .studio #main-content .connect h2{margin:0 0 10px}.v3 .studio #main-content .connect .links,.v3 .studio #main-content .connect .locations{margin-top:34px}.v3 .studio #main-content .connect .block:nth-child(2){padding-left:40px}.v3 .studio #main-content .connect a{text-decoration:none;color:#222}.v3 .studio #main-content .connect .block,.v3 .studio #main-content .connect .block:nth-child(2){padding:0;width:100%;float:none;margin-top:34px}.v3 .studio #main-content .connect .links a{text-decoration:underline}.v3 .studio #main-content .connect .locations h2{margin-bottom:10px}.v3 .studio #main-content .connect .locations .email{margin-top:10px}.v3 #site-footer{display:none;z-index:1;height:136px;color:#222;margin-left:-10px;max-width:1200px;position:relative;font-size:18px;padding:80px 40px 40px}.v3 #site-footer .one-quarter{float:left;padding-left:10px;width:25%}.v3 #site-footer .three-quarters{float:right;width:75%}.v3 #site-footer .one-third{float:left;width:33.3%;padding-left:0}.v3 #site-footer .one-third.center{margin-left:33.3%;padding-left:10px}.v3 #site-footer .one-third.right{margin-left:66.6%}.v3 #site-footer p{font-size:18px}.v3 #site-footer p a{color:#222;text-decoration:none}.v3 .ir{background-color:transparent;border:0;overflow:hidden}.v3 .ir:before{display:block;width:0;height:150%}.v3 .hidden{display:none !important}.v3 .visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.v3 .visuallyhidden.focusable:active,.v3 .visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.v3 .clearfix:after,.v3 .clearfix:before{content:" ";display:table}.v3 .clearfix:after{clear:both}@media print{.v3 blockquote,.v3 img,.v3 pre,.v3 tr{page-break-inside:avoid}.v3 *{background:0 0 !important;box-shadow:none !important;color:#000 !important;text-shadow:none !important;-ms-filter:none !important;filter:none !important}.v3 a,.v3 a:visited{text-decoration:underline}.v3 a[href]:after{content:" (" attr(href) ")"}.v3 abbr[title]:after{content:" (" attr(title) ")"}.v3 .ir a:after,.v3 a[href^="javascript:"]:after,.v3 a[href^="#"]:after{content:""}.v3 blockquote,.v3 pre{border:1px solid #999}.v3 thead{display:table-header-group}.v3 img{max-width:100% !important}@page{.v3margin:.5cm}}.v3 .project #main-content .share-buttons li a:hover,.v3 .project .recognition ul li a:hover,.v3 .studio .client-list,.v3 .studio .client-list ul li a:hover{border-bottom:1px solid #222}.v3 h2,.v3 h3,.v3 p{orphans:3;widows:3}@media screen and (min-width: 1200px){.v3 #main-wrapper,.v3 .text-logo+.wrapper.drop{max-width:none}.v3 #site-footer{max-width:none;padding-right:40px}}@media screen and (max-width: 1200px){.v3 .project #main-content .project-details{padding-right:0}}@media screen and (max-width: 1120px){.v3 #site-footer .three-quarters,.v3 #site-footer>.one-quarter{width:50%}.v3 .project #main-content .disciplines h3,.v3 .project #main-content .disciplines h4,.v3 .project #main-content .disciplines li{margin-bottom:0;float:none}.v3 .project #main-content .disciplines h3:before,.v3 .project #main-content .disciplines h4:before,.v3 .project #main-content .disciplines li:before{content:""}}@media screen and (max-width: 1024px){.v3 .drop #site-header{padding:0 25px}.v3 #main-wrapper{padding:108px 40px 0}.v3 #main-navigation ul li{padding-left:0}.v3 #site-footer{padding:80px 40px 0}.v3 .project .innerwrap .header-wrapper #masthead{background:#fff}.v3 .project .innerwrap .header-wrapper #masthead,.v3 .studio .sticky-bar,.v3 .studio .sticky-bar.stick{height:80px}.v3 .studio .sticky-bar.stick+#content-wrapper{padding-top:80px}.v3 .logo-header.drop{position:fixed;background:#fff}.v3 #main-navigation ul{width:66.6%}.v3 .home #main-content .three-quarters{width:100%}.v3 .home #main-content .projects .project img{padding-left:0}.v3 .project #main-content{margin:57px auto 0}.v3 .project #main-content .fixed-content{position:relative;width:66.6%;padding:0;margin-bottom:40px}.v3 .project #main-content .project-details{float:none;width:auto;padding-right:20px}.v3 .project #main-content .on-top{margin-left:-10px}.v3 .project #main-content .gallery{float:none;width:100%;padding-left:0}.v3 .project #main-content .sibling-name{display:none !important}.v3 .studio #main-content{margin:0 auto}.v3 .studio #main-content .three-quarters{width:100%;float:none}.v3 .studio #main-content .two-thirds{margin-left:0;width:100%;padding-left:0}.v3 .studio #main-content .connect,.v3 .studio #main-content .process,.v3 .studio #main-content .what-we-do,.v3 .studio #main-content .who-we-are{width:66.6%}.v3 #site-footer .three-quarters,.v3 #site-footer>.one-quarter{width:50%}.v3 #site-footer .three-quarters .one-third{width:100%}.v3 #site-footer .three-quarters .one-third.center{margin-left:0}}.v3 .logo-header h1.logo,.v3 .logo-header h2.logo{z-index:9;position:fixed;top:0;display:block}@media screen and (min-width: 668px){.v3 .project #main-content .content{height:auto !important}}@media screen and (max-width: 667px){.v3 #main-content p,.v3 #main-navigation ul li a{font-size:1.875em;line-height:1.5}.v3 .logo-header.drop{position:absolute}.v3 #site-header,.v3 .logo-header,.v3 .logo-header h1.logo,.v3 .logo-header h2.logo,.v3 .wordmark{position:relative}.v3 #main-wrapper{padding:1px 25px 0;margin-bottom:-225px}.v3 #main-navigation ul li,.v3 .home #main-content .projects .project .clickable-overlay,.v3 .home #main-content .projects .project img,.v3 .project #main-content .project-details-wrap .one-half,.v3 .project #main-content .three-quarters,.v3 .project #main-content .wrapper.on-top img,.v3 .studio #main-content .connect .block:nth-child(2),.v3 .studio #main-content .two-thirds,.v3 .studio #main-content .what-we-do .block:nth-child(3){padding-left:0}.v3 #nav-wrap{display:block}.v3 .push{height:225px}.v3 .logo-header{float:left;height:90px;top:inherit}.v3 .logo-header h1{margin-top:30px}.v3 .logo-header h1.logo{height:60px;line-height:60px}.v3 .logo-header h1.logo img{height:60px;width:40px}.v3 .logo-header h1.logo a{height:60px;line-height:60px}.v3 .logo-header+.text-logo{margin-top:20px}.v3 .home .logo-header+.text-logo{display:none !important}.v3 #site-header{padding-top:30px}.v3 #menu.mobile{margin:17px 0;display:block !important}.v3 #menu.mobile+.clearfix{height:60px;margin-bottom:75px}.v3 #nav-filler{display:none}.v3 #main-navigation{display:none;margin-top:0;margin-bottom:40px}.v3 #main-navigation ul{width:100%;float:none;line-height:60px}.v3 #main-navigation ul li:after{height:2px;margin-top:0}.v3 #main-navigation ul li.active:after,.v3 #main-navigation ul li:hover:after{width:25px}.v3 .wordmark{top:inherit}.v3 #main-content,.v3 .home #main-content,.v3 .project #main-content,.v3 .studio #main-content{margin-top:5px}.v3 .home .wordmark.mobile{font-size:1em;float:none;display:block;margin:46px 0 120px}.v3 .home #main-content .three-quarters{width:100%}.v3 .home #main-content .one-third{width:100%;margin:0;padding:0}.v3 .home #main-content .one-third.center{margin:0}.v3 .home #main-content .projects{margin:0 -25px}.v3 .home #main-content .projects .project .overlay{display:block !important}.v3 .home #main-content .projects .project .overlay .disciplines,.v3 .home #main-content .projects .project .overlay .project-name{display:none !important}.v3 .home #main-content .projects .project:hover img{opacity:1}.v3 .home #main-content p{font-size:1.875em;line-height:1.5}.v3 .project #main-content .fixed-content{position:relative;top:inherit;padding:0;width:100%}.v3 .project #main-content .three-quarters{width:100%;float:none}.v3 .project #main-content .three-quarters img{padding-left:0}.v3 .project #main-content .desktop{display:none}.v3 .project #main-content .project-details{width:100%;float:none;padding-right:0}.v3 .project #main-content .project-details p{font-size:18px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;-webkit-transition:height .3s ease-out;-moz-transition:height .3s ease-out;-ms-transition:height .3s ease-out;transition:height .3s ease-out}.v3 .project #main-content .project-details p.read-more{height:auto}.v3 .project #main-content .project-details p.hiddn{display:block !important}.v3 .project #main-content .project-details .height-duplicate p{font-size:.7em;line-height:1.4}.v3 .project #main-content .project-details .toggle{display:block;font-size:1em;margin-top:25px;margin-bottom:53px}.v3 .project #main-content .project-details .toggle a{color:#222;display:inline-block;font-size:.9375em;text-decoration:none}.v3 .project #main-content .project-details .toggle a:after{content:"More";display:inline-block}.v3 .project #main-content .project-details .toggle a.less:after{content:"Less"}.v3 .project #main-content .project-details .content{visibility:hidden;font-size:1.875em;margin-bottom:0}.v3 .project #main-content .project-details .content.loaded{visibility:visible;height:4em;overflow:hidden}.v3 .project #main-content .project-details .content .short{display:block}.v3 .project #main-content .project-details .content .short~p{visibility:hidden}.v3 .project #main-content .project-details .content.shown{margin-bottom:25px}.v3 .project #main-content .project-details .content.shown .short{display:none}.v3 .project #main-content .project-details .content.shown .short~p{visibility:visible}.v3 .project #main-content .project-name{font-size:1.875em;line-height:1.5;margin-bottom:12px}.v3 .project #main-content .wrapper.on-top{margin-left:-35px;margin-right:-25px}.v3 .project #main-content .mobile.details .website{margin-top:0;font-size:1.875em;line-height:1.5;margin-bottom:22px}.v3 .project #main-content .mobile.details .share-buttons li,.v3 .project #main-content .mobile.details .share-buttons p{font-size:1.875em;line-height:1.5}.v3 .project #main-content .mobile.details .dir-arrows{float:none;font-size:1.875em;line-height:1.5;height:1.5em}.v3 .project #main-content .mobile.details .dir-arrows a{float:left;width:50%;display:inline-block;text-decoration:none;color:#222;margin:0;height:1.5em}.v3 .project #main-content .mobile.details .dir-arrows a.next{float:right}.v3 .studio #main-content .three-quarters{width:100%;float:none}.v3 .studio #main-content .two-thirds{width:100%;float:none;margin-left:0}.v3 .studio #main-content h1,.v3 .studio #main-content h2{font-size:1.75em;line-height:1.32}.v3 .studio #main-content p{font-size:1.3125em;line-height:1.4;width:100%;padding-right:0}.v3 .studio #main-content .who-we-are{padding:0;width:100%}.v3 .studio #main-content .who-we-are p{padding:0}.v3 .studio #main-content .process{width:100%}.v3 .studio #main-content .process p{margin-right:0;width:100%;padding-right:0}.v3 .studio #main-content .process .num{margin-right:20px;height:44px;width:44px;line-height:44px;font-size:1.75em;float:left;margin-top:1em}.v3 .studio #main-content .process .block{border-top:1px solid #222}.v3 .studio #main-content .process .block:first-child{border-top:0}.v3 .studio #main-content .process .block h2{line-height:1.6}.v3 .studio #main-content .what-we-do{width:100%}.v3 .studio #main-content .what-we-do h1{margin-bottom:35px}.v3 .studio #main-content .what-we-do h2{font-size:1.625em}.v3 .studio #main-content .what-we-do .block{width:100%;margin-bottom:40px}.v3 .studio #main-content .what-we-do .block ul li{font-size:1.544em}.v3 .studio #main-content .connect{width:100%}.v3 .studio #main-content .connect>p{width:100%;padding-right:0}.v3 .studio #main-content .connect .block{width:100%;float:none}.v3 .studio #main-content .connect .locations .block{margin-top:35px}.v3 #site-footer{height:225px;padding:120px 25px 30px}.v3 #site-footer p{font-size:.9375em;line-height:1.7}.v3 #site-footer .one-quarter,.v3 #site-footer .three-quarters{width:100%;float:none;text-align:left}.v3 #site-footer .one-third{float:none;width:100%;padding-left:0}.v3 #site-footer .one-third.center{margin-left:0}}.v3 .studio #studio-image #video-wrap,.v3 .studio #studio-image .backstretch,.v3 .text-logo-copy.desktop{visibility:hidden}@media screen and (max-width: 480px){.v3 .project #main-content .wrapper.on-top{margin-left:-25px}.v3 .project #main-content .wrapper.on-top img{width:100%;float:none;padding-left:0}}@media screen and (max-width: 375px){.v3 #main-navigation ul li a,.v3 .home #main-content p{font-size:1.5em}.v3 .logo-header{float:left;height:75px;top:inherit;position:relative}.v3 .logo-header h1,.v3 .logo-header h2{margin-top:30px}.v3 .project .logo-header h1.logo,.v3 .project .logo-header h2.logo{margin-top:35px}.v3 .studio .logo-header h1.logo,.v3 .studio .logo-header h2.logo{margin-top:45px}.v3 .logo-header h1.logo img,.v3 .logo-header h2.logo img{height:45px;width:30px}.v3 .logo-header+.text-logo{display:none !important}.v3 #menu.mobile{margin:11px 0;height:19px;width:25px;background-size:25px 18px}.v3 #menu.mobile+.clearfix{height:45px;margin-bottom:50px}.v3 #main-navigation{margin-top:50px}.v3 #main-navigation ul li.active:after,.v3 #main-navigation ul li:hover:after{width:18px}.v3 #main-content,.v3 .home #main-content,.v3 .project #main-content,.v3 .studio #main-content{margin-top:0}.v3 .home .wordmark.mobile{margin:46px 0 80px}.v3 .project #main-content .project-details .height-duplicate{font-size:1em;margin-top:48px}.v3 .project #main-content .project-details .height-duplicate p{font-size:1.05em}.v3 .project #main-content .project-details .content{font-size:1.5em;margin-bottom:25px}.v3 .project #main-content .project-name{font-size:1.5em}.v3 .project #main-content .mobile.details .dir-arrows,.v3 .project #main-content .mobile.details .share-buttons li,.v3 .project #main-content .mobile.details .share-buttons p,.v3 .project #main-content .mobile.details .website{font-size:.9375em}.v3 .studio #main-content h1,.v3 .studio #main-content h2{font-size:1.5em}.v3 .studio #main-content p{font-size:1.05em}.v3 .studio #main-content .process .num{height:38px;width:38px;line-height:1.6;font-size:1.5em}.v3 .studio #main-content .process hr{display:block}.v3 .studio #main-content .what-we-do .block ul li,.v3 .studio #main-content .what-we-do h2{font-size:1.235em}}.v3 #main-wrapper.gray-bar:after,.v3 .loading body:after,.v3 .project#main-wrapper:after{content:"";width:100%}.v3 #studio-image .arrow-down,.v3 .mobile,.v3 .project #nav-filler,.v3 .project .dir-arrows,.v3 .project .sibling-name,.v3 .studio#main-wrapper.gray-bar:after,.v3 .text-logo-copy a span{display:none}.v3 #main-wrapper.gray-bar:after{height:60px;position:fixed;top:0;left:0;background:#fff;z-index:2}.v3 .loading body:after{height:100%;position:absolute;top:0;z-index:99;background:red}.v3 body{background:#fff}.v3 .project #site-header{padding-top:18px}.v3 .project #site-header.stick{padding:18px 40px}.v3 .project .text-logo+.wrapper{top:-10px}.v3 #studio-image:hover{cursor:url(assets/img/arrow.png), auto}.v3 #content-wrapper:hover{cursor:inherit}.v3 #content-wrapper a:hover,.v3 .MSIE #studio-image,.v3 .Trident #studio-image,.v3 .full.gallery .bx-wrapper:hover,.v3 .project .recognition>p:hover,.v3 .project .slideshow-wrap .cycle-pager>span:hover,.v3 .project .slideshow-wrap img:hover,.v3 .studio .client-list>p:hover{cursor:pointer}.v3 .project#main-wrapper:after{height:60px;position:fixed;top:0;left:0;background:#fff;z-index:2}.v3 .project .next-project{font-size:18px;color:#222;line-height:1.7;word-spacing:.07em;text-decoration:none}.v3 .project #site-header{left:0;padding:18px 0}.v3 #main-wrapper.journal,.v3 #main-wrapper.project{padding-top:0}.v3 .project #main-content,.v3 .studio #main-content .wrapper.on-top{margin-top:0}.v3 .studio.loaded .stick .logo-header{position:fixed}.v3 .studio.loaded .logo-header{position:static}.v3 .Safari .studio #video-wrap{position:initial !important}.v3 .Safari .studio .videoBG{overflow:visible !important}.v3 .project #main-content .three-quarters.project-name-wrap .one-third{width:54%}.v3 .text-logo-copy{z-index:1;top:113px;width:155px;height:16px;position:fixed;visibility:hidden;margin:0;float:left;font-weight:500;color:#222;word-spacing:0;font-size:1em;line-height:1;letter-spacing:.04em;font-family:"Publico Banner Medium", Garamond, "Times New Roman", serif}.v3 .text-logo-copy._visible{visibility:visible;top:113px}.v3 .text-logo-copy a{text-decoration:none;color:#222}.v3 .text-logo-copy a img{width:155px;height:14px}.v3 .text-logo._invisible{visibility:hidden}.v3 .project #main-content .bx-wrapper .full,.v3 .project #main-content .bx-wrapper .half,.v3 .project #main-content .gallery .bx-wrapper img{margin-top:0;padding-left:0;width:100%}.v3 .project #main-content .gallery img.half.right{float:right}.v3 .project #main-content .gallery img.half.left{float:left}.v3 .project #main-content .gallery img.half.clearboth,.v3 .project #main-content .gallery img.half.clearboth+img{clear:both}.v3 .project #main-content .gallery .bx-wrapper img.half{float:none}.v3 .full.gallery .bx-wrapper{position:relative;padding-left:10px}.v3 .full.gallery .bx-controls{width:100%;position:absolute;bottom:28px;text-align:center;z-index:99}.v3 .full.gallery .bx-controls .bx-pager .bx-pager-item+.bx-pager-item{margin-left:20px}.v3 .full.gallery .bx-pager-item{display:inline-block;background:red;position:relative}.v3 .full.gallery .bx-pager-item a{text-decoration:none;text-align:left;color:#a9a9a9;display:inline-block;font-size:0}.v3 .full.gallery .bx-pager-item a:before{content:"\f111";font-family:fontawesome;position:absolute;top:0;font-size:10px}.v3 .full.gallery .bx-pager-item a.active{color:#222}.v3 .project #main-content{position:relative;z-index:1;padding-top:45px}.v3 .project .slideshow-wrap img{margin-top:0 !important}.v3 .project .slideshow-wrap{position:relative;overflow:hidden;padding-left:10px}.v3 .project .slideshow-wrap.half{width:50%;margin-top:10px}.v3 .project .slideshow-wrap.right{float:right}.v3 .project .slideshow-wrap.clearboth{clear:both}.v3 .project .slideshow-wrap .cycle-pager{position:absolute;bottom:18px;width:100%;text-align:center;z-index:999}.v3 .project .slideshow-wrap .cycle-pager>span+span{margin-left:15px}.v3 .project .slideshow-wrap .cycle-pager>span{font-size:27px;color:#a9a9a9}.v3 .project .slideshow-wrap .cycle-pager .cycle-pager-active{color:#222}.v3 .project .recognition{padding:12px 0 16px}.v3 .project .website+.recognition{border-top:1px solid #222;padding:20px 0 16px}.v3 .project .recognition>p{margin-bottom:0 !important}.v3 .project .recognition ul{margin:24px 0 0;padding:0;display:none}.v3 .project .recognition ul li a{font-size:18px;text-decoration:none;color:#222}.v3 #site-footer .footer-email:hover:after,.v3 .project #main-content .website a:hover:after,.v3 .project #main-content p.share:hover:after,.v3 .project .next-project:hover:after,.v3 .project .recognition>p:hover:after{width:12.5px}.v3 #site-footer .footer-email:after,.v3 .project #main-content .website a:after,.v3 .project #main-content p.share:after,.v3 .project .next-project:after,.v3 .project .recognition>p::after{content:"";width:0;display:block;background:#222;height:1px;-webkit-transition:width .1s ease-out;-moz-transition:width .1s ease-out;-ms-transition:width .1s ease-out;transition:width .1s ease-out}.v3 .project .video-wrap{padding:10px 0 0 10px}.v3 .project .video-wrap video{width:100%}.v3 .project .video-wrap iframe{width:100%;margin-bottom:-6px}.v3 .project .logo-header,.v3 .project .logo-header.stick{position:fixed}.v3 .project #site-header.stick{position:fixed;top:0}.v3 .project .innerwrap .header-wrapper{position:relative;z-index:9999}.v3 .project #site-header{margin-top:-53px;position:static}.v3 .project .stick #site-header{margin-top:0}.v3 #menu+.clearfix{display:none}.v3 .project .header-wrapper.stick{position:fixed;top:0;width:100%;padding:0 80px 0 0}.v3 .project .header-wrapper.stick+#main-content{padding-top:60px}.v3 .studio .client-list{border-top:1px solid #222;padding:20px 0 16px;margin:11px 0 37px}.v3 .studio .client-list>p{margin-bottom:0 !important}.v3 .studio .client-list ul{margin:24px 0 0;line-height:1.4;padding:0;display:none}.v3 .studio .client-list ul li{list-style-type:none;font-size:18px}.v3 .studio .client-list ul li+li{margin-top:5px}.v3 .studio .client-list ul li a{font-size:18px;text-decoration:none;color:#222}.v3 .studio .client-list>p:hover:after{width:12.5px}.v3 .studio .client-list>p:after{content:"";width:0;display:block;background:#222;height:1px;-ms-transition:width .1s ease-out;transition:width .1s ease-out}.v3 #ff-site-header{position:absolute;top:0;left:0;width:100%;padding:0 40px}.v3 #ff-site-header.fixed{height:80px;z-index:999999}.v3 #ff-site-header .ff-logo-header{margin:0;float:left;position:fixed;top:20px;width:30px;height:40px;-webkit-backface-visibility:hidden}.v3 #ff-site-header .ff-logo-header a{display:block;width:30px;height:40px}.v3 #ff-site-header .ff-logo-header a span{display:none}.v3 #ff-site-header .ff-logo-header a img{height:40px;width:30px;display:block}.v3 #ff-site-header #ff-site-navigation{position:relative;z-index:999;display:none;-webkit-backface-visibility:hidden}.v3 #ff-site-header #ff-site-navigation ul{margin:80px 0 0;padding:0;width:50%;float:right}.v3 #ff-site-header.fixed #ff-site-navigation ul{margin-top:0}.v3 #ff-site-header #ff-site-navigation ul li{float:left;width:50%}.v3 #ff-site-header #ff-site-navigation ul li,.v3 #ff-site-header #ff-site-navigation ul li a{font-size:18px;color:#222;text-decoration:none}.v3 #ff-site-header #ff-site-navigation ul li.active:after,.v3 #ff-site-header #ff-site-navigation ul li:hover:after{width:10px}.v3 #ff-site-header #ff-site-navigation ul li:after{content:"";width:0;display:block;background:#222;height:1px;margin-top:6px;-webkit-transition:width .1s ease-out;-moz-transition:width .1s ease-out;-ms-transition:width .1s ease-out;transition:width .1s ease-out}.v3 #ff-site-header:after,.v3 #ff-site-header:before{content:"";display:block;clear:both}.v3 .project #ff-site-header #fixed-bar,.v3 .studio #ff-site-header #fixed-bar{background:#fff;position:fixed}.v3 #ff-site-header #fixed-bar{height:80px;width:100%;position:absolute;top:0;left:0}.v3 #ff-site-header #ff-site-navigation.fixed,.v3 #ff-site-header #fixed-bar.fixed,.v3 #ff-site-header .ff-logo-header.fixed{position:fixed}.v3 #ff-site-header #ff-site-navigation.fixed{width:100%;left:0;margin-top:0;padding:27px 40px 0;top:0;height:80px;background:#fff;z-index:9999}.v3 #ff-site-header .ff-logo-header{z-index:999999999 !important}.v3 #ff-site-header .ff-logo-header.fixed{top:20px;z-index:999999999}.v3 #ff-site-header #fixed-bar.fixed{z-index:999;width:100%}.v3.v2 #main-content{padding-top:173px}.v3.v2 .studio #main-content{padding-top:155px}.v3.v2 #main-wrapper.gray-bar:after,.v3.v2 #main-wrapper.skip-content:after{display:none}.v3.v2 .project #main-content .one-third.center{padding-left:0}.v3 .project .recognition>p,.v3 .project .share-buttons>p,.v3 .studio .client-list>p{margin:0 !important}.v3 .journal #main-content article{margin-top:100px;display:none}.v3 .journal #main-content article:first-child{margin-top:0px}.v3 .journal #main-content .title{margin-bottom:3px;font-weight:600;font-size:18px}.v3 .journal #main-content .title a{color:#000000;text-decoration:none;}.v3 .journal #main-content .meta{font-weight:400;margin-top:0px;font-size:18px;float:left}.v3 .journal #main-content .half{padding-top:13px;float:left;width:50%}.v3 .journal #main-content .half.right{max-width:768px;padding-left:0px;padding-top:8px}.v3 .journal #main-content .half.right .content{max-width:75%;}.v3 .journal #main-content .half.right p{font-size:18px;letter-spacing:0.01em;line-height:1.7;margin:0px 0px;padding:16px 0px;font-weight:400}.v3 .journal.post #main-content .half.right .content > p{margin-bottom:20px}.v3 .journal #main-content .half.right p:first-child{margin-bottom:10px;padding:0px}.v3 .journal #main-content .page{margin-bottom:10px}.v3 .journal #main-content img{width:100%;margin-bottom:10px}.v3 .journal #main-content .half.right .full-post-link a{text-decoration:none;color:#000000}.v3 .journal #main-content .half.right .share-buttons{max-width:70%;border-top:1px solid #222;border-bottom:1px solid #222;padding:16px 0;margin-bottom:60px}.v3 .journal.post #main-content .half.right .share-buttons{margin-top:32px}.v3 .journal #main-content .half.right .share-buttons .share{padding:0px;margin-bottom:0px;cursor:pointer}.v3 .journal #main-content .share-buttons .share + ul{margin-top:20px;display:none}.v3 .journal #main-content .share-buttons li{font-weight:300;font-size:18px;line-height:1.7}.v3 .journal #main-content .share-buttons li a{color:#222;text-decoration:none}.v3 .journal #main-content .share-buttons li a:hover{border-bottom:1px solid #222}.v3 .journal #main-content .paging{display:none}@media screen and (max-width: 768px){.v3 .journal #main-content .half{width:100%}.v3 .journal #main-content .half.right{padding:0px;margin:90px 0px 50px}}@media screen and (max-width: 1024px){.v3 #studio-image .arrow-down{display:block}.v3 .project#main-wrapper:after{content:"";height:60px;width:100%;position:fixed;top:0;left:0;background:#fff;z-index:2}.v3 .studio #studio-image h1{font-size:3.5em}.v3 .studio #main-content .connect,.v3 .studio #main-content .process,.v3 .studio #main-content .process p,.v3 .studio #main-content .what-we-do,.v3 .studio #main-content .who-we-are{width:100%}.v3 .studio .one-half.first .inner-wrap{padding-right:20%}.v3 .project #main-content .gallery{margin:0}.v3 .studio #main-content .one-half.first h3 br{display:none}.v3 .studio #main-content .one-half.first .inner-wrap{margin-bottom:60px;padding-left:0}.v3 .studio #main-content .one-half.last{padding-left:20px}.v3 .logo-header.drop{background:0 0}.v3 #main-navigation ul{width:50%}.v3 .project #main-content .three-quarters{width:75%}.v3 .project #site-header.stick{background:#fff;padding:18px 40px}.v3 .project #main-content .disciplines h3,.v3 .project #main-content .disciplines h4,.v3 .project #main-content .disciplines li{line-height:1.45}}@media screen and (max-width: 990px){.v3 .project #main-navigation,.v3 .studio #main-content .wrapper.on-top,.v3 .studio #main-navigation,.v3 .studio #site-footer{margin-left:0}.v3 .project #main-navigation ul,.v3 .studio #main-content .one-half.last,.v3 .studio #main-navigation ul,.v3 .studio #site-footer .one-quarter,.v3 .studio #site-footer .three-quarters .one-third.center{padding-left:0}.v3 .studio #main-content .one-half{width:100%;float:none}.v3 .studio #main-content .wrapper.on-top>.one-half{padding-left:0;max-width:90%}.v3 .project #main-content .three-quarters{width:100%;top:-12px}.v3 .studio .one-half.first .inner-wrap{padding-right:0}.v3 .project #main-content .one-third.center{margin-left:50%}.v3.v2 .studio #main-content{padding-right:40px;padding-left:40px}}@media screen and (max-width: 768px){.v3 .project #main-content .project-details-wrap{margin-left:0px}.v3 .project .testimonial.mobile{display:block !important;margin-bottom:0px;margin-top:0px}.v3 div.testimonial.desktop{display:none !important}.v3 .project #main-content .project-details-wrap .one-half,.v3 .project #main-content .project-details-wrap .one-half.left,.v3 .project #main-content .project-details-wrap .one-half.right{float:none;width:100%;padding:0}.v3 .project .one-half .testimonial{width:100%;margin-bottom:30px}.v3 #site-footer .three-quarters,.v3 #site-footer>.one-quarter{width:100%}.v3 #site-footer .three-quarters .one-third.center{width:100%}.v3 .project #site-header.stick{padding:18px 40px}.v3 .project #main-content .one-third.center{padding-left:0}.v3 .studio #main-content{padding-top:0}.v3 .studio #main-content .one-half.first .inner-wrap{margin-bottom:0}}@media screen and (min-width: 668px){.v3 #ff-site-header #ff-site-navigation ul,.v3 #main-navigation,.v3 #nav-wrap{display:block !important}}@media screen and (max-width: 667px){.v3 .project .testimonial.mobile{margin-top:80px;margin-bottom:-35px}.v3 .studio#main-wrapper{margin-bottom:0;position:relative;background:#fff}.v3 .studio #site-footer{padding-bottom:70px}.v3 .project #main-content .project-details .content{visibility:visible !important}.v3 .project #main-content .mobile{display:block !important}.v3 .project .innerwrap .header-wrapper #masthead,.v3 .studio .sticky-bar,.v3 .studio .sticky-bar.stick{height:auto}.v3 .project .video-wrap{padding-left:0}.v3 .home .arrow-down{bottom:30px}.v3 #site-header{top:0}.v3 .studio #site-header.stick{padding:0}.v3 .project .text-logo+#nav-wrap.wrapper{top:0;display:block}.v3 .project .innerwrap{padding-top:54px}.v3 .studio .innerwrap{padding-top:0 !important}.v3 .project #main-content{padding-top:0}.v3 #menu.mobile+.clearfix{height:auto;margin-bottom:21px}.v3 .logo-header h1.logo img,.v3 .logo-header h2.logo img{height:40px;width:29px}.v3 .studio #studio-image{font-size:70%;padding:0 30px}.v3 .studio .sticky-bar{position:relative;padding:0 13px;display:block;background:#fff}.v3 .studio #main-content{padding:0}.v3 .studio #main-content .one-half.first .inner-wrap{margin-bottom:0}.v3 .studio #main-content .wrapper.on-top>.one-half.first:first-child+div{padding-top:0}.v3 .studio #main-content .wrapper.on-top>.one-half{max-width:100%}.v3 .studio .one-half h3{margin-top:5px;margin-bottom:0;line-height:140%}.v3 .home #content-wrapper,.v3 .studio .one-half h3:first-child{margin-top:0}.v3 .studio #main-content .who-we-are h1{font-size:1.3em;letter-spacing:.06em}.v3 .studio #main-content .who-we-are h1:first-child{margin-bottom:1em;line-height:1.6}.v3 .studio #content-wrapper{padding:0 13px}.v3 .studio #menu.mobile{top:45px}.v3 .project #main-content .wrapper.on-top{margin-right:0;margin-left:0}.v3 .project-details-wrap.mobile{display:block}.v3 #home-image,.v3 .studio #main-content .one-half.first{display:none}.v3 .project #main-content .project-details-wrap.mobile{padding:0}.v3 #main-wrapper.home{top:0;background:#fff}.v3 .text-logo+.wrapper.drop{position:relative;padding:0}.v3 #site-header,.v3 .logo-header{position:relative !important}.v3 .logo-header{left:0}.v3 .drop #site-header{height:auto;padding:0}.v3 .text-logo+.wrapper.drop.up{top:0}.v3 #main-navigation ul{width:100%}.v3 #main-navigation ul li a,.v3 .project #main-content .project-name{font-size:1.25em}.v3 #menu.mobile{position:absolute;top:34.9px;right:0}.v3 .studio .push,.v3 .studio .sticky-bar._stick{position:relative;background:#fff}.v3 .studio #main-content .one-half.lsat{padding-top:1px}.v3 .studio #main-content .who-we-are{margin-bottom:62px}.v3 .studio #main-content .who-we-are h1~h1{margin-bottom:1em;padding-top:0}.v3 .project #main-content .disciplines h3,.v3 .project #main-content .disciplines h4,.v3 .project #main-content .disciplines li{font-size:12px}.v3 .project #main-content .project-details .content,.v3 .studio #main-content h1,.v3 .studio #main-content h2{font-size:1.3em;padding-top:8px}.v3 .studio #main-content .what-we-do .block h3{font-size:1.156em}.v3 .studio #main-content .who-we-are h1~h1,.v3 .studio #main-content p{font-size:18px;line-height:1.5;letter-spacing:0}.v3 .studio #main-content .what-we-do .block ul li,.v3 .studio #main-content .what-we-do h2{font-size:18px}.v3 .project #main-content .gallery img.half{padding-right:5px}.v3 .project #main-content .gallery img.half+img.half{padding-left:5px;padding-right:0}.v3 .text-logo-copy,.v3 .text-logo.desktop{display:none !important}.v3 .home #main-content .projects{margin:0}.v3 .studio .push{height:0;z-index:2}.v3 .studio #site-footer{background:#fff;padding:150px 0 12px}.v3 .project #main-content .project-details{padding-left:0}.v3 .studio #main-content{padding-top:0}.v3 #main-wrapper{padding:1px 13px 0}.v3 #main-wrapper.gray-bar:after{display:none}.v3 #main-navigation ul li.active:after,.v3 #main-navigation ul li:hover:after{width:12.5px}.v3 .studio #main-content .process hr{margin-bottom:62px}.v3 .studio #main-content .what-we-do hr{margin:36px 0 62px}.v3 .studio .one-half.first .inner-wrap{padding:0}.v3 .project #main-content .project-details-wrap{padding:60px 0 0;margin-left:0}.v3 .project #main-content .project-details-wrap .project-details .project-name{display:none !important}.v3 .project #main-content .project-details .content.loaded{height:auto}.v3 .project #main-content .project-details .content .short{display:none}.v3 .project #main-content .project-details .content .short~p{visibility:visible}.v3 .project #main-content .project-details-wrap .one-half{float:none;width:100%}.v3 .project .slideshow-wrap.half{width:100%}.v3 .project #main-content .half{padding-left:0}.v3 .project .slideshow-wrap.right{float:none}.v3 .project #main-content .project-details-wrap .toggle{display:none !important}.v3 .studio #main-content{margin-top:0}.v3 .studio #main-content .one-half.first .inner-wrap,.v3 .studio #main-content .one-half.last{padding-right:0}.v3 #site-footer{padding:120px 13px 30px}.v3 .project #site-header.stick{padding:0;top:initial}.v3 .studio #site-header{padding:0 !important}.v3 .one-half.first .inner-wrap,.v3 .one-half.last .inner-wrap,.v3 .studio #main-content,.v3 .studio #nav-wrap,.v3 .studio #site-footer{display:block}.v3 .project .logo-header{top:-1px}.v3 .studio .sticky-bar{top:0;z-index:99}.v3 .studio #content-wrapper.unpad{padding-top:0}.v3 .studio #main-content .process .block{margin-bottom:62px}.v3 .mobile-menu{display:block;position:fixed;top:0;width:100%;padding:0 13px;z-index:9;background:0 0}.v3 .studio #content-wrapper{z-index:3}.v3 .studio .arrow-down .fa{font-size:3em}.v3 .project #main-content .dir-arrows,.v3 .project #main-content .mobile.details .dir-arrows,.v3 .project #main-content .mobile.details .website,.v3 .project #main-content .share-buttons{font-size:1.5em}.v3 .project #main-content .dir-arrows a,.v3 .project #main-content .mobile.details .share-buttons li,.v3 .project #main-content .mobile.details .share-buttons p,.v3 .project #main-content .mobile.details .website>a,.v3 .project #main-content .share-buttons li,.v3 .project #main-content .share-buttons p{font-size:.7em}.v3 .project .next-project{font-size:17px}.v3 .project #site-header{padding-left:0;padding-right:0}.v3 .ios #main-navigation ul li a{position:relative;top:2px}.v3 .full.gallery .bx-wrapper,.v3 .project .slideshow-wrap{padding-left:0}.v3 .full.gallery .bx-controls{bottom:0}.v3 .project .slideshow-wrap .cycle-pager{bottom:15px;height:10px}.v3 .project .slideshow-wrap .cycle-pager>span+span{margin-left:5px}.v3 .project .slideshow-wrap .cycle-pager>span{line-height:0}.v3 .project #main-content .one-third.center{width:100% !important;margin-left:0;padding-left:0}.v3 .project #main-content .project-name{margin-bottom:4px}.v3 .project #main-content .project-name-wrap{margin:0 0 15px;top:0}.v3 .project #main-content .project-details .content.loaded,.v3 .project #main-navigation{margin-bottom:0}.v3 .mobile .project-name{display:none !important}.v3 #menu+.clearfix{display:block}.v3 .project #main-navigation ul,.v3 .studio #main-navigation ul{margin:0}.v3 #ff-site-header{padding:35px 0 0;position:relative}.v3 #ff-site-header #ff-site-navigation,.v3 #ff-site-header .ff-logo-header{position:relative !important;float:none}.v3 #ff-site-header #fixed-bar{display:none}.v3 #ff-site-header #ff-site-navigation{height:auto;margin-top:44px;display:block}.v3 #ff-site-header #ff-site-navigation ul{float:none;width:100%;margin:0;height:64px;display:none}.v3 #ff-site-header #ff-site-navigation ul li,.v3 #ff-site-header #ff-site-navigation ul li a{font-size:19px;}.v3 #ff-site-header #ff-site-navigation ul li.active:after,.v3 #ff-site-header #ff-site-navigation ul li:hover:after{width:12.5px}.v3 #ff-site-header #ff-site-navigation ul li:after{height:1px;margin-top:17px}.v3 #ff-site-header .ff-logo-header{top:0 !important;display:inline-block;padding-top:0}.v3 #ff-site-header .mobile-toggler{cursor:pointer;float:right;height:25px;width:25px;background:url(assets/img/menu.svg) no-repeat;background-size:25px 25px;position:relative;top:8px}.v3.v2 #main-content{padding-top:1px}.v3.v2 .home #main-content h1{margin-top:0}.v3.v2 .project#main-wrapper:after{display:none}.v3.v2 .project .innerwrap{padding-top:0}.v3.v2 .studio{padding:0 13px !important}.v3.v2 .studio #main-content{padding-top:1px;padding-right:0;padding-left:0}}@media screen and (max-width: 480px){.v3 .project #main-content .gallery img.half{padding-right:0}.v3 .project #main-content .gallery img.half+img.half{padding-left:0;padding-right:0}.v3 .project #main-content .gallery img.half.left,.v3 .project #main-content .gallery img.half.right{float:none}}@media screen and (max-width: 375px){.v3 #menu.mobile+.clearfix{margin-bottom:30px}.v3 #main-navigation{margin-top:0}.v3 .project #main-content .wrapper.on-top{margin-right:-13px;margin-left:-13px}.v3 .project #main-content .gallery img.half+img.half,.v3 .project #main-content .wrapper.on-top img{padding-left:13px;padding-right:13px}.v3 #site-footer{padding-top:150px}.v3 #site-footer>.one-quarter{width:100%}.v3 #site-footer>.three-quarters{margin-top:-60px}}@media screen and (max-width: 320px){.v3 .project .slideshow-wrap .cycle-pager{bottom:7px}}.ios #ff-site-header #ff-site-navigation,.ios #ff-site-header .ff-logo-header{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}

.v3 .studio #main-content .process .block {
    margin-bottom: 34px;
}

.h2 .home #main-content .project-wrapper>.three-quarters .row>.one-third {
    margin-bottom: 12px;
}

.h2 #site-footer .three-quarters, 
.h2 #site-footer>.one-quarter,
.v3 #site-footer .three-quarters, 
.v3 #site-footer>.one-quarter {
    width: 50%;
}

.v3 #site-footer .three-quarters {
    padding-left: 4px;
}

/*.videoBG {
    visibility: hidden;
    opacity: 0;
}*/

.h2 #video-wrap {
    opacity: 0;
}

.h2 #video-wrap.__video video {
    left: 0 !important;
}

.v3 .studio .client-list {
  margin-bottom: 0;
}

.v3 .studio .job-list {
    border-bottom: 1px solid #222;
    padding: 20px 0 16px;
    margin: 0 0 37px;
}
.v3 .studio .job-list>p {
    margin-bottom: 0 !important;
}
.v3 .studio .job-list ul {
    margin: 24px 0 0;
    line-height: 1.4;
    padding: 0;
    display: none;
}
.v3 .studio .job-list ul li {
    list-style-type: none;
    font-size: 18px
}
.v3 .studio .job-list ul li+li {
    margin-top: 5px
}
.v3 .studio .job-list ul li a {
    font-size: 18px;
    text-decoration: none;
    color: #222;
}

.v3 .studio .job-list ul li a:hover {
     border-bottom: 1px solid #222;
}

.v3 .studio .job-list>p:hover:after {
    width: 12.5px;
}

.v3 .studio .job-list>p:hover {
    cursor: pointer;
}

.v3 .studio .job-list>p:after {
    content: "";
    width: 0;
    display: block;
    background: #222;
    height: 1px;
    -ms-transition: width .1s ease-out;
    transition: width .1s ease-out;
}


@media screen and (max-width: 768px) {
    .v3 .journal #main-content .half.right .content {
        max-width:100%;
    }
}




@media (min-width: 668px) {
    .v3 .journal #ff-site-header #ff-site-navigation ul li {
        width: 33.3%;
    }
}


@media (max-width: 1024px) {
    .h2 #site-footer p ,
    .v3 #site-footer p {
        font-size: 15px;
    }
}

@media (max-width: 667px) {
    .h2 #site-footer>.one-quarter ,
    .v3 #site-footer>.one-quarter {
        width: 100%;
    } 

    .h2 #site-footer p ,
    .v3 #site-footer p {
        font-size: 12px;
    }

    .v3 .studio #main-content .process .block {
        margin-bottom: 65px;
    }
}

@media (max-width: 480px) {

    .h2 #site-footer>.three-quarters ,
    .v3 #site-footer>.three-quarters {
        margin-top: -45px;
    }
}

@media screen and (min-width: 481px) {
    .v3 .project #main-content .gallery img.half.left:first-child + .half.right {
        margin-top: 0px;
    }
}
</style>
                <link rel="stylesheet" href="https://thefutureforward.com/assets/css/custom.css">
		
		<script type="text/javascript">window.Modernizr=function(e,t,n){function r(e){b.cssText=e}function o(e,t){return r(S.join(e+";")+(t||""))}function a(e,t){return typeof e===t}function i(e,t){return!!~(""+e).indexOf(t)}function c(e,t){for(var r in e){var o=e[r];if(!i(o,"-")&&b[o]!==n)return"pfx"==t?o:!0}return!1}function s(e,t,r){for(var o in e){var i=t[e[o]];if(i!==n)return r===!1?e[o]:a(i,"function")?i.bind(r||t):i}return!1}function u(e,t,n){var r=e.charAt(0).toUpperCase()+e.slice(1),o=(e+" "+k.join(r+" ")+r).split(" ");return a(t,"string")||a(t,"undefined")?c(o,t):(o=(e+" "+T.join(r+" ")+r).split(" "),s(o,t,n))}function l(){p.input=function(n){for(var r=0,o=n.length;o>r;r++)j[n[r]]=!!(n[r]in E);return j.list&&(j.list=!(!t.createElement("datalist")||!e.HTMLDataListElement)),j}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),p.inputtypes=function(e){for(var r,o,a,i=0,c=e.length;c>i;i++)E.setAttribute("type",o=e[i]),r="text"!==E.type,r&&(E.value=x,E.style.cssText="position:absolute;visibility:hidden;",/^range$/.test(o)&&E.style.WebkitAppearance!==n?(g.appendChild(E),a=t.defaultView,r=a.getComputedStyle&&"textfield"!==a.getComputedStyle(E,null).WebkitAppearance&&0!==E.offsetHeight,g.removeChild(E)):/^(search|tel)$/.test(o)||(r=/^(url|email)$/.test(o)?E.checkValidity&&E.checkValidity()===!1:E.value!=x)),P[e[i]]=!!r;return P}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var d,f,m="2.8.3",p={},h=!0,g=t.documentElement,v="modernizr",y=t.createElement(v),b=y.style,E=t.createElement("input"),x=":)",w={}.toString,S=" -webkit- -moz- -o- -ms- ".split(" "),C="Webkit Moz O ms",k=C.split(" "),T=C.toLowerCase().split(" "),N={svg:"http://www.w3.org/2000/svg"},M={},P={},j={},$=[],D=$.slice,F=function(e,n,r,o){var a,i,c,s,u=t.createElement("div"),l=t.body,d=l||t.createElement("body");if(parseInt(r,10))for(;r--;)c=t.createElement("div"),c.id=o?o[r]:v+(r+1),u.appendChild(c);return a=["&#173;",'<style id="s',v,'">',e,"</style>"].join(""),u.id=v,(l?u:d).innerHTML+=a,d.appendChild(u),l||(d.style.background="",d.style.overflow="hidden",s=g.style.overflow,g.style.overflow="hidden",g.appendChild(d)),i=n(u,e),l?u.parentNode.removeChild(u):(d.parentNode.removeChild(d),g.style.overflow=s),!!i},z=function(t){var n=e.matchMedia||e.msMatchMedia;if(n)return n(t)&&n(t).matches||!1;var r;return F("@media "+t+" { #"+v+" { position: absolute; } }",function(t){r="absolute"==(e.getComputedStyle?getComputedStyle(t,null):t.currentStyle).position}),r},A=function(){function e(e,o){o=o||t.createElement(r[e]||"div"),e="on"+e;var i=e in o;return i||(o.setAttribute||(o=t.createElement("div")),o.setAttribute&&o.removeAttribute&&(o.setAttribute(e,""),i=a(o[e],"function"),a(o[e],"undefined")||(o[e]=n),o.removeAttribute(e))),o=null,i}var r={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return e}(),L={}.hasOwnProperty;f=a(L,"undefined")||a(L.call,"undefined")?function(e,t){return t in e&&a(e.constructor.prototype[t],"undefined")}:function(e,t){return L.call(e,t)},Function.prototype.bind||(Function.prototype.bind=function(e){var t=this;if("function"!=typeof t)throw new TypeError;var n=D.call(arguments,1),r=function(){if(this instanceof r){var o=function(){};o.prototype=t.prototype;var a=new o,i=t.apply(a,n.concat(D.call(arguments)));return Object(i)===i?i:a}return t.apply(e,n.concat(D.call(arguments)))};return r}),M.flexbox=function(){return u("flexWrap")},M.flexboxlegacy=function(){return u("boxDirection")},M.canvas=function(){var e=t.createElement("canvas");return!(!e.getContext||!e.getContext("2d"))},M.canvastext=function(){return!(!p.canvas||!a(t.createElement("canvas").getContext("2d").fillText,"function"))},M.webgl=function(){return!!e.WebGLRenderingContext},M.touch=function(){var n;return"ontouchstart"in e||e.DocumentTouch&&t instanceof DocumentTouch?n=!0:F(["@media (",S.join("touch-enabled),("),v,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(e){n=9===e.offsetTop}),n},M.geolocation=function(){return"geolocation"in navigator},M.postmessage=function(){return!!e.postMessage},M.websqldatabase=function(){return!!e.openDatabase},M.indexedDB=function(){return!!u("indexedDB",e)},M.hashchange=function(){return A("hashchange",e)&&(t.documentMode===n||t.documentMode>7)},M.history=function(){return!(!e.history||!history.pushState)},M.draganddrop=function(){var e=t.createElement("div");return"draggable"in e||"ondragstart"in e&&"ondrop"in e},M.websockets=function(){return"WebSocket"in e||"MozWebSocket"in e},M.rgba=function(){return r("background-color:rgba(150,255,150,.5)"),i(b.backgroundColor,"rgba")},M.hsla=function(){return r("background-color:hsla(120,40%,100%,.5)"),i(b.backgroundColor,"rgba")||i(b.backgroundColor,"hsla")},M.multiplebgs=function(){return r("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(b.background)},M.backgroundsize=function(){return u("backgroundSize")},M.borderimage=function(){return u("borderImage")},M.borderradius=function(){return u("borderRadius")},M.boxshadow=function(){return u("boxShadow")},M.textshadow=function(){return""===t.createElement("div").style.textShadow},M.opacity=function(){return o("opacity:.55"),/^0.55$/.test(b.opacity)},M.cssanimations=function(){return u("animationName")},M.csscolumns=function(){return u("columnCount")},M.cssgradients=function(){var e="background-image:",t="gradient(linear,left top,right bottom,from(#9f9),to(white));",n="linear-gradient(left top,#9f9, white);";return r((e+"-webkit- ".split(" ").join(t+e)+S.join(n+e)).slice(0,-e.length)),i(b.backgroundImage,"gradient")},M.cssreflections=function(){return u("boxReflect")},M.csstransforms=function(){return!!u("transform")},M.csstransforms3d=function(){var e=!!u("perspective");return e&&"webkitPerspective"in g.style&&F("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(t){e=9===t.offsetLeft&&3===t.offsetHeight}),e},M.csstransitions=function(){return u("transition")},M.fontface=function(){var e;return F('@font-face {font-family:"font";src:url("https://")}',function(n,r){var o=t.getElementById("smodernizr"),a=o.sheet||o.styleSheet,i=a?a.cssRules&&a.cssRules[0]?a.cssRules[0].cssText:a.cssText||"":"";e=/src/i.test(i)&&0===i.indexOf(r.split(" ")[0])}),e},M.generatedcontent=function(){var e;return F(["#",v,"{font:0/0 a}#",v,':after{content:"',x,'";visibility:hidden;font:3px/1 a}'].join(""),function(t){e=t.offsetHeight>=3}),e},M.video=function(){var e=t.createElement("video"),n=!1;try{(n=!!e.canPlayType)&&(n=new Boolean(n),n.ogg=e.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),n.h264=e.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),n.webm=e.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,""))}catch(r){}return n},M.audio=function(){var e=t.createElement("audio"),n=!1;try{(n=!!e.canPlayType)&&(n=new Boolean(n),n.ogg=e.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),n.mp3=e.canPlayType("audio/mpeg;").replace(/^no$/,""),n.wav=e.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),n.m4a=(e.canPlayType("audio/x-m4a;")||e.canPlayType("audio/aac;")).replace(/^no$/,""))}catch(r){}return n},M.localstorage=function(){try{return localStorage.setItem(v,v),localStorage.removeItem(v),!0}catch(e){return!1}},M.sessionstorage=function(){try{return sessionStorage.setItem(v,v),sessionStorage.removeItem(v),!0}catch(e){return!1}},M.webworkers=function(){return!!e.Worker},M.applicationcache=function(){return!!e.applicationCache},M.svg=function(){return!!t.createElementNS&&!!t.createElementNS(N.svg,"svg").createSVGRect},M.inlinesvg=function(){var e=t.createElement("div");return e.innerHTML="<svg/>",(e.firstChild&&e.firstChild.namespaceURI)==N.svg},M.smil=function(){return!!t.createElementNS&&/SVGAnimate/.test(w.call(t.createElementNS(N.svg,"animate")))},M.svgclippaths=function(){return!!t.createElementNS&&/SVGClipPath/.test(w.call(t.createElementNS(N.svg,"clipPath")))};for(var H in M)f(M,H)&&(d=H.toLowerCase(),p[d]=M[H](),$.push((p[d]?"":"no-")+d));return p.input||l(),p.addTest=function(e,t){if("object"==typeof e)for(var r in e)f(e,r)&&p.addTest(r,e[r]);else{if(e=e.toLowerCase(),p[e]!==n)return p;t="function"==typeof t?t():t,"undefined"!=typeof h&&h&&(g.className+=" "+(t?"":"no-")+e),p[e]=t}return p},r(""),y=E=null,function(e,t){function n(e,t){var n=e.createElement("p"),r=e.getElementsByTagName("head")[0]||e.documentElement;return n.innerHTML="x<style>"+t+"</style>",r.insertBefore(n.lastChild,r.firstChild)}function r(){var e=y.elements;return"string"==typeof e?e.split(" "):e}function o(e){var t=v[e[h]];return t||(t={},g++,e[h]=g,v[g]=t),t}function a(e,n,r){if(n||(n=t),l)return n.createElement(e);r||(r=o(n));var a;return a=r.cache[e]?r.cache[e].cloneNode():p.test(e)?(r.cache[e]=r.createElem(e)).cloneNode():r.createElem(e),!a.canHaveChildren||m.test(e)||a.tagUrn?a:r.frag.appendChild(a)}function i(e,n){if(e||(e=t),l)return e.createDocumentFragment();n=n||o(e);for(var a=n.frag.cloneNode(),i=0,c=r(),s=c.length;s>i;i++)a.createElement(c[i]);return a}function c(e,t){t.cache||(t.cache={},t.createElem=e.createElement,t.createFrag=e.createDocumentFragment,t.frag=t.createFrag()),e.createElement=function(n){return y.shivMethods?a(n,e,t):t.createElem(n)},e.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+r().join().replace(/[\w\-]+/g,function(e){return t.createElem(e),t.frag.createElement(e),'c("'+e+'")'})+");return n}")(y,t.frag)}function s(e){e||(e=t);var r=o(e);return!y.shivCSS||u||r.hasCSS||(r.hasCSS=!!n(e,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),l||c(e,r),e}var u,l,d="3.7.0",f=e.html5||{},m=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,h="_html5shiv",g=0,v={};!function(){try{var e=t.createElement("a");e.innerHTML="<xyz></xyz>",u="hidden"in e,l=1==e.childNodes.length||function(){t.createElement("a");var e=t.createDocumentFragment();return"undefined"==typeof e.cloneNode||"undefined"==typeof e.createDocumentFragment||"undefined"==typeof e.createElement}()}catch(n){u=!0,l=!0}}();var y={elements:f.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:d,shivCSS:f.shivCSS!==!1,supportsUnknownElements:l,shivMethods:f.shivMethods!==!1,type:"default",shivDocument:s,createElement:a,createDocumentFragment:i};e.html5=y,s(t)}(this,t),p._version=m,p._prefixes=S,p._domPrefixes=T,p._cssomPrefixes=k,p.mq=z,p.hasEvent=A,p.testProp=function(e){return c([e])},p.testAllProps=u,p.testStyles=F,p.prefixed=function(e,t,n){return t?u(e,t,n):u(e,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(h?" js "+$.join(" "):""),p}(this,this.document);</script>
                
<script src="https://cdn.jsdelivr.net/ga-lite/latest/ga-lite.min.js" async></script>
    <script>
    var galite = galite || {};
    galite.UA = 'UA-17711998-1';
    </script>
    

                <!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '218306492052116');
  fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=218306492052116&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
	</head>
	<body class="v2 h2">
		<div id="main-wrapper" class="home">
			
			<section id="home-image" data-image="img/hero-images/best_architecture_firm_websites.jpg">
				
				<!-- full width video content container -->
				<div id="video-wrap" class="__video-wrap"></div>
					<div class="arrow-down">
						<i class="fa fa-angle-down"></i>
					</div>
                    <div class="heroimage-overlay"></div>

                     <div class="mobile-video">   
                       <video allow="autoplay" src="https://player.vimeo.com/external/239483772.hd.mp4?s=483837703115fcce40b6f751a206cd497de0ecfb&profile_id=175" autoplay muted playsinline poster="" class="tablets-ios" id="tablet-video"></video>                                       
                       <video allow="autoplay" src="https://player.vimeo.com/external/239484578.sd.mp4?s=9c34c2b788ee6b5092b225bfdf125f653b0b45a2&profile_id=165" playsinline autoplay muted poster="" id="bgvid" class="mobile-ios"></video>
                    </div>
			</section>
			
			<div id="content-wrapper">				
                <div id="ff-site-header">
                     <div class="mobile-toggler"></div>
                    <h1 class="ff-logo-header">
   <a href="#content-wrapper"><span>The Future Forward</span>
     <img src="https://thefutureforward.com/img/ff_eyecon.svg" alt="The Future Forward">
     <!-- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.02 40"><defs><style>.cls-1{fill:#222;}</style></defs><title>ff_eyecon_rgb</title><path class="cls-1" d="M26,13A13,13,0,1,0,2,20a13,13,0,1,0,24,7,12.93,12.93,0,0,0-2-7A12.93,12.93,0,0,0,26,13ZM1.17,13a11.84,11.84,0,1,1,22.07,6A13,13,0,0,0,2.78,19,11.77,11.77,0,0,1,1.17,13Zm21.4,7A11.83,11.83,0,0,1,3.46,20a11.83,11.83,0,0,1,19.11,0Zm2.29,7A11.84,11.84,0,1,1,2.78,21a13,13,0,0,0,20.46,0A11.77,11.77,0,0,1,24.85,27Zm-8.74-7A3.11,3.11,0,1,1,13,16.89,3.11,3.11,0,0,1,16.12,20Z"/></svg> -->
   </a>
</h1>
                
                    <nav id="ff-site-navigation">
                        <ul>
                            <li class="active">Projects</li>
                            <li><a href="web-designer-nyc/">Studio</a></li>
                            <li><a href="graphic-design-blog/">Current</a></li>
                        </ul>
                    </nav>
                    <div id="fixed-bar"></div>
                </div>
                
				<main id="main-content">
					<div class="wrapper" id="projects">
						<div class="project-wrapper">
							<div class="three-quarters">
								<div class="row">
									<div class="one-third center">
										<h1>We are an NYC based creative agency helping brands achieve greater influence by aligning strategy, design, and technology.</h1>
										<!--<h1 class="wordmark mobile text-logo"><a href=""><img src="img/ff-wordmark@4x.png" alt="The Future Forward"><span>The Future Forward</span></a></h1>-->
									</div>
								</div>
							</div>
							<div class="row">
								<div class="full projects">
									<div class="project ">
	<div class="overlay">
		<div class="three-quarters">
			<div class="one-third center">
				<h4 class="project-name white">
					<a href="brooklyn-coworking-space-design.html">The New Work Project</a>
				</h4>
				<div class="disciplines white">
					<h4>Brand Identity Design</h4><h4>Website Design</h4><h4>Collateral</h4>
				</div>
			</div>
			
		</div>
		
			<div class="clickable-overlay">
				<a href="brooklyn-coworking-space-design.html"></a>
			</div>
	</div>
	<!-- <img src="img/projects/tnwp_featured_desktop.jpg" alt="The New Work Project" class="featured-image"> -->
         <img src="/assets/components/phpthumbof/cache/tnwp_featured_mobile.b9f02266fc1db962b6dc563a31396afe.jpg" class="mobile full" alt="" title="">

         <img src="/assets/components/phpthumbof/cache/tnwp_featured_desktop.8d13f11dec10d083330390e4b4c77908.jpg" data-mobile-image="/assets/components/phpthumbof/cache/tnwp_featured_desktop.8d13f11dec10d083330390e4b4c77908.jpg" data-rjs="/assets/components/phpthumbof/cache/tnwp_featured_desktop.9f77da4bb29bdb80dbb9da7d74304ce2.jpg" class="desktop full" alt="Brooklyn Coworking Space Design for The New Work Project" title="Brooklyn Coworking Space Design for The New Work Project">
</div>
<div class="project ">
	<div class="overlay">
		<div class="three-quarters">
			<div class="one-third center">
				<h4 class="project-name">
					<a href="tiina-the-store-ecommerce-website-design.html">TIINA the STORE</a>
				</h4>
				<div class="disciplines">
					<h4>Web Design</h4><h4>Brand Collateral</h4>
				</div>
			</div>
			
		</div>
		
			<div class="clickable-overlay">
				<a href="tiina-the-store-ecommerce-website-design.html"></a>
			</div>
	</div>
	<!-- <img src="img/projects/./featured_tiina_the_store_desktop.jpg" alt="TIINA the STORE" class="featured-image"> -->
         <img src="/assets/components/phpthumbof/cache/featured_tiina_the_store_mobile.b9f02266fc1db962b6dc563a31396afe.jpg" class="mobile full" alt="" title="">

         <img src="/assets/components/phpthumbof/cache/featured_tiina_the_store_desktop.8d13f11dec10d083330390e4b4c77908.jpg" data-mobile-image="/assets/components/phpthumbof/cache/featured_tiina_the_store_desktop.8d13f11dec10d083330390e4b4c77908.jpg" data-rjs="/assets/components/phpthumbof/cache/featured_tiina_the_store_desktop.9f77da4bb29bdb80dbb9da7d74304ce2.jpg" class="desktop full" alt="Ecommerce Web Design" title="Ecommerce Web Design">
</div>
<div class="project ">
	<div class="overlay">
		<div class="three-quarters">
			<div class="one-third center">
				<h4 class="project-name white">
					<a href="architecture-web-design-workstead.html">Workstead</a>
				</h4>
				<div class="disciplines white">
					<h4>Brand Identity Design</h4><h4>Web Design</h4><h4>Print</h4>
				</div>
			</div>
			
		</div>
		
			<div class="clickable-overlay">
				<a href="architecture-web-design-workstead.html"></a>
			</div>
	</div>
	<!-- <img src="img/projects/workstead_ides_bar_wythe_hotel.jpg" alt="Workstead" class="featured-image"> -->
         <img src="/assets/components/phpthumbof/cache/workstead_ides_bar_wythe_hotel_mobile.b9f02266fc1db962b6dc563a31396afe.jpg" class="mobile full" alt="" title="">

         <img src="/assets/components/phpthumbof/cache/workstead_ides_bar_wythe_hotel.8d13f11dec10d083330390e4b4c77908.jpg" data-mobile-image="/assets/components/phpthumbof/cache/workstead_ides_bar_wythe_hotel.8d13f11dec10d083330390e4b4c77908.jpg" data-rjs="/assets/components/phpthumbof/cache/workstead_ides_bar_wythe_hotel.9f77da4bb29bdb80dbb9da7d74304ce2.jpg" class="desktop full" alt="Web Design for Workstead Architecture Firm in NYC" title="Web Design for Workstead Architecture Firm in NYC">
</div>
<div class="project ">
	<div class="overlay">
		<div class="three-quarters">
			<div class="one-third center">
				<h4 class="project-name">
					<a href="architecture-firm-website-design.html">Dillon Kyle Architects</a>
				</h4>
				<div class="disciplines">
					<h4>Brand Identity Design</h4><h4>Web Design</h4><h4>Collateral</h4>
				</div>
			</div>
			
		</div>
		
			<div class="clickable-overlay">
				<a href="architecture-firm-website-design.html"></a>
			</div>
	</div>
	<!-- <img src="img/projects/houston_architect_branding_shipping_label_featured.jpg" alt="Dillon Kyle Architects" class="featured-image"> -->
         <img src="/assets/components/phpthumbof/cache/houston_architect_branding_shipping_label_featured_mobile.b9f02266fc1db962b6dc563a31396afe.jpg" class="mobile full" alt="" title="">

         <img src="/assets/components/phpthumbof/cache/houston_architect_branding_shipping_label_featured.8d13f11dec10d083330390e4b4c77908.jpg" data-mobile-image="/assets/components/phpthumbof/cache/houston_architect_branding_shipping_label_featured.8d13f11dec10d083330390e4b4c77908.jpg" data-rjs="/assets/components/phpthumbof/cache/houston_architect_branding_shipping_label_featured.9f77da4bb29bdb80dbb9da7d74304ce2.jpg" class="desktop full" alt="Dillon Kyle Architects Website Design Project" title="Dillon Kyle Architects Website Design Project">
</div>
<div class="project ">
	<div class="overlay">
		<div class="three-quarters">
			<div class="one-third center">
				<h4 class="project-name">
					<a href="architecture-website-logo-design.html">James Merrell Architects</a>
				</h4>
				<div class="disciplines">
					<h4>Brand Identity Design</h4><h4>Website Design</h4><h4>Collateral</h4>
				</div>
			</div>
			
		</div>
		
			<div class="clickable-overlay">
				<a href="architecture-website-logo-design.html"></a>
			</div>
	</div>
	<!-- <img src="img/projects/_featured_jma.jpg" alt="James Merrell Architects" class="featured-image"> -->
         <img src="/assets/components/phpthumbof/cache/architect-website-design-featured-mobile.b9f02266fc1db962b6dc563a31396afe.jpg" class="mobile full" alt="" title="">

         <img src="/assets/components/phpthumbof/cache/_featured_jma.8d13f11dec10d083330390e4b4c77908.jpg" data-mobile-image="/assets/components/phpthumbof/cache/_featured_jma.8d13f11dec10d083330390e4b4c77908.jpg" data-rjs="/assets/components/phpthumbof/cache/_featured_jma.9f77da4bb29bdb80dbb9da7d74304ce2.jpg" class="desktop full" alt="Graphic and Website Design for James Merrell Architects" title="Graphic and Website Design for James Merrell Architects">
</div>
<div class="project ">
	<div class="overlay">
		<div class="three-quarters">
			<div class="one-third center">
				<h4 class="project-name white">
					<a href="best-architecture-websites-vmdo/">VMDO Architects</a>
				</h4>
				<div class="disciplines white">
					<h4>Brand Identity Design</h4><h4>Website Design</h4><h4>Print</h4>
				</div>
			</div>
			
		</div>
		
			<div class="clickable-overlay">
				<a href="best-architecture-websites-vmdo/"></a>
			</div>
	</div>
	<!-- <img src="img/projects/_featured_vmdo.jpg" alt="VMDO Architects" class="featured-image"> -->
         <img src="/assets/components/phpthumbof/cache/best-architecture-websites_featured_mobile.b9f02266fc1db962b6dc563a31396afe.jpg" class="mobile full" alt="" title="">

         <img src="/assets/components/phpthumbof/cache/_featured_vmdo.8d13f11dec10d083330390e4b4c77908.jpg" data-mobile-image="/assets/components/phpthumbof/cache/_featured_vmdo.8d13f11dec10d083330390e4b4c77908.jpg" data-rjs="/assets/components/phpthumbof/cache/_featured_vmdo.9f77da4bb29bdb80dbb9da7d74304ce2.jpg" class="desktop full" alt="Winner of Best Architecture Websites Award" title="Winner of Best Architecture Websites Award">
</div>
<div class="project ">
	<div class="overlay">
		<div class="three-quarters">
			<div class="one-third center">
				<h4 class="project-name white">
					<a href="web-design-brooklyn-nyc.html">Terra Nullius</a>
				</h4>
				<div class="disciplines white">
					<h4>Brand Identity Design</h4><h4>Web Design</h4><h4>Photography</h4><h4>Print</h4>
				</div>
			</div>
			
		</div>
		
			<div class="clickable-overlay">
				<a href="web-design-brooklyn-nyc.html"></a>
			</div>
	</div>
	<!-- <img src="img/projects/_featured_terranullius.jpg" alt="Terra Nullius" class="featured-image"> -->
         <img src="/assets/components/phpthumbof/cache/web_design_brooklyn_mobile.b9f02266fc1db962b6dc563a31396afe.jpg" class="mobile full" alt="" title="">

         <img src="/assets/components/phpthumbof/cache/_featured_terranullius.8d13f11dec10d083330390e4b4c77908.jpg" data-mobile-image="/assets/components/phpthumbof/cache/_featured_terranullius.8d13f11dec10d083330390e4b4c77908.jpg" data-rjs="/assets/components/phpthumbof/cache/_featured_terranullius.9f77da4bb29bdb80dbb9da7d74304ce2.jpg" class="desktop full" alt="Web Design for Brooklyn Lifestyle Brand" title="Web Design for Brooklyn Lifestyle Brand">
</div>
<div class="project ">
	<div class="overlay">
		<div class="three-quarters">
			<div class="one-third center">
				<h4 class="project-name">
					<a href="ecommerce-web-design.html">Field Aesthetic Mfg. Co.</a>
				</h4>
				<div class="disciplines">
					<h4>Brand Identity Design</h4><h4>Web Design</h4><h4>Packaging</h4><h4>Photography</h4>
				</div>
			</div>
			
		</div>
		
			<div class="clickable-overlay">
				<a href="ecommerce-web-design.html"></a>
			</div>
	</div>
	<!-- <img src="img/projects/_featured_fieldaesthetic.jpg" alt="Field Aesthetic Mfg. Co." class="featured-image"> -->
         <img src="/assets/components/phpthumbof/cache/accessories_brand_logo_packaging_mobile.b9f02266fc1db962b6dc563a31396afe.jpg" class="mobile full" alt="" title="">

         <img src="/assets/components/phpthumbof/cache/_featured_fieldaesthetic.8d13f11dec10d083330390e4b4c77908.jpg" data-mobile-image="/assets/components/phpthumbof/cache/_featured_fieldaesthetic.8d13f11dec10d083330390e4b4c77908.jpg" data-rjs="/assets/components/phpthumbof/cache/_featured_fieldaesthetic.9f77da4bb29bdb80dbb9da7d74304ce2.jpg" class="desktop full" alt="Ecommerce Website Design for Field Aesthetic" title="Ecommerce Website Design for Field Aesthetic">
</div>
<div class="project ">
	<div class="overlay">
		<div class="three-quarters">
			<div class="one-third center">
				<h4 class="project-name white">
					<a href="architecture-portfolio-website-design.html">Tallman Segerson</a>
				</h4>
				<div class="disciplines white">
					<h4>Brand Identity Design</h4><h4>Website Design</h4><h4>Print</h4>
				</div>
			</div>
			
		</div>
		
			<div class="clickable-overlay">
				<a href="architecture-portfolio-website-design.html"></a>
			</div>
	</div>
	<!-- <img src="img/projects/_featured_tallmansegerson.jpg" alt="Tallman Segerson" class="featured-image"> -->
         <img src="/assets/components/phpthumbof/cache/tallman_segerson_featured_image_mobile.b9f02266fc1db962b6dc563a31396afe.jpg" class="mobile full" alt="" title="">

         <img src="/assets/components/phpthumbof/cache/_featured_tallmansegerson.8d13f11dec10d083330390e4b4c77908.jpg" data-mobile-image="/assets/components/phpthumbof/cache/_featured_tallmansegerson.8d13f11dec10d083330390e4b4c77908.jpg" data-rjs="/assets/components/phpthumbof/cache/_featured_tallmansegerson.9f77da4bb29bdb80dbb9da7d74304ce2.jpg" class="desktop full" alt="Architecture Portfolio Web Design for Tallman Segerson" title="Architecture Portfolio Web Design for Tallman Segerson">
</div>
<div class="project ">
	<div class="overlay">
		<div class="three-quarters">
			<div class="one-third center">
				<h4 class="project-name">
					<a href="jewelry-website-design-nyc.html">Voorhees</a>
				</h4>
				<div class="disciplines">
					<h4>Brand Identity Design</h4><h4>Web Design</h4><h4>Photography</h4><h4>Print</h4>
				</div>
			</div>
			
		</div>
		
			<div class="clickable-overlay">
				<a href="jewelry-website-design-nyc.html"></a>
			</div>
	</div>
	<!-- <img src="img/projects/25/_featured_voorhees.jpg" alt="Voorhees" class="featured-image"> -->
         <img src="/assets/components/phpthumbof/cache/web_design_nyc_mobile.b9f02266fc1db962b6dc563a31396afe.jpg" class="mobile full" alt="" title="">

         <img src="/assets/components/phpthumbof/cache/_featured_voorhees.99e1a3bcfae69bf750573119d81028ae.jpg" data-mobile-image="/assets/components/phpthumbof/cache/_featured_voorhees.99e1a3bcfae69bf750573119d81028ae.jpg" data-rjs="/assets/components/phpthumbof/cache/_featured_voorhees.3e42a4d57522c64a028014bac9a20626.jpg" class="desktop full" alt="Visual Identity & Website for Jewelry Designer in New York City" title="Visual Identity & Website for Jewelry Designer in New York City">
</div>
								</div>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
				</main>
				
				<footer id="site-footer"      >

	<div class="one-quarter">
		<p class="copyright">&copy; <a href="https://giphy.com/gifs/film-stanley-kubrick-2001-a-space-odyssey-11XWQAetk8DqLK/tile" target="_blank" rel="nofollow">2021</a> The Future Forward Brooklyn, New York</p>
	</div>
	<div class="three-quarters">
		<!-- <p class="one-third"><a class="footer-email" href="mailto:hello@thefutureforward.com">hello@thefutureforward.com</a></p> -->
		<p class="one-third"><a id="to-contact" class="footer-email contact-info" href="web-designer-nyc//#contact" data-hash="contact">Contact</a></p>
		<div class="subscribe-form">
		    <a href="#">Newsletter</a>
		    <div class="mailing-list">
  <form id="subscribe-form" method="post" action="https://thefutureforward.com/subscribe.html">
     <div class="input-wrap">
        <span class="success-message">Thanks!</span>
        <input type="hidden" name="nospam" value="" />
        <input type="email" id="sub_email" name="sub_email" placeholder="Email">
        <input style="display:none;" type="submit" name="Sign Up">
     </div>
  </form>
</div>
		</div>
	</div>
	<div class="clearfix"></div>
</footer>

<div style="display: none; width: 40px; height: 100%; position: fixed; top: 0; left: 0;background: red;"></div>
			</div>
		</div>
		<div id="stoplogo"></div>
		<div class="site-bg"></div>
		<script id="vid-script" type="text/javascript">
			window.vidbg = {};
			//window.vidbg.mp4 = "https://thefutureforward.com/https://player.vimeo.com/external/239483772.hd.mp4?s=483837703115fcce40b6f751a206cd497de0ecfb&profile_id=175";
			window.vidbg.mp4 = "https://player.vimeo.com/external/239483772.hd.mp4?s=483837703115fcce40b6f751a206cd497de0ecfb&profile_id=175";
			
			
		</script>
		<script type="text/javascript" src="https://thefutureforward.com/assets/components/csssweet/js/custom_js.min.js"></script>
		<script type="text/javascript" id="main-js" src="https://thefutureforward.com/assets/js/scripts.js"></script>
	</body>
</html>