html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.project-container{z-index:-2;box-sizing:border-box;display:block;margin-top:6.2rem;width:100%;padding:0px 3% 3.2rem}@media screen and (min-width: 960px){.project-container{padding:0px 3% 4.8rem}}.project-container *{box-sizing:border-box}[class*='col-']{float:left;min-height:1px;padding:.4rem 0px}@media screen and (min-width: 960px){[class*='col-']{padding:.4rem}}.col-1{width:50%;padding:25%}.col-2{width:100%}.col-3{width:100%}.col-4{width:100%}.col-5{width:100%}.col-6{width:100%}.col-7{width:100%}.col-8{width:100%}.col-9{width:100%}.col-10{width:100%}.col-11{width:100%}.col-12{width:100%}@media screen and (min-width: 960px){.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25.0%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50.0%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75.0%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100.0%}}@media screen and (min-width: 960px){.left-1{margin-left:8.33%}.left-2{margin-left:16.66%}.left-3{margin-left:25.0%}.left-4{margin-left:33.33%}.left-5{margin-left:41.66%}.left-6{margin-left:50.0%}.left-7{margin-left:58.33%}.left-8{margin-left:66.66%}.left-9{margin-left:75.0%}.left-10{margin-left:83.33%}.left-11{margin-left:91.66%}.left-12{margin-left:100.0%}.top-1{margin-top:.8rem}.top-2{margin-top:1.6rem}.top-3{margin-top:2.4rem}.top-4{margin-top:3.2rem}.top-5{margin-top:4rem}.top-6{margin-top:4.8rem}.top-7{margin-top:5.6rem}.top-8{margin-top:6.4rem}.top-9{margin-top:7.2rem}.top-10{margin-top:8rem}.top-11{margin-top:8.8rem}.top-12{margin-top:9.6rem}.bot-1{margin-bottom:.8rem}.bot-2{margin-bottom:1.6rem}.bot-3{margin-bottom:2.4rem}.bot-4{margin-bottom:3.2rem}.bot-5{margin-bottom:4rem}.bot-6{margin-bottom:4.8rem}.bot-7{margin-bottom:5.6rem}.bot-8{margin-bottom:6.4rem}.bot-9{margin-bottom:7.2rem}.bot-10{margin-bottom:8rem}.bot-11{margin-bottom:8.8rem}.bot-12{margin-bottom:9.6rem}}html{height:100%;font-family:"Fira Sans", sans-serif;font-weight:300;font-size:100%;line-height:1.5rem}@media screen and (min-width: 960px){html{font-size:100%}}body{width:100%;height:100%;margin:0;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjExMCUiIHI9IjkwJSI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMzMDMwMzAiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-moz-radial-gradient(50% 110%, 100% 25%, #303030 20%,#111111 90%);background-image:-webkit-radial-gradient(50% 110%, 100% 25%, #303030 20%,#111111 90%);background-image:radial-gradient(100% 25% at 50% 110%, #303030 20%,#111111 90%);background-repeat:no-repeat;background-attachment:fixed}.header{z-index:2;width:100%;position:absolute;top:0}.top{box-sizing:border-box;margin:0;padding:0;overflow:hidden;height:3rem;border-bottom:1px solid #CCC;background-color:#282828;transition:background-color .6s}.collapsed{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2NzA4YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiYWNmNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #46708a),color-stop(100%, #4bacf5));background-image:-moz-linear-gradient(left, #46708a,#4bacf5);background-image:-webkit-linear-gradient(left, #46708a,#4bacf5);background-image:linear-gradient(to right, #46708a,#4bacf5);border:0px;height:2px;transition:background-color .6s,opacity .6s;margin-bottom:3rem}.menu div.title{display:block;font-weight:400;font-size:1.2rem;line-height:3rem;color:#FFF;vertical-align:middle;padding-left:8%;width:60%}@media screen and (min-width: 960px){.menu div.title{font-weight:300}}@media screen and (min-width: 960px){.menu div.title{font-size:1.2rem}}@media screen and (min-width: 960px){.menu div.title{padding-left:10%}}@media screen and (min-width: 960px){.menu div.title{width:70%}}@media screen and (min-width: 960px){.menu div.title{transition:padding-left}}.top div{float:left;box-sizing:border-box;width:20%;height:100%;color:#FFF}@media screen and (min-width: 960px){.top div{width:15%}}.top div:nth-child(n+2){border-left:1px solid #CCC}.collapsed div:nth-child(n+2){border-left:0px}.top div a{display:block;line-height:3rem;text-align:center;vertical-align:middle;text-decoration:none;cursor:pointer}.about{position:static;display:none;height:100%;padding:2em 8%;color:#FFF}@media screen and (min-width: 960px){.about{padding:2em 15%}}.about a{text-decoration:underline;color:inherit}.contact{position:static;display:none}.contact a{color:#FFF}.contact div{width:25%}.mask{z-index:1;background-color:#000;width:100%;height:100%;position:fixed;transition:visibility 600ms, opacity 600ms;visibility:hidden;opacity:0.0}.mask.active{opacity:0.8;visibility:visible}.content{position:absolute;top:100px;width:100%}.project{box-sizing:border-box;margin:2rem auto;padding:0;overflow:hidden;border:solid #CCC;border-width:1px;width:84%;height:16rem}@media screen and (min-width: 960px){.project{width:70%}}@media screen and (min-width: 960px){.project{height:24rem}}.project a{width:100%;margin:0;padding:0}.project div:first-child{width:100%;height:13rem;position:relative;margin:0;padding:0;background-repeat:no-repeat;background-position:center center;background-size:cover}@media screen and (min-width: 960px){.project div:first-child{height:21rem}}.project div:first-child ~ div{box-sizing:border-box;display:block;float:left;margin:0;padding-left:4%;height:3rem;width:80%;top:0;background-color:#282828;font-weight:300;font-size:1.2rem;color:#FFF;border:1px solid #CCC;border-width:1px 1px 0px 0px;line-height:3rem;vertical-align:middle;transition:width .6s,background-color .6s,color .6s}.project div:first-child ~ div+div{width:20%;border-right:0px;transition:width .6s,color .6s;font-size:1rem;font-weight:300;padding:0;text-align:center;color:#FFF}.top div:active,.top div.active{background-color:#FFF;color:#282828}body{overflow:scroll}.page-wrapper{position:relative;float:left;top:0px;left:0px}.top .backbutton{width:3rem;font-size:1.5em;font-weight:300}@media screen and (min-width: 960px){.top .backbutton{width:6rem}}.top .backbutton a{color:#FFF}.top div.projecttitle{padding:0;width:calc(100% - 3rem);text-align:center;font-size:1.2em;font-weight:300}@media screen and (min-width: 960px){.top div.projecttitle{width:calc(100% - (3rem * 2))}}.projecttitle a{color:#FFF}.projecttitle *{padding-right:3rem}@media screen and (min-width: 960px){.projecttitle *{padding-right:6rem}}.footer{width:100%;bottom:0;left:0;box-sizing:border-box;margin:0;padding:0;overflow:hidden;height:3rem;background-color:#282828}.footer div.nextproject,.footer div.prevproject{float:left;box-sizing:border-box;width:50%;height:100%;border-top:1px solid #CCC;color:#FFF}.footer div:first-child{border-right:1px solid #CCC}.footer div a{display:block;line-height:3rem;color:#FFF;text-align:center;vertical-align:middle;text-decoration:none;cursor:pointer}.main-title{width:100%;display:block;margin-top:12.6rem;text-align:center}img{display:block;width:100%;height:100%}.videocontainer{padding-bottom:56.25%;position:relative}.videocontainer iframe{position:absolute}.line{display:block;width:100%;height:1px;background-color:#CCC;clear:both}.project-container p{display:block}p{color:#CCC}h1{font-size:2em;line-height:1.2em;font-weight:400;color:#FFF}h3{font-size:1em;font-weight:300;color:#CCC}h2{font-size:1.8em;line-height:1.2em;font-weight:300;color:#CCC}.project-container a{color:#CCC;text-decoration:underline}.backbutton{font-family:sans-serif}