@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Proof;src:url(fonts/Proof-Book.woff2) format("woff2"),url(fonts/Proof-Book.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Proof;src:url(fonts/Proof-Medium.woff2) format("woff2"),url(fonts/Proof-Medium.woff) format("woff");font-weight:700;font-style:normal}html{min-height:100vh}html body{margin:0;padding:0;font-family:Proof,sans-serif;font-size:15px}html body app{overflow:hidden;overflow-y:hidden;-webkit-overflow-scrolling:touch}html body a{color:inherit;text-decoration:none}html body #hero{height:100vh;width:100vw;overflow:hidden;position:relative;z-index:1}html body #hero .logo{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5);width:190px}html body #hero .logo:hover{cursor:pointer}html body #hero .logo.expand .mask{width:100%;transition:width .3s ease-in-out,transform .5s ease-in-out;transition-delay:.5s;transform:translateX(0)}html body #hero .logo .mask{background:#fff;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%);position:absolute;top:0;left:0;height:52px;width:0;transform:translateX(-5px)}html body #hero .logo .mask img{position:absolute;top:0;left:0;height:52px;width:190px;display:block}html body #hero .bg{position:absolute;top:0;left:0;height:100vh;width:100vw;position:relative;z-index:1}html body #hero .bg .hero-sticker{position:absolute;top:50px;left:50px;transform:translateY(50px) rotate(-15deg);opacity:0;height:150px;width:150px;background-color:#000;border-radius:50%}html body #hero .bg .hero-sticker.expand{transition:transform .3s ease-in-out,opacity .5s ease-in-out;transition-delay:1.5s;transform:translateY(0) rotate(-15deg);opacity:1}@media (max-width:1080px){html body #hero .bg .hero-sticker{top:25px;left:25px;transform:translateY(0) rotate(-15deg) scale(.7)}}html body #hero .bg .hero-sticker p{color:#fff;font-weight:700;font-size:16px;line-height:20px;text-align:center;width:90%;margin:0;position:absolute;top:52%;left:49%;transform:translate(-50%,-50%)}html body #hero .bg .hero-carousel{position:relative;height:100vh;width:100vw}html body #hero .bg .hero-carousel .flickity-viewport,html body #hero .bg .hero-carousel .flickity-viewport .flickity-slider{height:100vh!important}html body #hero .bg .hero-carousel .flickity-viewport .flickity-slider .carousel-cell{width:100vw;height:100vh!important;background-repeat:no-repeat;background-position:50%;background-size:cover}html body #hero .bg .hero-carousel .flickity-page-dots,html body #hero .bg .hero-carousel .flickity-prev-next-button{display:none}html body #intro{background-color:#fff;z-index:2;overflow:hidden}html body #intro section{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:70px auto;max-width:90%;width:1200px;transform:translateY(0);min-height:500px}@media (max-width:1080px){html body #intro section{min-height:450px;margin:60px auto}html body #intro section .img{width:80%}}@media (max-width:768px){html body #intro section{-ms-flex-direction:column;flex-direction:column}html body #intro section .img{height:300px;margin-top:50px!important;width:100%}}@media (max-width:480px){html body #intro section .img{width:100%}}html body #intro section p{font-family:Proof,sans-serif;font-weight:400;font-size:15px;line-height:24px}@media (max-width:1080px){html body #intro section p{margin:25px 0}}@media (max-width:480px){html body #intro section p{margin:25px .5em;padding:0 1em}}html body #intro section p span{font-weight:700;font-size:18px}html body #intro section p:first-of-type{margin-top:0!important}html body #intro section p:last-of-type{margin-bottom:0!important}html body #intro section .img .caption{position:absolute;bottom:10px;left:10px;color:#fff;font-family:Proof,sans-serif;font-weight:400;font-weight:700;font-size:18px;line-height:24px}html body #intro section.img-left .skew{-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 120px) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 120px) 100%,0 100%)}@media (max-width:1080px){html body #intro section.img-left .skew{left:-5vw!important;top:auto!important}}@media (min-width:768px){html body #intro section.img-left .text{padding-right:2em}}@media (max-width:768px){html body #intro section.img-left .img{-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-order:2;order:2;height:300px;-ms-flex-pack:initial;justify-content:initial}html body #intro section.img-left .text{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:initial;justify-content:initial}}html body #intro section.img-right.active .skew{transition:width .5s ease-in-out,-webkit-clip-path .5s ease-in-out;transition:clip-path .5s ease-in-out,width .5s ease-in-out;transition:clip-path .5s ease-in-out,width .5s ease-in-out,-webkit-clip-path .5s ease-in-out}html body #intro section.img-right .skew{left:auto!important;right:0!important;-webkit-clip-path:polygon(120px 0,100% 0,100% 100%,0 100%);clip-path:polygon(120px 0,100% 0,100% 100%,0 100%)}@media (max-width:1080px){html body #intro section.img-right .skew{right:-5vw!important;top:auto!important}}@media (min-width:768px){html body #intro section.img-right .text{padding-left:2em;-ms-flex-pack:center;justify-content:center}html body #intro section.img-right .img{-ms-flex-pack:initial;justify-content:initial}}@media (max-width:768px){html body #intro section.img-right .img{-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-order:2;order:2;height:300px;-ms-flex-pack:initial;justify-content:initial}html body #intro section.img-right .text{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:initial;justify-content:initial}}html body #intro section .left{margin-right:4%}html body #intro section .left,html body #intro section .right{-ms-flex:0 1 48%;flex:0 1 48%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}html body #intro section .right{-ms-flex-pack:center;justify-content:center}html body #intro section .img-left .img .skew,html body #intro section .img-right .img .skew{-ms-flex-item-align:center;align-self:center}html body #intro section .left,html body #intro section .right{position:relative}@media (max-width:768px){html body #intro section .left,html body #intro section .right{-ms-flex:0 1 100%;flex:0 1 100%;margin:0}}html body #intro section .left.text,html body #intro section .right.text{opacity:0;transform:translateY(50px)}html body #intro section .left .skew,html body #intro section .right .skew{position:absolute;top:0;left:0;background-position:50%;background-size:cover;background-repeat:no-repeat;width:0;height:500px}@media (max-width:1080px){html body #intro section .left .skew,html body #intro section .right .skew{height:450px}}@media (max-width:768px){html body #intro section .left .skew,html body #intro section .right .skew{height:300px}}html body .video-section .text{transition:opacity .5s ease-in-out}html body .video-section .hide-text{opacity:0!important}@media (max-width:768px){html body .video-section .hide-text{opacity:1!important}}html body .video-section .video-wrapper{z-index:2;transition:width .5s ease-in-out,flex .5s ease-in-out;transition:width .5s ease-in-out,flex .5s ease-in-out,-ms-flex .5s ease-in-out}html body .video-section .video-wrapper.active{-ms-flex:0 0 888.88px!important;flex:0 0 888.88px!important;width:888.88px!important}@media (max-width:1080px){html body .video-section .video-wrapper.active{-ms-flex:0 0 800px!important;flex:0 0 800px!important;width:800px!important}}@media (max-width:1024px){html body .video-section .video-wrapper.active{-ms-flex:0 0 800px!important;flex:0 0 800px!important;width:800px!important}}@media (max-width:768px){html body .video-section .video-wrapper.active{-ms-flex:0 0 calc(100% + 10vw)!important;flex:0 0 calc(100% + 10vw)!important;width:calc(100% + 10vw)!important}}html body .video-section .video-wrapper.active .skew{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important}html body .video-section .video-wrapper .video-holder,html body .video-section .video-wrapper .video-holder iframe{width:100%;height:100%}html body .video-section .video-wrapper .video-play-btn{position:absolute;height:80px;width:80px;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in-out;z-index:2;background-image:url(../img/video-play.svg);background-position:50%;background-size:contain;background-repeat:no-repeat}html body .video-section .video-wrapper .video-play-btn.hide-btn{display:none;opacity:0}html body .video-section .video-wrapper .video-close-btn{position:absolute;height:30px;width:30px;top:0;left:-40px;transition:opacity .5s ease-in-out .5s;z-index:3;background-image:url(../img/video-close.svg);background-position:50%;background-size:contain;background-repeat:no-repeat}@media (max-width:1080px){html body .video-section .video-wrapper .video-close-btn{left:0}}@media (max-width:768px){html body .video-section .video-wrapper .video-close-btn{left:-15px}}html body .video-section .video-wrapper .video-close-btn.hide-btn{opacity:0;transition:opacity .5s ease-in-out .1s}html body #projects h3{margin-top:0;margin-bottom:10px}html body #projects section{margin:0 auto 70px;max-width:90%;width:1200px;overflow:hidden}html body #projects section ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -12px;padding:0}@media (max-width:640px){html body #projects section ul{margin:0 -8px}}html body #projects section ul li{height:70px;width:70px;-ms-flex:0 1 70px;flex:0 1 70px;margin:12px;border:1px solid #d8d8d8;list-style:none;vertical-align:middle;opacity:0;transform:translateY(30px);display:-ms-flexbox;display:flex}@media (max-width:640px){html body #projects section ul li{margin:8px}}html body #projects section ul li img{display:block;margin:0;width:100%;height:auto;-ms-flex-item-align:center;align-self:center}html body #contact section{margin:70px auto 0;max-width:100%;width:100%;position:relative}@media (max-width:768px){html body #contact section{max-width:100%;width:100%}}html body #contact section .left{z-index:1;overflow:hidden}html body #contact section .left #map{height:300px;width:65%}@media (max-width:768px){html body #contact section .left #map{width:100%}}html body #contact section .right{position:absolute;top:0;right:0;height:100%;width:55%;background:#4a4a4a;-webkit-clip-path:polygon(120px 0,100% 0,100% 100%,0 100%);clip-path:polygon(120px 0,100% 0,100% 100%,0 100%);z-index:2;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (max-width:768px){html body #contact section .right{position:relative;width:100%;-webkit-clip-path:none;clip-path:none}}html body #contact section p{color:#fff;margin-left:30%;width:60%;font-size:18px}@media (max-width:768px){html body #contact section p{padding:40px 5vw;margin-left:0;width:100%}}html body #imprint{background-color:#4a4a4a;overflow:hidden}html body #imprint section{margin:0 auto;max-width:90%;width:1200px;position:relative}html body #imprint #bar{background-color:#000;height:60px}html body #imprint #bar a{color:#999;line-height:60px;margin-right:1em}html body #imprint #bar a span{font-size:1em;vertical-align:middle}html body #imprint .expand{padding-bottom:2em}html body #imprint .expand p{color:#fff;line-height:150%;font-size:15px;margin:0;padding:2em 0 0}html body #imprint .expand p a{text-decoration:underline}