body,p{line-height:1.6em;letter-spacing:.01em; font-family:Arimo,sans-serif;font-weight:300} .project-item-slide,.resume-img{background-position:center center;background-size:contain}. btn,.close-ovr,.gt_FullScreen,.main-link-wrapper a,.slider-arrow,a.slide-call{cursor:pointer}*,:after,:before{-moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;-webkit-backface-visibility:hidden; backface-visibility:hidden}.block,article,aside,details,div,figcaption,figure,footer,header,hgroup,nav,summary{display:block}. inline-block,audio,canvas,video{display:inline-block} .none,[hidden]{display:none}.inline,.inlineList li{display:inline} .fixed{position:fixed}.absolute{position:absolute}.full-width-wrapper,.max-width-container,.relative,.wrapper,main{position:relative}.overflow_hiden,.scrollHide{overflow:hidden} .iscroll{-webkit-overflow-scrolling:touch}.text-center{text-align:center} body{height:100vh;width:100%;padding:0;margin:0;font-size:13px;overflow:hidden; -webkit-tap-highlight-color:transparent}.column-3 h3,p{font-size:14px} body.scrollY{overflow-y:auto}p{margin-bottom:1.6em;margin-top:1.6em;color:rgba(255,255,255,.8)} article.slide-article p{margin-bottom:4em}.no-margin-top{margin-top:0}.padding-right-p{padding-right:2.8em} .no-margin-bottom{margin-bottom:0}.resume-content-p{max-height:8em;overflow:hidden}.scrollContent.flex-group-wrapper{padding-bottom:0} article.text-article{pointer-events:auto;width:100%;min-width:290px} article.text-article a{color:#fff;padding-bottom:.1em;display:inline-block;text-decoration:none;border-bottom:1px solid #fff; -webkit-transition:border-color .5s;transition:border-color .5s} .ovr-container,.resume-content{overflow:hidden; -webkit-transition:-webkit-transform .5s}article.text-article a:hover{border-bottom-color:red} .column-3 h3{font-weight:500;letter-spacing:.03em; background-color:#fff;color:#000; padding-left:2em; padding-right:2em} .temp,.z-index100{padding:12vh;color:#fff} .column-3 h2,.column-3 h3{display:inline-block} article.text-article .label span:first-letter{background-color:transparent;color:#fff} .z-index100{z-index:100;height:100%;font-size:24px} .temp{font-size:16px}main{width:100%;min-height:100vh;overflow:hidden;z-index:10} #cover-webGl,header.main-header{position:fixed;width:100%;height:100%;left:0;top:0} .main-padding-vw{padding-left:3vw;padding-right:3vw}.main-padding-vh{padding-top:3vh; padding-bottom:3vh}.main-padding{padding:3vw}.flex-group-wrapper{display:-webkit-box; display:-moz-box;display:-ms-flexbox; display:-webkit-flex;display:flex; -ms-flex-wrap:wrap;-webkit-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-align:center; -moz-box-align:center;-ms-flex-align:center; -webkit-align-items:center;align-items:center}.flex-group-wrapper.top-align{-webkit-box-align:flex-start; -moz-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start}.flex-group-wrapper.bottom-align{-webkit-box-align:flex-end; -moz-box-align:flex-end;-ms-flex-align:flex-end;-webkit-align-items:flex-end; align-items:flex-end}.flex-group-wrapper.stretch{-webkit-box-align:stretch; -moz-box-align:stretch;-ms-flex-align:stretch; -webkit-align-items:stretch; align-items:stretch} .flex-group-wrapper .center{justify-content:center} .flex-group-wrapper.space-between{justify-content:space-between} .main-bg{background-color:rgba(0,0,0,.7)}.light-bg{background-color:rgba(255,255,255,.7)} .main-bg article{color:#fff}.main-bg.solid{background-color:#090909} #cover-webGl{z-index:0;display:block}header.main-header{z-index:2;text-align:right;display:flex;flex-direction:row; align-items:center; padding:12px}#page-title,.area-title,.resume-content:after,h2.area-title{line-height:1em;width:auto; margin:0 0 0 auto;text-align:right;font-family:Inconsolata,sans-serif; font-weight:300;font-size:calc(1rem + 10vh);letter-spacing:-.02em;padding:0; display:inline-block; position:relative}.text-article .text-content h1,h1,h2{font-family:Inconsolata,sans-serif; margin-bottom:.5em}h1,h2{font-weight:300;font-size:calc(1rem + 4vw);text-align:left; letter-spacing:.02em; display:block; line-height:.7em; text-transform:uppercase}.text-article .text-content h1,.text-article .text-content h2{font-size:calc(1rem + 3vw);height:auto; letter-spacing:.02em}.text-article .text-content h1{font-weight:500;text-align:left;display:block; line-height:1em; text-transform:uppercase}.text-article .text-content h2,h3{font-weight:300;display:block; text-align:left;line-height:1em; font-family:Inconsolata,sans-serif; text-transform:uppercase}h3{font-size:calc(1rem + 1vw); letter-spacing:.2em;margin-bottom:1em}#page-title,#page-title:after,#page-title:before{font-weight:500; padding-right:12px}#page-title span,h1 span,h2 span{padding-left:1.4em}.text-article .text-content h2{margin-bottom:.5em}.text-article h1,.text-article h2{min-height:14vh;line-height:1em; overflow:hidden;letter-spacing:-.02em;margin-bottom:0; margin-left:3vw;display:inline-block; font-weight:500}.hide{display:none}.resume-content:after,h2.area-title{line-height:1em; padding-bottom:0;margin-bottom:3vh; text-align:left}.resume-content:after{margin-bottom:0}.resume-content:after:first-letter{opacity:.3;display:block} #page-title span,.cover .inner:after,.text-content h2,h1 span,h2 span{font-size:calc(1rem + 1vh); line-height:1em;display:block; font-weight:300; width:100%; text-align:right; font-family:Inconsolata,sans-serif; letter-spacing:.2em}.text-content h2,h1 span,h2 span{text-align:left} .pointer-events-none{pointer-events:none}.cover .inner:after{text-transform:uppercase} .credits-w,.portfolio-w{right:0;top:0;-ms-transform:translate3d(0,100%,0); -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0)}.about-w,.project-w{right:0;top:0; -ms-transform:translate3d(0,-100%,0); -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0)}.contact-w{right:0;top:0; -ms-transform:translate3d(100%,0,0); -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0)}.ovr-container{position:absolute; width:94%;max-width:calc(100% - 36px); height:100vh; z-index:10; transition:transform .5s}.resume-content,.resume-wrapper,.scrollContent{width:100%; position:relative}.about .about-w,.contact .contact-w,.credits .credits-w,.project .project-w,.projects .portfolio-w{-ms-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.scrollContent{padding-bottom:40vh; padding-top:12vh;min-height:100vh; overflow:hidden}.resume-wrapper{height:auto;min-height:64vh; margin-bottom:calc(12vh - 4px)}.text-only.resume-wrapper{margin-bottom:0; min-height:76vh}.project-resume-p{display:none}.sigle-slide-area .resume-wrapper{margin-bottom:0}.resume-content{height:64vh; transition:transform .5s; -ms-transform:translate3d(calc(100% - 64vh),0,0); -webkit-transform:translate3d(calc(100% - 64vh),0,0); transform:translate3d(calc(100% - 64vh),0,0)}.text-only .resume-content,.text-only.resume-content{pointer-events:auto}.text-only .resume-content{height:auto; min-height:38vh;-ms-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}.sigle-slide-area .resume-content{height:76vh}.sigle-slide-area .scrollContent{padding-bottom:12vh}.resume-img{left:0; height:64vh; width:64vh; max-width:100%; background-repeat:no-repeat; background-color:#fff}.active .resume-img{filter:invert(0)}.active .resume-img:after{background-color:transparent; background-image:none}.active .resume-content{-ms-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}.resume-text-wrapper{width:calc(100% - 64vh); height:auto;max-height:64vh; color:#fff; position:relative; align-self:flex-end; -webkit-transition:-webkit-transform .5s;transition:transform .5s;-ms-transform:translate3d(64vh,0,0); -webkit-transform:translate3d(64vh,0,0); transform:translate3d(64vh,0,0)}.sigle-slide-area .resume-img{align-self:flex-start}.sigle-slide-area .resume-text-wrapper{align-self:auto}.text-only.resume-wrapper{-ms-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -moz-transition-delay:0; -o-transition-delay:0; -webkit-transition:none; transition:none}.text-only .resume-text-wrapper{width:100%; -ms-transform:none;-webkit-transform:none; left:0;align-self:auto;transform:none; -webkit-transition:none; transition:none}.text-only .resume-content{opacity:0; -webkit-transition:opacity .5s; transition:opacity .5s; margin-bottom:0;pointer-events:none; -webkit-transition-delay:0; -moz-transition-delay:0; -o-transition-delay:0; transition-delay:0}.text-only .resume-content .resume-text-wrapper,.text-only .resume-content .resume-text-wrapper .text-article{pointer-events:none}.text-only.active .resume-content{opacity:1; -webkit-transition-delay:0; -moz-transition-delay:0; -o-transition-delay:0; transition-delay:0}.sigle-slide-area .text-only .resume-text-wrapper{align-self:auto; max-height:100%}.active .resume-text-wrapper{-ms-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}.resume-text-wrapper .area-title{text-indent:-.3em; line-height:.7em; font-weight:300; text-transform:uppercase; font-size:56px; letter-spacing:.05em}.resume-text-wrapper .btn-link{border-top-color:#fff; text-transform:none; color:#fff;width:100%}.btn-link,.main-link,.work-title{text-transform:uppercase; font-weight:300}.resume-content:after{letter-spacing:-.05em; content:attr(data-year);top:0;line-height:.8em; right:0;position:absolute; display:block;z-index:2; font-weight:500; font-size:51px;color:#000}.dark-bg .resume-content:after{color:#4c4c4c}.resume-text-wrapper .btn-link.hoverClass{border-top-color:#fff; color:rgba(255,255,255,.5)}.resume-text-wrapper .area-title:first-letter{color:#090909; font-weight:500}.box-shadow-z-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.box-shadow-z-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.box-shadow-z-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.box-shadow-z-4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.box-shadow-z-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.text-right{text-align:right}.transition-all{transition:all .3s cubic-bezier(.25,.8,.25,1)}.column-2{-webkit-column-count:2;-moz-column-count:2; -o-column-count:2; -ms-column-count:2; column-count:2; -webkit-column-gap:24px; -moz-column-gap:24px; -o-column-gap:24px; -ms-column-gap:24px; column-gap:25px; max-width:1480px}.column-3{-webkit-column-count:3; -moz-column-count:3;-o-column-count:3; -ms-column-count:3;column-count:3; -webkit-column-gap:3vw; -moz-column-gap:3vw; -o-column-gap:3vw; -ms-column-gap:3vw; column-gap:3vw}.inview{min-height:100vh}.text-article,.text-article .text-article.group a,.text-only a{pointer-events:auto}.text-article .text-article.group{pointer-events:none}.resume-text-wrapper .scrollArea{overflow-y:auto; overflow-x:hidden;padding-top:1px;max-height:62vh; pointer-events:auto;-webkit-overflow-scrolling:touch;padding-bottom:12vh; display:block; position:relative; width:calc(100% - 6vw); left:3vw}.light-bg-solid{background-color:#fff}.dark-bg .project-item-slide,.dark-bg .project-item-slider-wrapper,.dark-bg section.light-bg-solid,a.slide-call:after{background-color:#090909}.project-item-content-wrapper{width:100%;min-height:100vh; margin-top:100vh;position:relative; z-index:10}.project-intro-col-1,.project-intro-col-2{min-height:94vh;overflow:hidden}.project-intro-col-1{width:45%;position:relative}.project-intro-col-2{width:55%;position:relative}.project-intro-col-2:-webkit-full-screen{width:100%;background-color:#090909}.project-intro-col-2:-moz-full-screen{width:100%;background-color:#090909}.project-intro-col-2:-ms-fullscreen{width:100%;background-color:#090909}.project-intro-col-2:fullscreen{width:100%; background-color:#090909}.project-intro-col-2:-webkit-full-screen .project-item-slider-wrapper{background-color:#090909}.project-intro-col-2:-moz-full-screen .project-item-slider-wrapper{background-color:#090909}.project-intro-col-2:-ms-fullscreen .project-item-slider-wrapper{background-color:#090909}.project-intro-col-2:fullscreen .project-item-slider-wrapper{background-color:#090909}.project-intro-col-2:-webkit-full-screen .project-item-slide{background-color:#090909}.project-intro-col-2:-moz-full-screen .project-item-slide{background-color:#090909}.project-intro-col-2:-ms-fullscreen .project-item-slide{background-color:#090909}.project-intro-col-2:fullscreen .project-item-slide{background-color:#090909}.project-item-content-wrapper article{max-width:800px; padding:calc(6% + 36px)}.slider-area{position:relative}.project-item-content-wrapper article,.project-item-content-wrapper article p{color:#212121}.dark-bg .project-item-content-wrapper article,.dark-bg .project-item-content-wrapper article p{color:#ddd}.no-in{display:none}.slide-article-rapper{height:100%}.gallery-item-img-wrapper{width:88vh; max-width:96vw; height:88vh; position:relative; padding:1px; overflow:hidden; -webkit-transition:width .5s,height .5s;transition:width .5s,height .5s}.gallery-item-img-wrapper.active{width:88vh;height:88vh}.project-item-slider-wrapper{width:100%;max-width:94vw; height:88vh; max-height:94vw; margin:0 auto; position:relative; overflow:hidden}.project-item-slide{width:100%; height:100%;position:absolute; background-repeat:no-repeat; left:0;top:0; -webkit-backface-visibility:hidden;backface-visibility:hidden; pointer-events:none}.slider-nav-wrapper{width:100%;display:block; text-align:center;z-index:3;position:relative; font-size:0; line-height:0}a.slide-call{width:19px; height:32px;margin:1px; display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.project-item-slider-wrapper.anim:after,a.slide-call:after{position:absolute; content:'';display:block}a.slide-call:after{width:8px; height:8px;top:11px;left:6px; -webkit-transition:-webkit-transform .2s,background-color .5s,height .5s; transition:transform .2s,background-color .5s,height .5s}.dark-bg a.slide-call:after{background-color:#fff}a.slide-call.active:after{width:1px;height:32px; top:0; left:9px}.anim-text-on-scroll{opacity:0; -ms-transform:translateY(50px); -webkit-transform:translateY(50px); transform:translateY(50px); -webkit-transition:-webkit-transform .2s,opacity .3s; transition:transform .2s,opacity .3s; transition-timing-function:cubic-bezier(0,0,1,1)}.FullyInViewportText.anim-text-on-scroll{opacity:1; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:-webkit-transform .2s,opacity .3s; transition:transform .2s,opacity .3s; transition-timing-function:cubic-bezier(0,0,1,1); -webkit-transition-delay:.3s; -moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}.project-item-slide.left{-ms-transform:translate3d(-200%,0,0); -webkit-transform:translate3d(-200%,0,0); transform:translate3d(-200%,0,0)}.project-item-slide.right{-ms-transform:translate3d(200%,0,0); -webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.project-item-slide.left,.project-item-slide.right{width:50%;height:50%;left:25%;top:25%;-webkit-transition:-webkit-transform .5s;transition:transform .5s}.project-item-slide.left.active,.project-item-slide.right.active{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .5s;transition:transform .5s}.project-item-slide.left.active.no-filter,.project-item-slide.right.active.no-filter{width:100%;height:100%;left:0;top:0}.project-item-slider-wrapper.anim:after{width:50%;height:50%;left:25%;top:25%;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;background-image:url(../images/util/line-texture-2.png); background-repeat:repeat;z-index:100}.project-item-slider-wrapper.anim{filter:invert(1);background-color:#000}.dark-bg .project-item-slider-wrapper.anim,.project-item-slide{background-color:#fff}.project-intro-col-2:-webkit-full-screen .project-item-slider-wrapper.anim{background-color:#fff}.project-intro-col-2:-moz-full-screen .project-item-slider-wrapper.anim{background-color:#fff}.project-intro-col-2:-ms-fullscreen .project-item-slider-wrapper.anim{background-color:#fff}.project-intro-col-2:fullscreen .project-item-slider-wrapper.anim{background-color:#fff}.project-intro-col-2:-webkit-full-screen a.slide-call:after{background-color:#fff}.project-intro-col-2:-moz-full-screen a.slide-call:after{background-color:#fff}.project-intro-col-2:-ms-fullscreen a.slide-call:after{background-color:#fff}.project-intro-col-2:fullscreen a.slide-call:after{background-color:#fff}.anim-slider-on-scroll{-ms-transform:translateX(90%);-webkit-transform:translateX(90%); transform:translateX(90%);-webkit-transition:-webkit-transform .5s,opacity .1s;transition:transform .5s,opacity .1s;transition-timing-function:cubic-bezier(0,0,1,1)}.anim-slider-on-scroll.FullyInViewportSlider{filter:invert(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s,opacity .1s;transition:transform .5s,opacity .1s;transition-timing-function:cubic-bezier(0,0,1,1);-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}.project-item-slider-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;background-color:#fff}@keyframes blink-trance{50%{opacity:0}}@-webkit-keyframes blink-trance{50%{opacity:0}}.blink-trance{animation:blink-trance .1s infinite;-webkit-animation:blink-trance .31s infinite}.scroll-area-content{padding-right:3vw;max-width:2000px}#portfolioWrapper{overflow:hidden!important}.work-title{font-size:10px; line-height:1.6em; letter-spacing:.01em;font-family:Arimo,sans-serif; color:#212121; padding-top:8px;position:relative; margin:0 auto; max-width:calc(100% - 60px)}.dark-bg .work-title,.project-intro-col-2:-webkit-full-screen .work-title{color:#fff}.project-intro-col-2:-webkit-full-screen .work-title{color:#fff}.project-intro-col-2:-moz-full-screen .work-title{color:#fff}.project-intro-col-2:-ms-fullscreen .work-title{color:#fff}.project-intro-col-2:fullscreen .work-title{color:#fff}.w-50{width:100%; padding-right:16px; margin-bottom:5vh}.glitch a,a.glitch{text-decoration:none; color:inherit}.glitch{color:#0a0203; transition:color 1s}.dark-bg .glitch{color:#fff}.dark-bg .glitch.hoverClass{color:rgba(255,255,255,.8)}.glitch.hoverClass{color:rgba(0,0,0,.65)}.glitch:after,.glitch:before{display:block;content:attr(data-text);position:absolute;top:0;left:0;height:100%;width:100%;opacity:.8;-webkit-text-fill-color:transparent}.btn.glitch:after,.btn.glitch:before{top:10px;left:0}.cover-raster,.main-link-wrapper{height:100%;top:0;position:absolute}.glitch:after{background:-webkit-linear-gradient(transparent,transparent),url(../images/util/bg.png);background:-o-linear-gradient(transparent,transparent);-webkit-background-clip:text;z-index:-2}.glitch:before{background:-webkit-linear-gradient(transparent,transparent),url(../images/util/bg-1.png);background:-o-linear-gradient(transparent,transparent);-webkit-background-clip:text;z-index:-1}.glitch.hoverClass:before{-webkit-animation:g-left .3s cubic-bezier(.25,.46,.45,.94) both infinite;animation:g-left .3s cubic-bezier(.25,.46,.45,.94) both infinite}.glitch.hoverClass:after{-webkit-animation:g-right .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite;animation:g-right .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite}@-webkit-keyframes g-left{0%{-webkit-transform:translate(0);transform:translate(0)}2.38%{-webkit-transform:translate(-4px,0);transform:translate(-4px,3px)}34.13%{-webkit-transform:translate(8px,0);transform:translate(8px,0)}36.51%,to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes g-left{0%{-webkit-transform:translate(0);transform:translate(0)}2.38%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}34.13%{-webkit-transform:translate(4px,0);transform:translate(4px,0)}36.51%,to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes g-right{0%{-webkit-transform:translate(0);transform:translate(0)}2.38%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}34.13%{-webkit-transform:translate(4px,0);transform:translate(4px,0)}36.51%,to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes g-right{0%{-webkit-transform:translate(0);transform:translate(0)}2.38%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}34.13%{-webkit-transform:translate(4px,0);transform:translate(4px,0)}36.51%,to{-webkit-transform:translate(0);transform:translate(0)}}.scroll-area-content{opacity:0;-ms-transform:translate3d(0,100px,0);-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}.about #aboutWrapper .scroll-area-content,.contact #contactWrapper .scroll-area-content,.credits #creditsWrapper .scroll-area-content,.project #projectWrapper .scroll-area-content{opacity:1;-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s;-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s}.project .project-w{-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s}.project #projectWrapper .scroll-area-content{-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s}.hide-obj{visibility:hidden}.cover-raster{width:100%;content:'';background-image:url(../images/util/rgb.png);pointer-events:none;left:0;z-index:1}.dark-bg .cover-raster{background-image:url(../images/util/rgb-dark.png)}.main-link-wrapper{width:94vw;left:3vw;visibility:visible;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .5s,opacity .5s,visibility 0s .5s;transition:transform .5s,opacity .5s,visibility 0s .5s}.close-ovr,.hide-menu .close-ovr{-webkit-transition:-webkit-transform .5s}.hide-menu .main-link-wrapper{-ms-transform:translate3d(-10vw,0,0);-webkit-transform:translate3d(-10vw,0,0);transform:translate3d(-10vw,0,0);visibility:hidden;opacity:0}.hide-menu .static-nav.main-link-wrapper,.static-nav.main-link-wrapper{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible;opacity:1}.contact.main-link,.main-link.credits{transform:rotate(90deg) translate(-50%,0)}.btn-link,.main-link{text-align:left;font-family:Inconsolata,sans-serif;font-size:calc(1rem + 1vh);line-height:1em;position:absolute;color:#0a0203;border-top:1px solid #0a0203;left:0; letter-spacing:.08em;pointer-events:auto}.main-link{left:12px}.dark-bg .btn-link,.dark-bg .main-link{border-color:#fff}.dark-bg .resume-content .btn-link,.resume-content .btn-link{border-color:rgba(255,255,255,.5)}.resume-text-wrapper .btn-link{position:relative;display:block}.btn-link,.btn-link:after,.btn-link:before,.main-link,.main-link:after,.main-link:before{padding-top:.3em;padding-bottom:.3em}.btn-link,.btn-link:after,.btn-link:before{padding-left:3vh}.projects .main-link.glitch:after,.projects .main-link.glitch:before{opacity:0;content:''!important}.main-link.credits{right:12px;left:auto;margin-right:-.5em; text-transform:lowercase;border-top:none}.artworks.main-link,.main-link.credits{bottom:2rem}.about.main-link{top:2rem;border-top:none;border-bottom:1px solid #0a0203}.contact.main-link{margin-left:-1em;top:50%}.cd-loading-bar,.close-ovr{-ms-transform:translate3d(-100%,0,0)}.dark-bg .about.main-link{border-bottom-color:#fff}.close-ovr{position:fixed;width:6%;height:12vh;min-width:36px;left:0;top:0;z-index:20;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .5s,opacity .5s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;text-align:center}.close-ovr.scroll-down{left:50%;top:auto;bottom:0;-ms-transform:translate3d(-50%,-100%,0);-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0);-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.close-ovr a{text-decoration:none;display:block;width:100%;height:100%;left:0;top:0;position:absolute;background-color:transparent;z-index:10}.close-ovr:after,.main-link.scrollDown span{background-repeat:no-repeat;content:'';position:absolute;width:32px}.hide-menu .close-ovr{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:transform .5s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.hide-menu .close-ovr.scroll-down{-ms-transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;z-index:8}.about .about-link-wrapper,.projects .scroll-area-link-wrapper{-ms-transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.sigle-slide-area.scroll-area-link-wrapper{-ms-transform:translate3d(100%,0,0)!important;-webkit-transform:translate3d(100%,0,0)!important;transform:translate3d(100%,0,0)!important;visibility:hidden}.close-ovr:after{height:32px;overflow:hidden;left:50%;top:50%;-ms-transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-position:top center;z-index:2}.main-link.scrollDown{padding-right:32px;position:absolute}.main-link.scrollDown span{display:block;z-index:5;right:0;top:0;height:32px;background-image:url(../images/util/close-light.png);background-position:right 0 top -32px}.close-ovr.scroll-down a:before,.project .close-ovr.hoverClass a:before{position:absolute;top:16px;left:0;width:100%;z-index:10;display:block;letter-spacing:.1em;text-align:center;font-size:20px;color:#212121;font-family:Inconsolata,sans-serif}.dark-bg .main-link.scrollDown span,.hide-menu .close-ovr:after{background-image:url(../images/util/close.png)}.hide-menu .close-ovr.light-bg:after{background-image:url(../images/util/close-light.png)}.close-ovr.scroll-down a:before{content:'explore'}.project .close-ovr.scroll-down.hoverClass a:before{content:'scroll';letter-spacing:.1em}.close-ovr.scroll-down:after,.credits .close-ovr.hoverClass:after,.hide-menu .close-ovr.scroll-down.hoverClass:after,.projects .close-ovr.hoverClass:after{background-position:left 0 top -32px}.about .close-ovr.hoverClass:after{background-position:left 0 top -64px}.contact .close-ovr.hoverClass:after{background-position:left 0 top -96px}.project .close-ovr.hoverClass:after{background-position:left 0 top -128px}.project .close-ovr.hoverClass a:before{content:'projects'}.btn{font-family:Inconsolata,sans-serif;letter-spacing:.1em;display:inline-block;text-align:center;font-size:20px;padding:10px 36px 8px;-webkit-transition:all .5s;transition:all .5s;position:relative}.btn.fixed{z-index:20}.btn.fixed.top-left{position:fixed;top:20px;left:20px}.btn.light,.light-bg-solid .btn{color:#212121;border:1px solid #212121;background-color:rgba(255,255,255,.5)}.dark-bg .btn.light,.dark-bg .light-bg-solid .btn{color:#ddd;border:1px solid #ddd;background-color:rgba(0,0,0,.5)}.btn:after,.btn:before{z-index:5}.btn.light.hoverClass,.light-bg-solid .btn.hoverClass{background-color:#fff}.dark-bg .btn.light.btn.hoverClass,.dark-bg .light-bg-solid .btn.btn.hoverClass{background-color:#000}.btn span{z-index:6;position:relative}.scroll-area-link:after,.scroll-area-link:before{display:block;content:'';z-index:3;background:#fff}.close-ovr.fixed-120{min-width:80px;min-height:100px}.scroll-area-link{display:block;position:relative;margin-left:auto;width:32px;height:32px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;text-indent:-999999em;overflow:hidden}.scroll-area-link:after{position:absolute;width:100%;height:1px;top:15px;right:0}.scroll-area-link:before{position:absolute;width:8px;height:8px;left:0;top:12px}.scroll-area-link.active,.scroll-area-link.hoverClass{width:100%}.scroll-area-link-wrapper{line-height:0;font-size:0;position:absolute;height:auto;width:12%;min-width:80px;text-align:right;right:0;top:50%;z-index:100;-webkit-transition:-webkit-transform .5s,opacity .5s,visibility 0s .5s;transition:transform .5s,opacity .5s,visibility 0s .5s;-ms-transform:translate3d(100%,-50%,0);-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0);min-height:32px;background-image:url(../images/util/sm-texture.png);background-repeat:repeat-y;background-position:right top}.contact.back-to-projects{position:fixed;z-index:11;top:60%;transform:rotate(90deg) translate(-60%,0);margin-left:-3.3em;left:2vw;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.hide-menu .contact.back-to-projects{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-arrow{display:inline-block;padding:24px}.bottom-bend{width:100vw;height:calc(2rem + 80px);background-color:#fff;position:absolute;left:-3vw;bottom:0;z-index:-10}.dark-bg .bottom-bend{background-color:#090909}.gt_FullScreen{display:block;position:absolute;width:32px;height:32px;top:0;right:0;z-index:10;background-color:transparent;background-repeat:no-repeat;background-image:url(../images/util/go_fs.png);background-position:0 0}.dark-bg .gt_FullScreen{background-position:top -32px left 0}.project-intro-col-2:-webkit-full-screen .gt_FullScreen{background-position:top -64px left 0!important;position:fixed;right:3vw;top:3vw}.project-intro-col-2:-moz-full-screen .gt_FullScreen{background-position:top -64px left 0!important;position:fixed;right:3vw;top:3vw}.project-intro-col-2:-ms-fullscreen .gt_FullScreen{background-position:top -64px left 0!important;position:fixed;right:3vw;top:3vw}.project-intro-col-2:fullscreen .gt_FullScreen{background-position:top -64px left 0!important;position:fixed;right:3vw;top:3vw}.cd-cover-layer{position:fixed;z-index:99;left:20px;top:20px;bottom:auto;right:auto;height:calc(100% - 40px);width:calc(100% - 40px);overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:opacity .4s .4s,visibility 0s .8s;-moz-transition:opacity .4s .4s,visibility 0s .8s;transition:opacity .4s .4s,visibility 0s .8s}.page-is-changing .cd-main-content{opacity:0;visibility:hidden;-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}article.text-article{opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}.hide-menu article.text-article{opacity:1;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.cd-main-content,.page-is-changing .cd-cover-layer{opacity:1;visibility:visible;-webkit-transition:transform .3s 0s,opacity .3s 0s,visibility 0s 0s;-moz-transition:transform .3s 0s,opacity .3s 0s,visibility 0s 0s;transition:transform .3s 0s,opacity .3s 0s,visibility 0s 0s}.cd-main-content{-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s}.cd-loading-bar{position:fixed;z-index:100;left:0;top:calc(50% - 1px);height:1px;width:100%;background:rgba(255,255,255,.5);visibility:hidden;-webkit-transition:visibility 0s .3s,-webkit-transform .4s .4s;-moz-transition:visibility 0s .3s,-moz-transform .4s .4s;transition:visibility 0s .3s,transform .4s .4s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.page-is-changing .cd-loading-bar{visibility:visible;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:visibility 0s .3s,-webkit-transform .4s .4s;-moz-transition:visibility 0s .3s,-moz-transform .4s .4s;transition:visibility 0s .3s,transform .4s .4s}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace.pace-inactive .pace-progress{display:none}.pace .pace-progress{position:fixed;z-index:2000;top:50%;right:calc(10vw + 40px);height:5rem;width:5rem;-webkit-transform:translate3d(0,0,0)!important;-ms-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.pace .pace-progress:after{display:block;position:absolute;top:0;-webkit-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);right:.5rem;content:attr(data-progress-text);font-family:Inconsolata,sans-serif;font-weight:300;font-size:calc(1rem + 1vh);letter-spacing:.02em;line-height:1em;text-align:right;color:#fff}@media all and (max-width:860px){.column-2,.column-3{-webkit-column-count:1;-moz-column-count:1;-o-column-count:1;-ms-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;-o-column-gap:0;-ms-column-gap:0;column-gap:0}.project-intro-col-1,.project-intro-col-2,.project-item-content-wrapper article,.slider-area{width:100%}.project-intro-col-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.js-fs{display:none}.project-intro-col-1,.project-intro-col-2{height:auto}}@media all and (max-height:420px){.text-article h1,.text-article h2{height:16vh}.resume-text-wrapper .scrollArea{max-height:74vh}.js-home{left:auto!important;right:0!important;top:1rem!important}.bottom-bend{height:calc(1rem + 60px)}.artworks.main-link{bottom:1rem}.hide-menu .contact.back-to-projects{top:auto;bottom:calc(1rem + 60px)}.project-item-slider-wrapper{height:calc(88vh - 40px)}}@media all and (max-width:680px){.resume-content:after,.resume-text-wrapper .area-title{font-size:40px}}@media screen and (orientation:portrait){#page-title,h1,h2{font-size:calc(1rem + 10vw)}#page-title span,.text-content h2,h1 span,h2 span{font-size:calc(1rem + 3vw)}.resume-text-wrapper p{padding-left:3vh}.about.main-link,.btn-link,.main-link{font-size:calc(1rem + 2vw)}#page-title span,.cover .inner:after{margin-top:-1.5vw}.resume-text-wrapper,.resume-text-wrapper .btn-link{width:100%}.resume-img{width:94vw;height:45vh}.resume-text-wrapper .area-title{text-indent:0;padding:0 4em 0 3vh;margin-bottom:24px}.resume-text-wrapper .btn-link{left:3vh;margin-top:0;width:auto;max-width:calc(100% - 6vh)}.resume-text-wrapper .area-title:first-letter{color:#fff;font-weight:300}.dark-bg .resume-content:after,.resume-content:after{top:calc(45vh - 2px);color:#fff}.resume-content:after{font-weight:300}.resume-content{-ms-transform:translate3d(50%,0,0);-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}.resume-content,.resume-text-wrapper{height:auto;max-height:90vh}.btn-link,.btn-link:after,.btn-link:before{padding-left:0}.resume-content.flex-group-wrapper{display:block}.scroll-area-link-wrapper{background-image:url(../images/util/sm-texture-d.png);margin-top:-12vh}.scroll-area-link:after,.scroll-area-link:before{background:#000}.project-intro-col-1,.project-intro-col-2,.project-item-content-wrapper article,.slider-area{width:100%}.project-intro-col-1,.project-intro-col-2{min-height:60px;height:auto}.project-intro-col-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.js-fs{display:none}.slider-nav-wrapper{padding-left:80px;padding-right:60px;text-align:right}} #page-title,.area-title,.resume-content::after,h2.area-title{font-size:calc(1rem + 5vh);letter-spacing:.1em}.main-link{text-transform:uppercase}h1,h2{font-size:calc(1rem + 1.5vw);font-weight:300}.resume-content:after{font-size:36px}#page-title span,.cover .inner:after,.text-content h2,h1 span,h2 span{letter-spacing:.1em}.text-article h1,.text-article h2{letter-spacing:.1em;display:block}.portret{width:300px;max-width:80%;overflow:hidden;padding-bottom:16px;background-image:url(../images/util/rgb-dark.png)}.portret img{width:100%;height:auto;margin:0 auto;position:relative;opacity:.3}.dark-bg .work-title{color:#fff;}