.content-width,.page-width{height:inherit;margin:0 auto;width:100%}.text-overlap,body,header#main,header#main .content-width,html{position:relative}#intro .object a h3 .go,.link,a.logo,footer ul.social li{display:inline-block}#intro .object a,.large a,.link,footer ul.social li a,h1 a,h3 a{text-decoration:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.t{-webkit-transition:.3s cubic-bezier(.19, 1, .22, 1);-moz-transition:.3s cubic-bezier(.19, 1, .22, 1);transition:.3s cubic-bezier(.19, 1, .22, 1)}.t2{-webkit-transition:.2s cubic-bezier(.19, 1, .22, 1);-moz-transition:.2s cubic-bezier(.19, 1, .22, 1);transition:.2s cubic-bezier(.19, 1, .22, 1)}::selection{background:#67bbe3}::-moz-selection{background:#67bbe3}.clear{clear:both}body,html{padding:0;margin:0;font-family:'Open Sans',sans-serif;font-size:16px}.page-width{max-width:1240px;padding:0 30px}.content-width,ul{padding:0}.page-width.extra{max-width:1500px;padding:0 30px}.section-padder{padding:80px 0}.copy-width{width:100%;max-width:900px;margin:auto}.large,h1,h2,h3,h4{font-family:Roboto,sans-serif}p{font-size:18px;font-weight:400;line-height:27px;color:#777;margin:0}.large,h1{font-weight:300;font-size:40px;line-height:50px;color:#202020;margin:0}#text h2,.large b,h1 b,h2,h3{font-weight:400}.link,a.link.block:hover,a.link.explore:hover{color:#2196f3!important}h2,h3{margin:0 0 20px}.large a,h1 a{color:#202020;border-bottom:1px solid #ababab}#project header p.lite a:hover,.large a:hover,h1 a,header#main #menu-main-header li a:hover,header#main #menu-main-header li.current-menu-item a{color:#777}#project header .info .role .title,#project header p a,#text h2,footer ul.social li a:hover,h2,h3,h3 a,p b{color:#202020}a.link.block,a.link.explore{background-color:#2196f3;color:#fff!important;text-align:center;margin-bottom:20px;font-weight:600;border-radius:2px;font-size:16px}h2{font-size:30px;line-height:36px}h3{font-size:22px;line-height:28px}p span.break{display:block}.bump{margin-top:15px}p b{font-weight:500}h3 a:hover{color:#404040}ul{margin:0;list-style:none}header#main{padding:30px 0;z-index:1}a.logo{opacity:1}a.logo:hover{opacity:.8}a.logo img{width:130px}header#main #menu-main-header{position:absolute;top:0;right:0}header#main #menu-main-header li:first-of-type{margin-left:0}header#main #menu-main-header li{display:inline-block;margin-left:20px}header#main #menu-main-header li a{text-decoration:none;color:#202020;font-size:16px}header#main .nav-icon{display:none;width:28px;height:19px;position:absolute;top:2px;right:1px;margin:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}header#main .nav-icon span{display:block;position:absolute;height:2px;width:100%;background:#202020;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#copy img,#intro .object a img{height:auto;display:block;width:100%}header#main .nav-icon:hover span{background:#999}header#main .nav-icon span:first-child{top:0}header .nav-icon span:nth-child(3),header#main .nav-icon span:nth-child(2){top:8px}header#main .nav-icon span:nth-child(4){top:16px}header#main.open .nav-icon span:first-child,header#main.open .nav-icon span:nth-child(2),header#main.open .nav-icon span:nth-child(3),header#main.open .nav-icon span:nth-child(4){top:16px;background:#f4f4f4}body.fixed-nav header#main .nav-icon{position:fixed;top:30px;right:30px}#hero,#text,.spacer{padding:120px 0}#projects.ideas{padding-bottom:120px}#large-photo .page-width.photo{max-width:1440px;padding:0}#large-photo img{display:block;width:100%}#intro .object{display:block;opacity:1;width:100%}#intro .object a{display:block;overflow:hidden;position:relative;background-color:#111}#intro .object a h3{position:absolute;bottom:0;margin:0;width:100%;padding:20px;color:#fff}#intro .object a h3 .go{width:20px;position:relative;top:2px;left:0;opacity:0}#intro .object a img{opacity:.9}#copy p,#project header .info{margin:20px 0}#project header .info .details{width:50%;float:left}#project header .info .role{width:35%;float:left;margin:0 5%}#project header p.lite,#project header p.lite a{color:#bbb}.link{cursor:pointer}.link:hover{color:#202020!important}#more-projects hr,#project header hr{opacity:.2;margin:140px 0}#copy hr{opacity:0;margin:120px 0}#copy,#copy .mobile-view h2,#more-projects,#project header{margin-top:100px}#copy hr.small{margin:55px 0}#copy h2,#copy h3,#copy p{max-width:40%}#copy h3{margin-bottom:-15px}#copy .caption{font-size:14px;display:block}#copy h2.right,#copy p.right{margin-left:50%}#copy ul{list-style:initial;margin-left:25px}#copy ul p{margin:10px 0}.full-banner{margin-bottom:100px}#text h2,.byline{margin-bottom:10px}.primary_overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}#copy .mobile-view>div{width:37%}#copy .mobile-view>div.left{float:left;margin-left:5%}#copy .mobile-view>div.right{float:right;margin-right:7%}#copy .mobile-view h2,#copy .mobile-view p{max-width:110%;width:110%}#copy .mobile-view p{margin-bottom:140px}#copy .mobile-view img{margin-bottom:15%}#copy .mobile-view>div:nth-last-of-type(2) img:last-of-type{margin-bottom:0}#text .content-width{max-width:800px;margin-left:0}#text:not(.blog) h2:first-of-type{margin-top:0}#text h2{margin-top:50px}#text h3{margin-bottom:8px;margin-top:30px}#text ul{list-style-type:initial;margin-left:30px}#text ul li{margin-bottom:2px}body.page-id-1145 footer .sub{display:none}a.link.block{padding:12px 20px}a.link.block:hover{background-color:#e4e4e4}a.link.explore{display:block;padding:12px}a.link.explore:hover{background-color:#f4f4f4}footer{padding:80px 0 30px;font-size:18px}footer .large a{white-space:nowrap}footer .menu-social-media-container{float:right}footer ul.social li a{color:#777;font-size:16px;margin-right:20px}footer ul.social li:last-of-type a{margin-right:0}footer .sub{margin-top:140px}footer .sub hr{opacity:.2;margin-bottom:30px;display:none}#project.category-off-white-bg #copy{margin-top:0;background-color:#f4f4f4;padding-top:120px}#project.category-off-white-bg header hr{margin-bottom:0;opacity:0}.byline{font-size:16px;color:#999}.byline .arrow{vertical-align:2px}.youtube-video-wrapper{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.youtube-video-wrapper embed,.youtube-video-wrapper iframe,.youtube-video-wrapper object{position:absolute;top:0;left:0;width:100%;height:100%}.youtube-video-wrapper-thirds>.youtube-video-wrapper{padding-top:0}.youtube-video-wrapper-thirds>.youtube-video-wrapper>lite-youtube{width:100%;height:100%;position:absolute}@media(min-width:1051px){#copy .split-column-2 h2,#copy .split-column-2 h3,#copy .split-column-2 p{max-width:90%}.column-4>.column{width:22%;margin-right:4%}.column-4>.column:nth-child(4n){margin-right:0}.column-4>.column>h3{margin-top:20px!important}}@media(max-width:1050px){p span.break{display:none}#copy h2.right,#copy p.right{margin-left:55%}#project header .info .details{width:55%}#copy h2,#copy h3,#copy p{max-width:45%}#copy .mobile-view>div.right{float:right;margin-right:10%}}@media(min-width:901px){#hero h1{font-size:50px;line-height:62px}.text-overlap .overlap{position:absolute;top:0;left:0}}@media(max-width:900px){#hero,#text,.spacer{padding:100px 0}#intro .object a img{width:140%;margin-left:-20%}#project header .info .details{width:100%;float:none}#project header .info .role{width:100%;float:none;margin:30px 0 0}#clients ul.list li h3,#projects ul li.project a h3{font-size:22px;line-height:27px}#projects ul li.project{width:100%;margin-bottom:30px}#projects ul li.project.idea a .byline .arrow{vertical-align:2px}#copy h2.right,#copy p.right{margin-left:0}#copy h2,#copy h3,#copy p{max-width:55%}#copy hr{margin:100px 0}#copy hr.small{margin:40px 0}.full-banner{margin-bottom:80px}footer{padding:70px 0 30px}footer .sub{margin-top:100px}footer .sub hr{display:block}}@media(max-width:750px){#copy h2,#copy h3,#copy p{max-width:100%}#copy .mobile-view>div{width:100%}#copy .mobile-view>div.left{float:none;margin-left:0}#copy .mobile-view>div.right{float:none;margin-right:0}#copy .mobile-view h2{margin-top:0}#copy .mobile-view p{margin-bottom:50px}#copy .mobile-view h2,#copy .mobile-view p{max-width:100%;width:100%}#copy .mobile-view img{max-width:455px;margin:0 10% 15%;width:80%}}@media (min-width:601px) and (max-width:1050px){.column-4>.column{width:49%;margin-right:2%}.column-4>.column:nth-child(2n){margin-right:0}}@media(min-width:601px){#projects ul li.project a:hover img{opacity:1;transform:scale(1.03)}#intro .object a:hover .go,#projects ul li.project a:hover .go{left:10px;opacity:1}#intro .object a:hover img{opacity:1;transform:scale(1.01)}.mobile-only{display:none}.column-4>.column{float:left}.youtube-video-wrapper-thirds>.youtube-video-wrapper{width:32%;float:left;margin-right:2%}.youtube-video-wrapper-thirds>.youtube-video-wrapper:nth-of-type(3){margin-right:0}}@media(max-width:600px){header#main #menu-main-header{opacity:0;visibility:hidden;position:absolute;top:-40px;right:-10px;background-color:#fff;float:none;padding:5px 0;border-radius:3px;overflow:hidden;-webkit-transition:.3s cubic-bezier(.19, 1, .22, 1);-moz-transition:.3s cubic-bezier(.19, 1, .22, 1);transition:.3s cubic-bezier(.19, 1, .22, 1);-webkit-box-shadow:0 0 4px -1px #828282;-moz-box-shadow:0 0 4px -1px #828282;box-shadow:0 0 4px -1px #828282}header#main #menu-main-header li{display:block;margin:0;text-align:right}header#main #menu-main-header li a{color:#232323;font-size:18px;padding:8px 20px;display:block;line-height:initial;text-align:right}header#main .nav-icon{display:block}header#main.open #menu-main-header{opacity:1;visibility:visible;top:-12px}header#main.open #menu-main-header li a:hover{background-color:#f9f9f9}body.fixed-nav header#main #menu-main-header{position:fixed;right:14px}body.fixed-nav header#main.open #menu-main-header{top:18px}#hero,#text,.spacer{padding:80px 0}#project header .info .role .title{font-size:18px;margin-bottom:2px}.large,h1{font-size:35px;line-height:45px}h2{font-size:26px;line-height:32px}h3{font-size:22px;line-height:28px}p{font-size:16px;line-height:27px}#large-photo{overflow:hidden}#large-photo .page-width.photo{width:120%;margin-left:-10%}#more-projects hr,#project header hr{margin:100px 0}#copy .caption{top:-30px;font-size:13px;line-height:19px}#copy hr{margin:80px 0}#copy hr.small{margin:30px 0}.full-banner{margin-bottom:80px}#text ul{margin-left:25px}footer{padding:60px 0 30px}footer .sub{margin-top:80px}footer .sub a.logo{margin-top:30px}footer .menu-social-media-container{float:none;display:block}.youtube-video-wrapper-thirds>.youtube-video-wrapper{margin-bottom:20px}.desktop-only{display:none}}@media(max-width:450px){.large,h1{font-size:30px;line-height:40px}#project header .info{margin:15px 0}#project header .info .role{margin:25px 0 0}#large-photo .page-width.photo{width:140%;margin-left:-20%}footer ul.social li{display:block;margin-bottom:8px}}