a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,button{background:none}q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{height:auto;width:auto}input{-moz-appearance:none;appearance:none;border-radius:0}*{box-sizing:border-box}:focus{outline:none}.header{height:var(--headerHeight);position:fixed;width:100%;left:0;top:0;z-index:10;background-color:#fff;border-bottom:1px solid #b7b7b7}.header,.header__left{display:flex;justify-content:flex-start}.header__left{align-items:center;flex-basis:80%}@media screen and (min-width:768px){.header__left{flex-basis:60%}}.header__right{display:flex;flex-basis:20%;justify-content:flex-start;align-items:center}@media screen and (min-width:768px){.header__right{flex-basis:40%}}.header__logo{text-transform:uppercase;font-size:1.75rem;letter-spacing:.1em;justify-content:flex-start;align-items:center;display:flex;width:100%;height:100%;text-decoration:none;transition:background-color .3s;color:#b7b7b7;background-color:#fff;padding-left:var(--navPadding)}.header__logo:hover{background-color:#f0f0f0}.navigation{width:100%;display:flex;height:100%;justify-content:center;align-items:center;transition:background .3s;border-left:1px solid #b7b7b7;cursor:pointer}@media screen and (min-width:768px){.navigation{justify-content:flex-start;padding-left:var(--navPadding)}}.navigation:hover{background-color:#f0f0f0}.navigation__icon{height:50px;width:50px;cursor:pointer}.navigation__icon .line{fill:none;stroke:#b7b7b7;stroke-width:6}.navigation__icon .line1{stroke-dasharray:60 207;stroke-width:6}.navigation__icon .line2{stroke-dasharray:60 60;stroke-width:6}.navigation__icon .line3{stroke-dasharray:60 207;stroke-width:6}.navigation.open .navigation__wrapper{top:0;opacity:1}.navigation.open .navigation__wrapper .navigation__icon .line{transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1);transition-delay:.2s}.navigation.open .navigation__wrapper .navigation__icon .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.navigation.open .navigation__wrapper .navigation__icon .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}.navigation.open .navigation__wrapper .navigation__icon .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.navigation__close{display:flex;align-items:center;justify-content:center;height:var(--headerHeight);width:100%;transition:background-color .3s}.navigation__close:hover{background-color:#f0f0f0}.navigation__wrapper{position:fixed;top:-100%;right:0;height:100%;width:100%;transition:all .5s ease;background-color:#fff;opacity:0;border-left:1px solid #b7b7b7;z-index:10}@media screen and (min-width:768px){.navigation__wrapper{width:40%}}.navigation__list{padding:var(--navPadding);overflow-y:auto;background-color:#fff}.navigation__main{margin-bottom:3rem}.navigation__item{display:flex}.navigation__link{color:#b7b7b7;margin-bottom:.5rem;text-decoration:none;transition:.3s}.navigation__link.active,.navigation__link:hover{color:#fda61b}main{padding-top:var(--headerHeight)}.home .project__overview{display:flex;flex-wrap:wrap;visibility:hidden}.home .project__overview[data-masonry]{opacity:0;transform:translateY(-10000px);transition:opacity .5s}.home .project__overview.loaded{transform:translateY(0);visibility:visible;opacity:1}.home .project__wrapper{padding:var(--navPadding);width:100%}.home .overview__image{padding:1rem;width:100%}@media screen and (min-width:580px){.home .overview__image{width:50%}}@media screen and (min-width:768px){.home .overview__image{width:33.33%}}@media screen and (min-width:1024px){.home .overview__image{width:25%}}.home .overview__image img{width:100%;height:auto}.project{display:flex;justify-content:flex-start;flex-wrap:wrap}.project__wrapper{margin:-16px;padding:var(--navPadding);width:100%;order:0}@media screen and (min-width:1024px){.project__wrapper{width:60%}}.project__overview{width:100%}.project__overview[data-masonry]{visibility:hidden;opacity:0;transform:translateY(-10000px);transition:opacity .5s}.project__overview.loaded{transform:translateY(0);visibility:visible;opacity:1}.project__info{padding:var(--navPadding);position:relative;width:100%;order:1}@media screen and (min-width:1024px){.project__info{overflow-y:auto;position:fixed;right:0;top:var(--headerHeight);width:40%;height:calc(100vh - var(--headerHeight))}.project__info:not(.no-border){border-left:1px solid #b7b7b7}}.project .overview__image{line-height:0;width:100%;padding:1rem}@media screen and (min-width:1024px){.project .overview__image{width:50%}}.project .overview__image img{width:100%;height:auto}.project__headline{color:#fda61b;margin-bottom:1.5rem;text-transform:lowercase;font-size:1.25rem}.project__headline.less-margin{margin-bottom:.75rem}.project__headline.small{font-size:1rem}.project__headline.text{color:#333}.project__description{font-size:1rem}@use "sass:map";html{font-size:16px}body{font-family:letter-gothic-std,sans-serif;font-weight:400;overflow-x:hidden;background-color:#fff;color:#b7b7b7;-webkit-hyphenate-character:"-";--headerHeight:100px;--navPadding:50px}body,body *{line-height:1.44em}body.fixed{overflow:hidden}body a{color:#fda61b}body h1,body h2,body h3,body h4,body h5,body h6{line-height:inherit;color:inherit}body img{line-height:0;max-width:100%}@media screen and (min-width:1024px){body{--headerHeight:200px;--navPadding:80px}}