.hamburger,.pointer{cursor:pointer}.hamburger:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}.project-title,.text-transform--none{text-transform:none}@font-face{font-family:NettoWeb;src:url(../font/NettoWebPro.woff)}:root{--base-size:16px;--base-color:#000204;--accent-color:#8d8d8d;--nav-background:white;--font-regular:NettoWeb,Helvetica,Arial,sans-serif;--line-height:1.2rem}::-moz-selection{color:#fff;background:var(--base-color)}::selection{color:#fff;background:var(--base-color)}html{-webkit-font-smoothing:antialiased;box-sizing:border-box;margin:0;padding:0}*{box-sizing:inherit}body{margin:4rem 9rem;font-size:var(--base-size);color:var(--color);font-family:var(--font-regular);line-height:var(--line-height);overflow-x:hidden}a:active,a:hover,a:link,a:visited{color:var(--accent-color);text-decoration:none}a:active,a:hover{color:var(--base-color)}.overflow--hidden{overflow:hidden}.hide{opacity:0}.bowl{display:grid;grid-template-areas:"navbar" "content" "footer";grid-template-columns:1fr;justify-content:center}.bowl *{max-width:964px}.navbar{grid-area:navbar;position:absolute;left:50%;transform:translate(-50%);display:grid;grid-template-columns:1fr auto;align-items:center;z-index:1000;width:calc(100% - 18rem)}.logo{width:180px}.hamburger{display:inline-block;transition:all .16s ease-in;overflow:visible;border:0;background:0}.card__label-wrapper,.clients>.client:hover,.project-title{background:var(--base-color)}.hamburger:hover{opacity:.6}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:20%}.hamburger-inner,.hamburger-inner::after{width:30px;height:3px;background:var(--base-color);position:absolute;transition:all .16s ease;border-radius:3px}.card__media,.content,.content>*{width:100%}.hamburger-inner::after{content:"";display:block;bottom:-10px}.hamburger.is-active .hamburger-inner{transform:translate3d(0,5px,0) rotate(45deg)}.hamburger.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-90deg)}.content{grid-area:content;display:grid;grid-template-columns:1fr;margin-top:4rem;justify-self:center}.content.home{max-width:auto}.content.home>*{margin:2.5rem 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));grid-auto-flow:dense;grid-column-gap:calc(100% / 45);grid-row-gap:.75rem}.card{position:relative;height:calc(100% - 10px);overflow:hidden}.card.span--2{grid-column:span 2}.card.span--3{grid-column:span 3}.card__label-wrapper{position:absolute;display:grid;justify-content:center;align-items:center;width:100%;height:100%;opacity:0;transition:opacity .2s ease-in;z-index:200}.clients>.client,.footer{align-items:center;display:grid}.card:hover>.card__label-wrapper{opacity:1}.card__label{color:#fff}.backup{width:70%;position:absolute;z-index:90;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(15px)}.basic img,.footer{width:100%}.clients{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:12rem}.clients>.client{padding:1.8rem;transition:background .2s ease-in}.clients>.client svg{margin:2rem auto;max-height:7rem;max-width:8rem;transition:filter .2s ease-in}.clients>.client:hover svg{filter:invert(1)}.content.project{margin:6.5rem 0;display:grid;grid-template-columns:minmax(auto,620px) minmax(auto,290px);grid-template-rows:70px 1fr;grid-column-gap:3rem;grid-auto-flow:dense}.project h2,.project h3{display:grid;font-size:1.3rem;margin:0;height:100%;align-items:end;padding-bottom:1rem;font-weight:700}.project-title{color:#fff;padding-left:2.5rem}.project-media{grid-column:1;grid-row:1/-1}.project-media-wrapper{max-width:620px;position:relative;margin-bottom:1rem}.project-media-object{position:relative;z-index:100;width:100%}.nav-overlay,.nav-overlay.is-visible~.navbar{position:fixed}.project-nav{margin-top:5rem;display:grid;grid-auto-flow:column}.content.basic{margin:6.5rem 0}.basic h1,.basic h2,.basic h3,.basic h4{line-height:1.8rem}.linkedin-svg>svg{filter:grayscale(100%);opacity:.5;margin-bottom:2rem}.footer{grid-area:footer;grid-template-columns:1fr auto;justify-self:center}.nav-overlay{z-index:900;opacity:0;top:0;left:0;height:100vh;width:100vw;background:var(--nav-background);color:var(--base-color);font-size:2.5rem;overflow:hidden;display:grid;align-items:center;justify-content:center;visibility:hidden;-webkit-transition:visibility .3s,opacity .3s ease-in;transition:visibility .3s,opacity .3s ease-in}.nav-overlay.is-visible{opacity:.95;visibility:visible}.nav{list-style:none;padding:0;margin:0;line-height:3rem}.nav--item{text-align:center;margin:1rem 0}.nav--item>a{padding:.8rem 1.5rem .3rem}.nav--item a:link,.nav--item a:visited{background:0 0;color:var(--base-color);text-decoration:none}.nav--item a:active,.nav--item a:hover{background:var(--base-color);color:var(--nav-background);text-decoration:none}@media screen and (max-width:768px){body{margin:2rem}.cards{grid-template-columns:1fr 1fr}.content.basic,.navbar{width:calc(100% - 4rem)}.content.project{grid-template-columns:1fr;overflow:hidden}.project h2{margin-top:-2rem;padding:2rem}.project-data{padding:0 2rem}.project-media{grid-row:end}.project-nav{display:block;margin:0;padding:2rem 0}.project-nav a:last-child{margin-left:2rem}.content.basic{display:block;overflow:hidden}.clients{grid-template-columns:1fr 1fr 1fr!important}}@media screen and (max-width:512px){body{margin:1rem}.card.span--2,.card.span--3{grid-column:span 1}.cards{grid-template-columns:1fr;grid-auto-flow:row;column-gap:0}.content.basic,.navbar{width:calc(100vw - 2rem)}.nav{font-size:2.5rem}.project h2{margin-top:-2rem}.logo{width:150px}.clients-slider>.client{padding:2rem}.clients{grid-template-columns:1fr 1fr!important}}