@charset "utf-8";@-webkit-keyframes get-in-touch{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes get-in-touch{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@font-face{font-family:'space-mono-italic';src:url(src/fonts/spacemono-italic-webfont.woff2) format('woff2'),url(src/fonts/spacemono-italic-webfont.woff) format('woff');font-weight:400;font-style:italic}@font-face{font-family:'space-mono-regular';src:url(src/fonts/spacemono-regular-webfont.woff2) format('woff2'),url(src/fonts/spacemono-regular-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:'work-sans-extra-light';src:url(src/fonts/worksans-extralight-webfont.woff2) format('woff2'),url(src/fonts/worksans-extralight-webfont.woff) format('woff');font-weight:200;font-style:normal}@font-face{font-family:'work-sans-light';src:url(src/fonts/worksans-light-webfont.woff2) format('woff2'),url(src/fonts/worksans-light-webfont.woff) format('woff');font-weight:300;font-style:normal}@font-face{font-family:'work-sans-medium';src:url(src/fonts/worksans-medium-webfont.woff2) format('woff2'),url(src/fonts/worksans-medium-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:'work-sans-regular';src:url(src/fonts/worksans-regular-webfont.woff2) format('woff2'),url(src/fonts/worksans-regular-webfont.woff) format('woff');font-weight:500;font-style:normal}body,html,ul{margin:0;padding:0}body,html{border:0;font:inherit;vertical-align:baseline;line-height:inherit}ul{list-style:none}:focus{outline:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{text-decoration:none;outline:0;cursor:pointer;color:#101010;box-shadow:inset 0 -12px 0 #f0f0f0}a img{border:0}img,video{width:100%}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}p{margin:0}body{color:#404040;background-color:#fff;font-family:'work-sans-light',sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.inner{margin:0 auto;padding:0}.inner,section{position:relative}.clearfix-grey,.clearfix-white{background:#fff;position:relative;width:100%;height:1rem;clear:both}h1{font-weight:400;font-size:10rem}.imprint-overlay h1,.project h1,.project h1 a{font-family:'space-mono-regular',monospace;font-size:3rem;color:#404040}a.intouch,h1,h2{font-family:'space-mono-regular',monospace}h2{font-size:1rem;text-align:right}b,strong{font-family:'work-sans-regular',sans-serif}.hej b{letter-spacing:none;box-shadow:inset 0 -22px 0 #f0f0f0}a.ext-link{font-family:'work-sans-light',sans-serif;box-shadow:inset 0 -12px 0 #f0f0f0;transition:all .2s ease}a.ext-link:hover,nav ul li a:hover{box-shadow:inset 0 -20px 0 #f0f0f0;transition:all .2s ease}a.intouch{font-size:120%;padding:5px;width:auto;background:#6c69fd;color:#fff;clear:both;-webkit-box-shadow:5px 5px 0 0 rgba(255,255,255,.75);-moz-box-shadow:5px 5px 0 0 rgba(255,255,255,.75);box-shadow:5px 5px 0 0 rgba(255,255,255,.75);display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0)}a.intouch:active,a.intouch:focus,a.intouch:hover{-webkit-animation:get-in-touch .7s ease-in-out;animation:get-in-touch .7s ease-in-out}.fixed-bar{background:0 0}a.logo{position:fixed;top:.15rem;left:2rem;z-index:1;box-shadow:none}a.logo h1,nav ul li a{font-size:.8rem;box-shadow:none}a.logo h1{font-family:'space-mono-regular',monospace}.close-x svg,nav{position:fixed;width:30px}nav{top:0;right:50px;height:100vh;z-index:1000}header,nav ul{position:fixed;bottom:0}nav ul{transform:rotate(90deg);transform-origin:right bottom;display:inline-block;right:24px}nav ul li{display:inline}nav ul li a{color:#c8c8c8;text-transform:lowercase;margin-right:15px;transition:all 1s ease}header{min-height:100vh;background:url(src/bg_header-k.png) no-repeat top right;background-size:100%;overflow:hidden;top:0;left:0;right:0}header .inner{padding:0 2rem;opacity:1;transition:opacity .5s .25s}.hej{font-size:1.3rem;line-height:1.65;padding-top:35vh}.more{position:relative;margin-top:5vh}.more a,.project-subtitle ul li,.quote a,nav ul li a{font-family:'space-mono-regular',monospace}.more a{display:inline-block;color:#6c69fd;transition:all .5s ease-in-out;box-shadow:none;font-size:.8rem}.quote{display:none;position:fixed;bottom:125px;right:-70px;transform:rotate(90deg);z-index:999}.project-subtitle ul li,.quote a{font-size:.6rem}.quote a{box-shadow:none;color:#404040}main{position:relative;margin:100vh 0 0;padding:0rem 2.5rem 4rem 2rem;background:#fff;border-top:20px solid #f0f0f0;z-index:2}.project{margin:8rem 0}.row,.row-img,.row-overlap{margin:0}.project-description,.project-img,.project-subtitle,.project-title,.project-toggle{position:relative}.project-title h1{display:inline-block;font-size:1.5rem;width:100%;margin:0 0 .6rem}.project-title h1:hover,a.logo h1{color:#6c69fd}.project-title h1:after{position:relative;top:2px;content:' →'}.project-fullview p,.project-subtitle ul{margin:1.6rem 0}.project-subtitle ul li{color:#6c69fd;line-height:1.65}.project-fullview{margin:1.6rem 0 0}.project-img{width:90vw}.project-fullview img,.project-img img{margin:0 0 0 -3rem;width:90vw}.screen{margin-left:-3.5rem}.phone{width:50%;margin-left:30%!important}a.project-toggle{padding:0}a.project-toggle .project-img img{transition:all .3s ease}a.project-toggle:hover .project-img img{box-shadow:15px 15px 0 #f0f0f0;transform:translate(-5px,-5px);transition:all .3s ease}.screen:hover,.social a,a.project-toggle:hover .screen img{box-shadow:none}.project-description p,.project-fullview p{font-size:1rem;line-height:1.65;width:90%}footer{background:#eee}#about,#contact,footer{position:relative}#about{padding-bottom:4rem}.tdlr{font-family:'space-mono-regular',monospace;font-size:1rem;line-height:1.78;color:#6c69fd;padding:4rem 4rem 4rem 1.2rem;z-index:10000;border-top:1px solid #eee}.tdlr small{font-size:.6rem;color:#fff;background:#6c69fd}.fineprint{margin:4rem 4rem 4rem 1.2rem;font-size:.75rem;line-height:1.7;max-width:1090px}.fineprint p,address{margin-bottom:.75rem;padding-left:.4rem;border-left:3px solid #fff}#contact{background:#fff;padding:4rem 4rem 4rem 2rem;font-size:.8rem;text-align:center}.social{margin-top:1rem}.social img{width:20px;margin:0 .5rem}.imprint-overlay{position:fixed;top:0;left:0;overflow-y:scroll;background:rgba(255,255,255,.9);width:100%;height:100vh;z-index:10000;display:none;margin:0;padding:0}.imprint-overlay .inner{margin:4rem auto;width:60%}.imprint-overlay h1{margin-bottom:4rem}.imprint-overlay h3{margin-top:4rem}.imprint-overlay p{color:#404040;width:90%;line-height:1.7;font-size:.9rem}address{padding-left:.25rem;font-style:normal;margin-bottom:2rem}.close-x svg{display:block;right:2vw;top:2vw;height:30px;border:0;stroke:#6c69fd;stroke-width:5px}@media (min-width:414px){.hej{font-size:1.4rem;line-height:1.6}.project-subtitle ul li{font-size:.8rem;line-height:1.65}.project-description p,.project-fullview p{font-size:.95rem;line-height:1.7;width:90%}}@media (min-width:555px){main{padding:3rem 3rem auto}.project-description p,.project-fullview p{width:70vw}footer .tdlr{padding:4rem 5rem 5rem 1.6rem}a.intouch{font-size:1.6rem}.about-img{width:70%;margin:0;}.fineprint{width:50%;margin:4rem 0 4rem 4rem}}@media (min-width:700px){.fixed-bar{position:fixed;top:0;left:0;height:40px;width:100%;display:inline-block;background:rgba(255,255,255,.9);border-bottom:1px solid #f0f0f0;z-index:1000;margin:0;padding:0}.quote{display:block}a.logo{left:2rem;width:100%;height:auto}a.logo h1{font-size:.9rem}a.logo,nav,nav ul{position:relative}nav{top:-30px;height:auto;width:auto;float:right;right:auto}nav ul{transform:rotate(0deg);right:0}nav ul li a{font-size:.8rem;color:#404040}.project{margin:0 auto 12rem}.hej{padding-top:44vh;font-size:1.8rem;line-height:1.49}.project-title h1{font-size:1.8rem;line-height:2.5}.project-title h1:hover{font-family:'space-mono-italic','space-mono-regular',monospace}.project-description,.project-subtitle ul{margin:2rem 0}.project-subtitle ul li{font-family:'space-mono-italic',monospace;font-size:.8rem;line-height:1.68}.project-description p,.project-fullview p{width:80%;font-size:1.1rem;line-height:1.65}a.project-toggle{box-shadow:none}.row,.row-img{margin:1.2rem 0}.row-overlap{margin-top:-16rem}.screen img{margin-left:-9rem}.project-fullview img{margin:0}.screen{margin-left:0;width:100%}footer .fineprint{width:80%;margin:4rem 0 4rem 1.6rem;column-count:2;column-gap:40px}#contact{font-size:1rem}}@media (min-width:1090px){main{padding-bottom:1rem}.inner{width:1090px;padding:0;margin:0 auto}a.logo{left:0}.project{width:1090px;overflow:hidden;margin:14rem auto 16rem}.project-title{z-index:99;display:inline-block;position:absolute;left:0;top:25%}.project-title h1{font-family:'space-mono-regular',monospace;font-size:2.2rem;display:inline;margin:30% 0 0;box-shadow:inset 0 -60px 0 #6c69fd;color:#fff;transition:all .3s ease;padding:0 .25rem}.project-title h1:hover{font-family:'space-mono-italic','space-mono-regular',monospace;color:#6c69fd;box-shadow:inset 0 -4px 0 #6c69fd;transition:all .3s ease;padding-right:10rem}.project-img img{width:945px;margin-top:1rem}.large--push-1{margin-left:16.66667%}.project-subtitle ul{padding-left:9.4rem!important}.project-description p,.project-fullview p{padding:0 0 0 6rem;width:66%}.screen{margin-left:25%}a.intouch{margin:3rem 0 0 0}footer .tdlr{background:0 0;border:0;padding:6rem 14rem 8rem 0}footer .about-img,footer .fineprint{margin-left:0}}@media (min-width:700px){.about-img{width:100%;margin:0;}.grid{list-style:none;margin-left:-1rem}.grid__col--12-of-12,.grid__col--2-of-2,.grid__col--3-of-3,.grid__col--4-of-4,.grid__col--5-of-5,.grid__col--6-of-6,.grid__col--8-of-8{width:100%!important}.grid__col--1-of-2,.grid__col--2-of-4,.grid__col--3-of-6,.grid__col--4-of-8,.grid__col--6-of-12{width:50%!important}.grid__col--1-of-3,.grid__col--2-of-6,.grid__col--4-of-12{width:33.33333%!important}.grid__col--2-of-3,.grid__col--4-of-6,.grid__col--8-of-12{width:66.66667%!important}.grid__col--1-of-4,.grid__col--2-of-8,.grid__col--3-of-12{width:25%!important}.grid__col--3-of-4,.grid__col--6-of-8,.grid__col--9-of-12{width:75%!important}.grid__col--push-12-of-12,.grid__col--push-2-of-2,.grid__col--push-3-of-3,.grid__col--push-4-of-4,.grid__col--push-5-of-5,.grid__col--push-6-of-6,.grid__col--push-8-of-8{margin-left:100%!important}.grid__col--push-1-of-2,.grid__col--push-2-of-4,.grid__col--push-3-of-6,.grid__col--push-4-of-8,.grid__col--push-6-of-12{margin-left:50%!important}.grid__col--push-1-of-3,.grid__col--push-2-of-6,.grid__col--push-4-of-12{margin-left:33.33333%!important}.grid__col--push-2-of-3,.grid__col--push-4-of-6,.grid__col--push-8-of-12{margin-left:66.66667%!important}.grid__col--push-1-of-4,.grid__col--push-2-of-8,.grid__col--push-3-of-12{margin-left:25%!important}.grid__col--push-3-of-4,.grid__col--push-6-of-8,.grid__col--push-9-of-12{margin-left:75%!important}.grid__col--pull-12-of-12,.grid__col--pull-2-of-2,.grid__col--pull-3-of-3,.grid__col--pull-4-of-4,.grid__col--pull-5-of-5,.grid__col--pull-6-of-6,.grid__col--pull-8-of-8{margin-left:-100%!important}.grid__col--pull-1-of-2,.grid__col--pull-2-of-4,.grid__col--pull-3-of-6,.grid__col--pull-4-of-8,.grid__col--pull-6-of-12{margin-left:-50%!important}.grid__col--pull-1-of-3,.grid__col--pull-2-of-6,.grid__col--pull-4-of-12{margin-left:-33.33333%!important}.grid__col--pull-2-of-3,.grid__col--pull-4-of-6,.grid__col--pull-8-of-12{margin-left:-66.66667%!important}.grid__col--pull-1-of-4,.grid__col--pull-2-of-8,.grid__col--pull-3-of-12{margin-left:-25%!important}.grid__col--pull-3-of-4,.grid__col--pull-6-of-8,.grid__col--pull-9-of-12{margin-left:-75%!important}.grid__col--1-of-6{width:16.66667%!important}.grid__col--push-1-of-6{margin-left:16.66667%!important}.grid__col--pull-1-of-6{margin-left:-16.66667%!important}.grid__col--5-of-6{width:83.33333%!important}.grid__col--push-5-of-6{margin-left:83.33333%!important}.grid__col--pull-5-of-6{margin-left:-83.33333%!important}.grid__col--1-of-8{width:12.5%!important}.grid__col--push-1-of-8{margin-left:12.5%!important}.grid__col--pull-1-of-8{margin-left:-12.5%!important}.grid__col--3-of-8{width:37.5%!important}.grid__col--push-3-of-8{margin-left:37.5%}.grid__col--pull-3-of-8{margin-left:-37.5%}.grid__col--5-of-8{width:62.5%}.grid__col--push-5-of-8{margin-left:62.5%}.grid__col--pull-5-of-8{margin-left:-62.5%}.grid__col--7-of-8{width:87.5%}.grid__col--push-7-of-8{margin-left:87.5%}.grid__col--pull-7-of-8{margin-left:-87.5%}.grid__col--1-of-12{width:8.33333%}.grid__col--push-1-of-12{margin-left:8.33333%}.grid__col--pull-1-of-12{margin-left:-8.33333%}.grid__col--2-of-12{width:16.66667%}.grid__col--push-2-of-12{margin-left:16.66667%}.grid__col--pull-2-of-12{margin-left:-16.66667%}.grid__col--5-of-12{width:41.66667%!important}.grid__col--push-5-of-12{margin-left:41.66667%}.grid__col--pull-5-of-12{margin-left:-41.66667%}.grid__col--7-of-12{width:58.33333%!important}.grid__col--push-7-of-12{margin-left:58.33333%}.grid__col--pull-7-of-12{margin-left:-58.33333%}.grid__col--10-of-12{width:83.33333%}.grid__col--push-10-of-12{margin-left:83.33333%}.grid__col--pull-10-of-12{margin-left:-83.33333%}.grid__col--11-of-12{width:91.66667%}.grid__col--push-11-of-12{margin-left:91.66667%}.grid__col--pull-11-of-12{margin-left:-91.66667%}.grid__col{box-sizing:border-box;display:inline-block;margin-right:-.25em!important;min-height:1px;padding-left:1rem;vertical-align:top}.grid__col--centered{display:block;margin-left:auto;margin-right:auto}.grid__col--d-first{float:left}.grid__col--d-last{float:right}.grid--no-gutter .grid__col{padding-left:0}.grid--no-gutter,.grid--no-gutter .grid__col--span-all{margin-left:0;width:100%}.grid__col--ab{vertical-align:bottom}.grid__col--am{vertical-align:middle}}