*,:after,:before{box-sizing:border-box;-ms-flex:0 1 auto}body,html{height:-webkit-fill-available;height:100vh;height:calc(var(--vh, 1vh)*100)}img{display:block;width:100%;height:auto}.icon{display:inline-block;position:relative;border:none;outline:none;color:inherit;background-color:transparent;fill:currentColor;font-size:48px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon,.icon img,.icon svg{width:48px;height:48px}.page-leave-active{transition:opacity 1.2s}.page-enter,.page-leave-active{opacity:0}.page+.page-loader{transition:top .4s;top:100%}.page-enter+.page-loader,.page-leave-active+.page-loader{top:0}.page-enter-to+.page-loader{transition-delay:.15s}.page.next-leave-active,.page .page__footer,.page .page__main,.page .project-next,.page .project-subname{transition-duration:.6s;transition-property:background-color,height,opacity,transform}.page.next-leave-active .page__main{opacity:0;transform:translateY(var(--page-next))}.page.next-leave-active .page__footer{height:100vh;height:calc(var(--vh, 1vh)*100);transform:translateY(var(--page-next));background-color:#fff}.page.next-leave-active .project-subname{transform:translateX(-100vw)}.page.next-leave-active .project-next{transform:translateY(100vh);transform:translateY(calc(var(--vh, 1vh)*100))}.page .single-project__cover{transition-duration:.6s;transition-property:opacity}.page.next-enter-active .single-project__cover{opacity:0}.page.next-enter-to .single-project__cover{opacity:1}.page.project-leave-active{transition-property:background-color;transition-duration:.4s;background-color:#fff!important}.page.project-leave-active .page__main{transition-duration:1.2s;transition-property:transform;transform:translateX(-200%)}.page .single-project__content,.page .single-project__cover,.page .single-project__keywords,.page .single-project__title{transition-duration:.4s;transition-property:opacity,transform}.page.project-enter-active .single-project__content,.page.project-enter-active .single-project__cover,.page.project-enter-active .single-project__keywords,.page.project-enter-active .single-project__title{transform:translateX(101%)}.page.project-enter-to .single-project__content,.page.project-enter-to .single-project__cover,.page.project-enter-to .single-project__keywords,.page.project-enter-to .single-project__title{transform:translateX(0)}.page{position:relative;display:block}.page__footer,.page__main{padding:0 8%}.page__main{position:relative;display:block}.page__intro{padding-bottom:5rem}.page__footer{position:relative;display:block;background-color:#e6eded}.page__navigation{color:#fff;background-color:#0d2921;padding:5rem 8%}@media (min-width:800px){.page__footer,.page__header{padding-left:2rem;padding-right:2rem}}@media (min-width:1100px){.page__footer__go-to-next{left:3.5rem}}.page-loader{position:fixed;left:0;right:0;bottom:0;height:100%;z-index:10000;background-color:#0d2921}.page-loader>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-top{display:inline-block;position:relative;border:none;outline:none;color:inherit;background-color:transparent;fill:currentColor;font-size:48px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-indent:-99999px;transition:transform .1s;position:absolute;right:0;top:-9rem;margin:2rem}.page-top,.page-top img,.page-top svg{width:48px;height:48px}.page-top:before{top:3px;left:23px;height:45px;width:2px;background-color:#000}.page-top:after,.page-top:before{content:"";position:absolute;right:0}.page-top:after{top:5px;left:17px;display:block;width:14px;height:14px;border-color:#000;border-style:solid;border-width:2px 2px 0 0;transform:rotate(-45deg)}.page-top:hover{transform:translateY(-1rem)}.layout.layout--index .layout__header{position:fixed;top:0;left:0;right:0;z-index:2000}.layout.layout--index .layout__header .layout__header__logo{transition:opacity .1s;opacity:1}.layout.layout--index .slide.slide--navigation{color:#fff;background-color:#0d2921;padding:5rem 8%;height:auto}.layout.layout--index.bottom-reached .layout__header .layout__header__logo{opacity:0}