.u-pad-bottom{padding-bottom:16px !important}.u-pad-bottom-large{padding-bottom:32px !important}.u-pad-top{padding-top:16px !important}.u-pad-none{padding:0 !important}.u-margin-bottom-small{margin-bottom:8px !important}.u-margin-bottom{margin-bottom:16px !important}.u-margin-top{margin-top:16px !important}@font-face{font-family:'CartoGothicStdBook';src:url("../fonts/CartoGothicStd-Book-webfont.eot");src:url("../fonts/CartoGothicStd-Book-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/CartoGothicStd-Book-webfont.woff") format("woff"),url("../fonts/CartoGothicStd-Book-webfont.ttf") format("truetype"),url("../fonts/CartoGothicStd-Book-webfont.svg#CartoGothicStdBook") format("svg");font-weight:normal;font-style:normal}body{color:#222;font-size:16px;font-family:"Helvetica Neue", Helvetica, Verdana, sans-serif;line-height:1.75em}h1,h2,h3,h4,h5,h6{font-family:CartoGothicStdBook, "Helvetica Neue", Helvetica, Verdana, sans-serif;font-weight:normal}h2{font-size:200%}h3{font-size:150%}h3 a:hover,h3 a:visited{color:#0db0bc}.page-header{margin-top:12px}p{font-family:sans-serif;margin:16px 0}a,a:visited{color:#0db0bc;text-decoration:none}a:hover,a:visited:hover{color:#0db0bc;text-decoration:underline}.button{cursor:pointer;font-weight:bold;text-transform:uppercase;width:auto;border:2px solid #0db0bc;padding:8px 24px;border-radius:48px;font-size:90%;color:#FFF !important;background-color:#0db0bc;-webkit-border-radius:24px;-khtml-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;border-radius:24px}.button:hover{background-color:#FFF;color:#0db0bc !important;text-decoration:none}@media (max-width: 640px){h1,h2,h3{line-height:1.25}}.carousel{position:relative;width:100%;height:auto;overflow:hidden;cursor:pointer}.carousel .wrapper{position:absolute;top:0;left:0;width:20000em}.carousel .wrapper img{float:left}@media (min-width: 960px){.carousel{height:170px}}.content-block{display:inline-block;width:100%;vertical-align:top;margin-bottom:12px}.content-block.wide{width:100%}.content-block h3,.content-block h4{font-size:150%;margin:0 0 24px}.content-block h5{font-size:125%;margin:8px 0}@media (min-width: 640px){.content-block.no-header{padding-top:36px}}.content-block.media img{width:100%}@media (max-width: 640px){.content-block.media{margin-bottom:16px}}@media (min-width: 640px){.content-block.media-segue{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:16px;margin-top:-16px}}@media (min-width: 640px){.content-block{width:calc(50% - 24px);margin-right:16px}}@media (min-width: 1380px){.content-block{width:calc(33.33333% - 48px)}}@media (min-width: 960px){.content-text-only{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:64px;-moz-column-gap:64px;column-gap:64px;orphans:1}.content-text-only p{display:inline;vertical-align:top}}.content-container{background-color:#FFF;box-shadow:0 0 3px rgba(0,0,0,0.25);color:#222;-webkit-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;margin-top:16px;padding:16px 24px}.separator{padding:4px 0;margin:0;border:none}.divider{margin:16px 0;border:none;border-bottom:1px dashed #b6b6b6}.divider.large{margin-top:40px;margin-bottom:32px}#header{box-shadow:0 0 5px rgba(0,0,0,0.5);padding:0;width:100%;position:fixed;top:0}#header ul{display:inline;list-style-type:none;padding:0 0 0 16px;margin:0}#header ul li{display:inline;padding:0 16px 0 0;margin:0}#header.has-submenu #menu.hidden{display:none}#header.has-submenu #backtotop{top:8px}#menu{background-image:linear-gradient(to bottom, #fff 35%, #eee 90%);background-repeat:repeat-x;width:100%;height:64px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:16px 0}#menu .toggle{position:absolute;display:none;top:0;left:0;cursor:pointer;width:50px;height:64px;background-color:#0e1417;color:#FFF}#menu .toggle span{position:absolute;font-size:150%;margin:14px}#menu ul{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:0;display:block}@media (min-width: 960px){#menu ul{width:960px}}@media (min-width: 1380px){#menu ul{width:1380px}}#menu ul h1{display:inline;position:relative}#menu ul h1 a{padding:0;width:48px;height:48px;margin-right:48px}#menu ul h1 a span{display:none}#menu ul h1 a:before{position:absolute;content:"";background:transparent url(../images/logo.png);background-size:100%;width:48px;height:48px;top:-12px}#menu li a{color:#000;text-decoration:none;padding-bottom:16px}#menu li a:hover{color:#0db0bc;border-bottom:none;text-decoration:none}#menu li.active a{border-bottom:3px solid #555}@media (min-width: 640px){#menu{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#menu ul.nested{display:none}#menu ul li a{font-size:85%;text-transform:uppercase;font-weight:bold;padding-bottom:22px}}#submenu{display:block;width:100%;background-image:linear-gradient(to bottom, #474747 0, #303030 100%);padding:20px 0}#submenu ul{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;padding:0;margin:0 auto}@media (min-width: 960px){#submenu ul{width:960px}}@media (min-width: 1380px){#submenu ul{width:1380px}}#submenu ul li a{color:#FFF;text-decoration:none;text-transform:uppercase;font-size:85%;font-weight:bold}#submenu ul li a:hover{color:#0db0bc}#submenu ul li.active a{color:#0db0bc}@media (min-width: 640px){#submenu{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}#backtotop{position:fixed;top:9px;right:16px;cursor:pointer;display:none;padding:8px 24px;color:#FFF;text-transform:uppercase;font-size:80%;font-weight:bold;background-image:linear-gradient(to bottom, #474747 0, #303030 100%);-webkit-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px}#backtotop:hover{color:#0db0bc}#backtotop.visible{display:block}@media screen and (max-width: 960px) and (min-width: 640px){#menu ul,#submenu ul{padding:0 16px}}@media (max-width: 640px){#menu,#menu .toggle{height:56px}#header{height:56px}#header.expanded{height:100%}#header ul{display:block;width:100%;background-image:linear-gradient(to bottom, #fff 35%, #eee 90%);background-repeat:repeat-x;padding:0}#header ul li{display:block;width:100%}#header ul li a{width:100%}#header ul li:hover{background-color:#0db0bc}#header.has-submenu #menu.hidden{display:block}#menu{position:fixed;overflow-x:hidden;overflow-y:auto;width:100%;height:inherit;top:0;left:0}#menu .toggle{display:block}#menu ul{position:absolute;top:56px;display:none}#menu ul h1 a{height:auto}#menu ul h1 a:before{top:8px;left:8px}#menu ul h1 a span{margin:10px 0 0 44px;display:block}#menu ul li a{display:block;width:100%;padding:8px 16px;color:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#menu ul li a:hover{color:#000}#menu ul li.active a{border-bottom:none;color:#FFF;font-weight:bold;font-style:italic;background-color:#0db0bc}#menu ul li ul.nested{position:relative;height:auto;top:0;background-image:linear-gradient(to bottom, #474747 0, #303030 100%)}#menu ul li ul.nested li{text-indent:16px}#menu ul li ul.nested li a{background:transparent}#menu ul li ul.nested li a:hover{background-color:#0db0bc}#menu ul li ul.nested li.active a{color:#0db0bc}#menu.opened{position:absolute}#menu.opened ul{display:block;height:100%}#submenu,#backtotop.visible{display:none}}#footer{background-image:linear-gradient(to bottom, #474747 0, #303030 100%);width:100%;height:56px;line-height:1.5;color:#EEE}#footer div{width:auto;text-align:center;margin:0 auto;display:block;padding:16px 24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#footer div .copyright{float:left}#footer div .footer-menu{float:right;font-size:85%}@media (min-width: 960px){#footer div{width:960px;text-align:left}}@media (min-width: 1380px){#footer div{width:1380px}}@media (max-width: 640px){#footer{padding:0 16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#footer div .copyright{display:none}#footer div .footer-menu{float:none}}.project{width:100%;display:inline-block;cursor:pointer;margin-bottom:16px;padding:24px;border-radius:8px;color:#222;background-image:linear-gradient(to bottom, #fff 35%, #fefefe 90%);border-bottom:4px solid rgba(0,0,0,0.5);transition:transform 150ms ease-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;padding-bottom:32px}.project:hover{transform:translateY(-8px)}.project:after{content:"Read more...";color:#0db0bc;display:block;position:absolute;bottom:16px;margin:0 32px 0 0}@media (max-width: 640px){.project:after{padding:8px 0 0;font-style:italic;color:#b6b6b6;right:0}}.project h3{font-size:150%;margin-top:0}.project h3 a{text-decoration:none}.project h3 a:hover{color:#0db0bc;text-decoration:underline}.project:last-of-type{margin-bottom:0}.project .content-block p{margin-top:0}.project .preview{width:50%;display:inline-block;margin:0;padding-top:16px;height:auto;max-height:inherit;vertical-align:top}.project .preview img{width:100%}@media (max-width: 640px){.project .carousel{margin:0 !important;padding:8px 0}}@media (min-width: 1380px){.project{width:calc(33.33333% - 32px);margin-right:16px;vertical-align:top}.project .content-block{width:100%;display:block}}.project.wide{width:100%}@media (min-width: 1380px){.project.wide .content-block{width:calc(33.33333% - 32px);display:inline-block}}.project-tile{cursor:pointer;margin-bottom:20px;padding:0;overflow:hidden;background-color:#FFF;box-shadow:0 0 3px rgba(0,0,0,0.25);color:#222;-webkit-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;padding-bottom:32px;transition:transform 150ms ease-out}.project-tile:after{content:"Read more...";color:#0db0bc;display:block;position:absolute;bottom:16px;margin:0 32px 0 0}@media (max-width: 640px){.project-tile:after{padding:8px 0 0;font-style:italic;color:#b6b6b6;right:0}}.project-tile:hover{transform:translateY(-8px)}.project-tile:after{margin-left:32px}.project-tile h3{margin-top:0}.project-tile p{font-size:16px;line-height:24px}.project-tile img{width:100%}.project-tile .introduction{padding:32px 32px 0}.project-tile .promo{width:100%}@media (min-width: 1380px){.project-column-layout{display:flex;flex-direction:row;flex-wrap:wrap}.project-column-layout .project,.project-column-layout .project-tile{width:auto !important;flex:1 1 30%}.project-column-layout .project.wide,.project-column-layout .project-tile.wide{flex:100%}.project-column-layout .project:last-child,.project-column-layout .project-tile:last-child{flex:calc(33.33333% - 16px) 0 !important}}.project-detail .images,.project-detail .soundcloud{margin-bottom:32px}.project-detail .content-text-only{margin-bottom:32px}@media (min-width: 1380px){.project-detail .content-text-only{max-width:960px;margin:0 auto}}.project-detail .soundcloud{width:100%}@media (min-width: 1380px){.project-detail .content-block{width:calc(50% - 24px)}}.project-detail.split .side-block{display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media (min-width: 640px){.project-detail.split .side-block{width:40%;padding:16px 32px}.project-detail.split .side-block.content-block{width:calc(60% - 24px);margin-right:0;margin-top:-16px}}@media (max-width: 1380px){.project-detail.split .side-block.content-block .content-block.no-header{padding-top:0}}@media (min-width: 1380px){.project-detail.split .side-block{width:30%}.project-detail.split .side-block.content-block{width:calc(70% - 24px)}}.project-detail.split .side-block .video-container{border-radius:0}.project-detail.split .side-block.side{background-color:#FFF;padding:0}.project-detail.split .side-block.side .content{padding:16px 32px 8px;border-bottom:1px dashed #b6b6b6;color:#222}.project-detail.split .side-block.side .content ul{padding:0 16px}.project-detail.split .side-block.side .actions{padding:16px 32px}.project-detail.split .side-block.side .actions .button{display:block;text-align:center;padding:4px 0}@media (min-width: 640px){.project-detail.split .side-block.side{box-shadow:0 0 3px rgba(0,0,0,0.25);margin-bottom:16px;margin-right:16px}.project-detail.split .side-block.side p{font-size:16px;line-height:24px}}@media (max-width: 640px){.project-detail.split .side-block.side{width:100%}}.project-detail.split .text-content{margin-top:40px}@media (min-width: 640px){.project-detail.split .content-block{width:100%}}@media (min-width: 1380px){.project-detail.split .content-block{width:calc(50% - 24px)}}.project-detail.single .content-text-only{margin:0 auto;width:75%;column-count:1}@media (max-width: 640px){.project-detail .project-header img{width:100%}.project-detail.split aside,.project-detail.split div.side{width:100%}.project-detail.single .content-text-only{width:100%}}@media (min-width: 640px){.project-detail .project-header img{width:100%}}form{display:inline}form fieldset{border:none;padding:0;margin:0}form.error .error-message{display:inline-block}form.success .success-message{display:inline-block}form .error-message,form .success-message{display:none;padding:16px;width:100%;color:#000;-webkit-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}form .error-message{background-color:red}form .success-message{background-color:#0db0bc}.wrapper{margin:8px 0}.wrapper label{width:150px;display:inline-block;vertical-align:top}.wrapper input,.wrapper textarea,.wrapper .input-placeholder{display:inline-block;width:275px;font-size:90%;padding:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrapper.submit input{margin:0;cursor:pointer;font-weight:bold;text-transform:uppercase;width:auto;border:2px solid #0db0bc;padding:8px 24px;border-radius:48px;font-size:90%;color:#FFF !important;background-color:#0db0bc;-webkit-border-radius:24px;-khtml-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;border-radius:24px}.wrapper.submit input:hover{background-color:#FFF;color:#0db0bc !important;text-decoration:none}.socials ul{padding:0;margin:0;list-style-type:none;clear:both}.socials li{display:inline-block;width:48px;height:48px;margin:4px}.socials .social-icon{background:transparent url(../images/socials.png) no-repeat 0 0;height:48px;width:48px}.socials .social-icon.yt{background-position:-48px 0}.socials .social-icon.li{background-position:0 -48px}.socials .social-icon.so{background-position:-48px -48px}.socials .social-icon.fm{background-position:0 -96px}.socials .social-icon.gh{background-position:-48px -96px}.socials .social-icon.tw{background-position:0 -144px}.socials .social-icon.bc{background-position:-48px -144px}.socials .social-icon.dg{background-position:0 -192px}@media (max-width: 640px){label{display:none}label,input,textarea{width:100%}}.video-container{border-radius:16px;overflow:hidden}.video-wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.soundcloud-playlist{min-height:auto;max-height:inherit}.bandcamp-embed{position:relative;overflow:hidden;padding-top:100%;max-height:440px}.bandcamp-embed iframe{position:absolute;width:100%;height:100%;top:0;left:0;border:0}.bandcamp-playlist{display:inline}.bandcamp-compact .content-block.media{max-height:228px;margin-bottom:24px}@media (min-width: 640px){.project_detail .video-container{width:50%;margin-left:12.5%}.project_detail .video-container.full{width:100%;margin-left:auto}.soundcloud,.soundcloud-playlist{min-height:200px}}@media (min-width: 1380px){.soundcloud,.soundcloud-playlist{min-height:302px}}@media (max-width: 640px){.music .soundcloud,.music .soundcloud-playlist{width:100%;padding:0;overflow:hidden;display:inline-block}.music .soundcloud{max-height:81px}.music .video-wrapper{width:100%;min-height:240px;padding:0;display:inline-block}}@media (min-width: 640px){.page_opensource .side-block.side{margin-top:-16px}}#cookieWall{position:fixed;display:flex;justify-content:space-between;align-items:center;width:100%;bottom:0;padding:0 16px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#0db0bc;color:#000;font-size:90%}#cookieWall p{margin-left:16px}#cookieWall a{color:#FFF}#cookieDismiss{background-color:#FFF;border:2px solid #0db0bc;cursor:pointer;margin:16px 8px;border-radius:50%;width:48px;height:48px;font-size:200%;color:#0db0bc}#cookieDismiss:hover{background-color:#0db0bc;color:#FFF;border-color:#FFF}@media (min-width: 960px){#cookieWall{width:960px;left:50%;margin-left:-480px;bottom:16px;border-radius:7px;box-shadow:0 3px 5px rgba(0,0,0,0.25)}}#header{z-index:1}#backtotop{z-index:2}#cookieWall{z-index:3}#overlay-container{z-index:10}html,body{height:100%}body{margin:0;padding:0;background-color:#EEE}body.dark{background-image:linear-gradient(to bottom, #474747 0, #303030 100%);background-attachment:fixed;color:#b6b6b6}body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6{color:#fefefe}.main{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:100%;margin:0 auto;padding:8px 16px;margin-bottom:-56px}@media (min-width: 960px){.main{width:960px}}@media (min-width: 1380px){.main{width:1380px}}.main:before,.main:after{content:"";display:block;height:64px}.main.has-introduction{width:100%;background-image:linear-gradient(to bottom, #474747 0, #303030 100%);background-repeat:repeat-x;min-height:10px;color:#f5f5f5;padding-bottom:0}.main.has-introduction:after{height:32px}.main.has-introduction h1,.main.has-introduction h2{color:#f5f5f5}.main.has-introduction .introduction{width:100%;margin:0 auto}.main .border-bottom{border-bottom:1px dashed #000}@media (max-width: 640px){.main{padding:8px 16px}.main.has-introduction .introduction{width:100%}}@media (min-width: 640px){.main.padded{padding-left:16px;padding-right:16px}.main.padded:before{height:128px}}@media (min-width: 960px){.main{padding:8px 24px}.main.has-introduction .introduction{width:960px;padding:0 24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media (min-width: 1380px){.main.has-introduction .introduction{width:1380px}}