@font-face{font-family:Graphik-Regular;src:url(fonts/Graphik-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/Graphik-Regular.otf) format("opentype"),url(fonts/Graphik-Regular.woff) format("woff"),url(fonts/Graphik-Regular.ttf) format("truetype"),url(fonts/Graphik-Regular.svg#Graphik-Regular) format("svg");font-weight:400;font-style:normal}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,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,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,main,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}html{font-size:100%}body{font-size:1em;line-height:1.6em;font-family:Graphik-Regular,sans-serif!important;background-color:#fff}a,body{color:#000}a{line-height:1.8em;display:inline-block;text-decoration:none!important;transition:all .4s}a:focus,a:hover{color:#000}a:focus{outline:none;text-decoration:none}p{margin-bottom:26px;margin-bottom:1.6em}h1{font-size:100%;margin:0 0 10px}h1 a,h1 a:hover{color:#000}h2{font-size:100%}.buttonOutline{border:2px solid #000;color:#000;text-decoration:none!important;padding:5px 10px;display:block;float:left}.buttonOutline:hover{background:#000;border-color:#000;color:#fff}#wrapper{position:absolute}#overlay,#wrapper{width:100%;height:100%}#overlay{position:fixed;left:0;top:0;opacity:0;background:#fff;transition:all .8s;backface-visibility:hidden;transform:translateZ(0);z-index:100;pointer-events:none}#overlay.expanded{opacity:1}#overlay.left{transform:translateX(-100%);transition:none}#overlay.left.expanded{transform:translateX(0);transition:all .8s}#overlay.right{transform:translateX(100%);transition:none}#overlay.right.expanded{transform:translateX(0);transition:all .8s}.main{overflow:hidden;opacity:0;transition:all .4s}.main.show{opacity:1}@-keyframes $name{0%{transform:translateX(-50%) scale(1)}50%{transform:translateY(10px) translateX(-50%) scale(1)}to{transform:translateX(-50%) scale(1)}}.background{background-repeat:no-repeat!important;background-position:50%!important;background-size:cover!important}#right{position:fixed;right:30px;top:20px;text-align:right;z-index:50}#right a{display:block;float:left;clear:both;cursor:pointer}#right a:after{content:'';position:relative;display:block;width:0;top:-4px;height:2px;background:#000;transition:all .4s}#right a:hover:after{width:100%}#preload{display:none}#preload img{width:1px;height:1px}#background{position:fixed;width:100%;height:100%;z-index:1;pointer-events:none;top:0;left:0;background-image:url(../img/background.png);transition:all .4s}#background.mobile{background-image:url(../img/background.png)!important}header{position:fixed;top:20px;left:30px;z-index:20}header h1{margin-bottom:0;line-height:1.8em}header h2,header span.subtitle{display:block}.intro{position:fixed;top:130px;left:30px;z-index:10}.intro .projectList{overflow:hidden}.intro .projectList li,.intro .projectList li a{display:block;float:left;clear:both}.intro .projectList li a{cursor:pointer}.intro .projectList li a:after{content:'';position:relative;display:block;width:0;height:2px;top:-4px;background:#000;transition:all .4s}.intro .projectList li a:hover:after{width:100%}.intro .projectList li a.works{margin-top:50px}#works{display:block;max-height:0;opacity:0;overflow-y:scroll;margin-top:10px;padding-right:40px;margin-right:20px;transition:all .4s}.works-opened #works{opacity:1;max-height:50vh}#works p{margin-bottom:0;font-size:.75em}#works p a{display:inline-block;cursor:pointer}#works::-webkit-scrollbar{width:2px}#works::-webkit-scrollbar-track{box-shadow:none;border-radius:0}#works::-webkit-scrollbar-thumb{border-radius:0;box-shadow:none;background:#000}#homeCanvas{width:100%;height:100%;display:block;position:fixed;top:0;left:0;z-index:0;transition:all .8s}.works-opened #homeCanvas{opacity:.4}#about{width:34%;height:100%;float:left;padding:130px 30px;position:fixed;top:0;left:100%;opacity:0;z-index:15;background:#fff;transition:all 1.2s}.about-opened #about{left:0;opacity:1}#about a:after{content:'';position:relative;display:block;width:100%;height:2px;top:-4px;background:#000;transition:all .4s}#about3D{width:66%;height:100%;float:left;position:fixed;top:0;left:100%;z-index:40;filter:grayscale(1);transition:left .8s;transition-delay:left .4s}.about-opened #about3D{left:34%;transition-delay:0s}#scrollDown{position:fixed;right:0;left:0;z-index:3;bottom:40px}#scrollDown a{width:30px!important;height:30px!important;margin:10px auto 0!important;border-color:#fff;border-style:solid;border-width:2px 2px 0 0!important;position:relative;display:block;bottom:0;cursor:pointer;transition:all .2s;transform:rotate(135deg)}#scrollDown a:hover{bottom:-5px}#scrollDown .mouse{display:block;position:relative;content:"•";font-size:16px;text-align:center;line-height:1;border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0s;border-image-repeat:initial;width:31px;height:50px;padding:0;top:0;margin:20px auto 0;background:transparent;border:2px solid #000;border-radius:30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;opacity:1;transform:scale(1);transition:all .4s;animation:mouse-dot 1.5s cubic-bezier(.23,1,.32,1) infinite}#scrollDown .mouse.minimize{opacity:0;top:-100px;transform:scale(0)}@keyframes mouse-dot{to{padding-top:20px;color:transparent}}#sticky{width:100%;height:90px;position:fixed;z-index:10;top:-90px;opacity:1;transition:all .4s}.sticky #sticky{top:0;opacity:1;transition-delay:.2s}#projectSingle .content{overflow:hidden}#projectSingle .preHeader{position:fixed;width:100%;pointer-events:none;z-index:20}#projectSingle .preHeader .title{text-align:center;top:80px;padding:0 0 30px;width:100%;position:relative;opacity:0;backface-visibility:hidden;transform:translateZ(0);transition:all .4s;transform:translateY(0);transition-delay:.6s}.show #projectSingle .preHeader .title{top:20px;opacity:1}#projectSingle .preHeader .title h1{color:#000;margin:0 auto}#projectSingle .preHeader .title h2{margin-bottom:0;color:#000}.visible #projectSingle .preHeader .title{opacity:1;transform:translateY(-50%);transition:transform .4s .3s,opacity .4s .3s}#projectSingle #video .player{width:80%;margin:0 auto}#projectSingle #video .player div,#projectSingle #video .player video{width:100%!important}#projectSingle #slopeProject{width:100%;height:100%;position:absolute;left:0;z-index:-1;opacity:0;transition:all .8s;transform-origin:100% 0;transform:rotate(45deg)}.show #projectSingle #slopeProject{opacity:1;transform:rotate(0deg)}.sticky .show #projectSingle #slopeProject{opacity:1;transform:rotate(45deg)}#projectSingle .preHeader .content{padding:0 10% 50px;max-width:1280px;width:100%;margin:0 auto}#projectSingle .preHeader .content p{font-size:26pt;line-height:30pt;text-align:center}#projectSingle .projectContainer{padding:100px 10% 5%;max-width:1280px;width:100%;margin:0 auto;opacity:0;top:100px;position:relative;transition:all .8s}.show #projectSingle .projectContainer{opacity:1;top:0}#projectSingle .projectContainer h2{font-size:26pt;line-height:30pt}#projectSingle .projectContainer img{width:100%;max-width:768px;display:block;margin:20px auto 70px;height:auto}#projectSingle .projectContainer p:last-child{margin-bottom:0}#projectSingle .projectContainer a:after{content:'';position:relative;display:block;width:0;top:-4px;height:2px;background:#000;transition:all .4s}#projectSingle .projectContainer a:hover:after{width:100%}#projectSingle #projectGallery,#projectSingle iframe{list-style:none;width:100%}#projectSingle #projectGallery img,#projectSingle iframe img{width:100%;display:block}#projectSingle iframe{margin-bottom:50px}#error404,.error404 h1,.error404 h2{color:#fff}#error404{background:#000;overflow:hidden}#error404 #particles{position:fixed;width:102%;height:102%;top:-1%;left:-1%;z-index:1}#error404 #error3D{width:100%;height:100%;opacity:0;z-index:2;position:absolute;transition:all .4s;transition-delay:1s}.show #error404 #error3D{opacity:1}#error404 .report{position:absolute;top:160px;left:30px;display:block;text-align:center;z-index:3}#error404 .report h3,#error404 .report p{text-align:left;display:block;clear:both;margin:0;font-size:100%}#error404 .report h3{margin-bottom:10px}#error404 .report a{color:#fff!important;border-bottom:2px solid #fff}@media only screen and (max-width:1400px){#about{width:40%}#about3D{width:60%}.about-opened #about3D{left:40%}}@media only screen and (max-width:1200px){#about,#about3D{width:50%}.about-opened #about3D{left:50%}}@media only screen and (max-width:1024px){#about{width:100%;background:#000;color:#fff}#about3D{display:none}.about-opened h1,.about-opened h2{transition:all .4s;transition-delay:.4s;color:#fff}.about-opened #about a,.about-opened #right a{color:#fff}.about-opened #about a:after,.about-opened #right a:after{background:#fff!important}#slopeProject{display:none}#sticky{top:0;opacity:1}#projectSingle .projectContainer{padding-top:120px}#projectSingle .projectContainer img{max-width:80%;margin-bottom:0!important}}@media only screen and (max-width:768px){#projectSingle .projectContainer{padding:110px 20px 20px}#projectSingle #projectGallery{margin-top:20px}}@media only screen and (max-width:640px){body{font-size:80%}.intro,header{left:20px}.intro{top:100px}.intro .projectList li a.works{margin-top:40px}.project header{display:none}#right{right:20px}#about{padding:120px 20px}#projectSingle .projectContainer{padding-bottom:10px}#projectSingle .preHeader .title{text-align:left;left:20px}#sticky{height:80px}}@media only screen and (max-height:400px){#works,a.works{display:none!important}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:550px){#homeCanvas{display:none}}