@font-face{font-family:GTPlanar;font-style:normal;font-weight:400;src:url(../../static/media/GT-Planar-Regular.e63b5b7f25680595ab5b.otf)}@font-face{font-family:GTPlanar;font-style:normal;font-weight:300;src:url(../../static/media/GT-Planar-Light.77cc10413d264a9fffcd.otf)}@font-face{font-family:GTPlanar;font-style:italic;font-weight:500;src:url(../../static/media/GT-Planar-Retalic-15-Medium.4fe2f6c9ea699976edf2.otf)}@font-face{font-family:GTPlanar;font-style:italic;font-weight:400;src:url(../../static/media/GT-Planar-Retalic-15-Regular.1076d29fa72237915438.otf)}@font-face{font-family:GTPlanar;font-style:italic;font-weight:300;src:url(../../static/media/GT-Planar-Retalic-15-Light.6410e0c6cfc11db2ea89.otf)}*{box-sizing:border-box}html{font-size:.05208vw}body,html{height:100%;height:-webkit-fill-available;margin:0;overflow-x:hidden;width:100%}body{-webkit-tap-highlight-color:transparent;font-family:GTPlanar,serif;font-size:20rem;font-weight:400;line-height:1.5;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}#root{width:100%}.hide{opacity:0;visibility:hidden}a:hover{color:#606060}@media screen and (max-width:767px){html{font-size:.26667vw}}header{background-color:#fff;font-size:20rem;height:101rem;left:0;padding:0 50rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:0}header:before{content:"";height:100%;width:0}header .me,header:before{display:inline-block;vertical-align:middle}header .post{font-size:20rem;left:40%}header .mainNav,header .post{display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}header .mainNav{right:50rem}header .mainNav a{color:#000;display:inline-block;margin-left:35rem;text-decoration:none}header .mainNav a:hover{color:#000;font-style:italic}header .mobile{display:none}header .mobileMenu{bottom:0;left:0;position:fixed;right:0;top:60rem;transition:all .4s}header .mobileMenu .menuBackground{background-color:#fff;height:100%;left:0;position:absolute;top:0;width:100%}header .mobileMenu .menuItems{left:0;position:absolute;right:0;top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}header .mobileMenu .menuItems a{color:#000;display:block;font-size:50rem;margin:0;padding:5rem 0;text-align:center;text-decoration:none}@media screen and (max-width:767px){header{height:60rem;padding:0 15rem;z-index:10}header .me{font-size:16rem;line-height:16rem;padding-top:5rem;vertical-align:middle}header .post{display:none;font-size:12rem;margin-left:10rem;position:static;-webkit-transform:none;transform:none;vertical-align:initial}header .mainNav{display:none}header .mobileMenu.hide{-webkit-transform:translateX(-100%);transform:translateX(-100%)}header .mobile{display:flex;height:40rem;position:absolute;right:15rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40rem}header .mobile span{background-color:#000;display:block;height:2rem;left:20%;position:absolute;transition:top .2s .2s,-webkit-transform .2s;transition:top .2s .2s,transform .2s;transition:top .2s .2s,transform .2s,-webkit-transform .2s;width:60%;will-change:transform}header .mobile span:first-child{top:15rem}header .mobile span:nth-child(2){top:23rem}header .mobile.opened span{transition:top .2s,-webkit-transform .2s .2s;transition:top .2s,transform .2s .2s;transition:top .2s,transform .2s .2s,-webkit-transform .2s .2s}header .mobile.opened span:first-child{top:50%;-webkit-transform:translateY(-50%) rotate(45DEG);transform:translateY(-50%) rotate(45DEG)}header .mobile.opened span:nth-child(2){top:50%;-webkit-transform:translateY(-50%) rotate(-45DEG);transform:translateY(-50%) rotate(-45DEG)}header .contactInfo{bottom:15rem;font-size:16rem;left:15rem;position:absolute;z-index:1}header .contactInfo .colHeader{margin-bottom:15rem}header .contactInfo a{color:#000;text-decoration:none}}.projectList{background-color:#fff;opacity:1;position:relative;top:0;transition:top .4s .6s,opacity .4s .6s;z-index:1}.projectList.loading{opacity:0;top:50rem;transition:none}.projectList .filter{background-color:#fff;display:flex;justify-content:space-between;padding:0 50rem;position:-webkit-sticky;position:sticky;position:relative;top:0;z-index:1}.projectList .seperator{background-color:#dedede;height:1px;margin:0 50rem}.projectList .filter .filterItem{color:#000;flex:0 0 15%;font-weight:400;padding:15rem 0 10rem;text-decoration:none}.projectList .filter .filterItem:hover{color:#000;font-style:italic}.projectList .filter .sortOrder{color:#000;font-size:45rem;font-weight:400;padding:65rem 0 55rem;text-decoration:none}.projectList .filter .sortOrder img{width:40rem}.projectList .filter .filterCategories{display:flex;font-size:100rem;justify-content:space-between;left:40%;position:absolute;right:50rem}.projectList .filter .filterItem.active{font-style:italic;font-weight:100}.projectList .filter .filterCategories .filterItem{flex:0 1}.projectsWrapper{overflow:hidden;position:relative;transition:height .4s,opacity .4s}.projectsWrapper .projectItem{position:absolute}.projectsWrapper .projectItem a{color:#000;display:block;text-decoration:none}.projectsWrapper .projectItem iframe,.projectsWrapper .projectItem img{height:100%;pointer-events:none;vertical-align:top;width:100%}.projectsWrapper .projectItem img{object-fit:cover}.projectsWrapper .projectItem.featured .projectInfo{padding:15rem 50rem}.projectsWrapper .projectItem .projectInfo{align-items:baseline;padding:15rem 0}.projectsWrapper .projectItem .projectInfo .projectName{display:inline-block}.projectsWrapper .projectItem .projectInfo .projectCategory{color:#888;display:inline-block;font-weight:100;padding:0 0 0 15rem}.projectsWrapper .projectItem.small .projectInfo .projectCategory,.projectsWrapper .projectItem.small .projectInfo .projectName{display:block}.projectsWrapper .projectItem.small .projectInfo .projectCategory{padding:5rem 0}.mobileFilterCategories{display:none}@media screen and (max-width:767px){.projectList .seperator{height:1rem;margin:0 15rem}.projectList .filter{display:block;padding:30rem 15rem;position:relative}.projectList .filter .sortOrder{font-size:25rem;padding:15rem 0 20rem}.projectList .filter .sortOrder img{width:15rem}.projectList .filter .filterCategories{display:block;font-size:50rem;left:auto;line-height:1.4em;position:static}.projectList .filter .filterCategories .filterItem{display:block;padding:0}.projectsWrapper{padding-bottom:30rem}.projectsWrapper .projectItem{margin:0 auto 15rem;position:relative}.projectsWrapper .projectItem.featured .projectInfo{padding:10rem 0}.projectsWrapper .projectItem .projectInfo{font-size:16rem;padding:10rem 0}.projectsWrapper .projectItem .projectInfo .projectCategory{display:block;padding:0}.mobileFilterCategories{background-color:#fff;border:0;border-radius:0;color:#000;display:block;font-size:16rem;outline:0}}.selfIntro{position:-webkit-sticky;position:sticky;top:100rem}.selfIntro .text{display:flex;padding:50rem 0 110rem}.selfIntro.loading .textLeft,.selfIntro.loading .textRight{opacity:0;top:50rem;transition:none}.selfIntro .textLeft{color:#727272;flex:0 0 40%;font-size:16rem;font-weight:100;padding-left:50rem;position:relative;top:0;transition:top .4s .4s,opacity .4s .4s}.selfIntro .textLeft a{color:#727272}.selfIntro .textRight{flex:0 0 60%;font-size:50rem;line-height:1.3em;padding-right:100rem;position:relative;top:0;transition:top .4s .5s,opacity .4s .5s}.selfIntro .seperator{height:1px;margin:0 50rem}@media screen and (max-width:767px){.selfIntro{top:60rem}.selfIntro .text{display:block;padding:30rem 0 45rem}.selfIntro .textLeft,.selfIntro .textRight{padding:0 15rem;width:100%}.selfIntro .textLeft{display:none;font-size:16rem;margin-bottom:30rem}.selfIntro.loading .textRight{top:30rem}.selfIntro .textRight{font-size:25rem;line-height:1.3em}.selfIntro .seperator{height:1rem;margin:0 15rem}}#loading{background-color:#fff;height:100%;left:0;position:fixed;top:0;transition:opacity 0s,visibility 0s;width:100%;z-index:10}#loading.hide{transition:opacity .3s,visibility .3s}#loading .loadingpercent{bottom:0;font-style:italic;left:50rem;position:absolute;right:50rem;text-align:right;transition:bottom .4s,-webkit-transform .4s;transition:bottom .4s,transform .4s;transition:bottom .4s,transform .4s,-webkit-transform .4s}#loading .loadingpercent .digit{display:block;font-size:270rem}#loading .loadingpercent .sign{display:none;font-size:20rem}@media screen and (max-width:767px){#loading .loadingpercent{bottom:15rem;left:15rem;position:absolute;right:15rem;text-align:right}#loading .loadingpercent .digit{font-size:140rem}}#about{background-color:#fff;position:relative;z-index:1}#about.loading .aboutPhoto{opacity:0;padding-top:250rem;transition:none}#about .aboutPhoto{display:inline-block;opacity:1;padding:200rem 100rem 450rem 50rem;position:-webkit-sticky;position:sticky;top:100rem;transition:padding-top .4s .4s,opacity .4s .4s;vertical-align:top;width:40%}#about .aboutPhoto img{width:100%}#about.loading .aboutText{opacity:0;top:100rem;transition:none}#about .aboutText{display:inline-block;padding-top:50rem;position:relative;top:0;transition:top .4s .5s,opacity .4s .5s;vertical-align:top;width:60%}#about .aboutText .aboutSection:nth-child(last){margin-bottom:100rem}#about .aboutText .aboutSection:after{background-color:#eee;content:"";display:block;height:1rem;margin-bottom:60rem;margin-right:50rem;margin-top:50rem}#about .aboutText .mainContent{font-size:45rem;line-height:1.3em;padding:0 100rem 80rem 0}#about .aboutText .subContent{font-weight:100;padding:0 150rem 100rem 0}#about .aboutText .additionCols{font-size:16rem}#about .aboutText .additionCols .colMain{display:inline-block;line-height:1.7em;vertical-align:top;width:40%}#about .aboutText .additionCols .col{display:inline-block;vertical-align:top;width:60%}#about .aboutText .additionCols .col .subCol{display:inline-block;vertical-align:top;width:50%}#about .aboutText .additionCols .col .subCol .colItem{margin-bottom:15rem}#about .aboutText .additionCols .col .subCol .colItem .title{font-size:16rem}#about .aboutText .additionCols .col .subCol .colItem .support{font-size:12rem}#about .aboutText .additionCols .col .subCol .colItem.last{font-size:16rem;margin-top:100rem}#about .aboutText .additionCols .col .colItem a{color:#000}#about .aboutText .additionCols .colHeader{font-style:italic;margin-bottom:30rem}#about .sideProject{padding:80rem 50rem 50rem;position:relative;z-index:1}#about .sideProject .header{color:#262527;font-style:italic;margin-bottom:30rem}#about .sideProject .projectDetails{font-size:80rem}#about .sideProject .projectDetails a,#about .worksLink{color:#000;text-decoration:none}#about .worksLink{display:inline-block;font-size:40rem;margin:0 0 50rem 50rem;position:relative;z-index:1}#about .worksLink img{width:30rem}@media screen and (max-width:767px){#about.loading .aboutPhoto{padding-top:90rem}#about.loading .aboutText{padding-top:50rem}#about .aboutPhoto{display:block;margin:0 auto;padding:60rem 15rem 0;position:static;width:100%}#about .aboutText{display:block;padding-top:15rem;width:100%}#about .aboutText .aboutWorks{margin-bottom:30rem}#about .aboutText .aboutMe:after{margin-right:15rem;margin-top:30rem}#about .aboutText .aboutSection:after{margin-bottom:50rem;margin-left:15rem;margin-right:15rem}#about .aboutText .mainContent{font-size:25rem;line-height:1.3em;padding:15rem 40rem 15rem 15rem}#about .aboutText .subContent{font-size:16rem;padding:15rem 15rem 50rem}#about .aboutText .additionCols{font-size:16rem}#about .aboutText .mainContent+.additionCols{padding-top:30rem}#about .aboutText .additionCols .colMain{display:block;padding:0 15rem 15rem;width:100%}#about .aboutText .additionCols .col{padding:15rem;width:100%}#about .aboutText .additionCols .col .subCol{padding-right:15rem}#about .aboutText .additionCols .col .subCol .colItem{margin-bottom:15rem}#about .aboutText .additionCols .col .subCol .colItem .title{padding-bottom:10rem}#about .aboutText .additionCols .col .subCol .colItem.last{margin-top:50rem}#about .aboutText .additionCols .colHeader{font-style:italic;margin-bottom:15rem}#about .sideProject{padding:30rem 15rem;position:relative;z-index:1}#about .sideProject .header{margin-bottom:20rem}#about .sideProject .projectDetails{font-size:50rem}#about .worksLink{font-size:25rem;margin:0 0 50rem 15rem}#about .worksLink img{width:20rem}}footer{background-color:#fff;position:relative;z-index:9}footer .seperator{background-color:#000;height:1px;margin:0 50rem}.slogan{align-items:center;display:flex;justify-content:space-between;padding:50rem}.slogan .sloganLeft{font-size:50rem;line-height:1.3em}.slogan .sloganRight{font-size:50rem}footer .contacts{padding-left:40%}footer .contacts .col{display:inline-block;vertical-align:top}footer .contacts .col:first-child{width:50%}footer .contacts .col:nth-child(2){width:45%}footer .contacts .col .colHeader{padding-bottom:50rem}footer .contacts .col .colItem{padding:5rem 0}footer .contacts .col .subCol{display:inline-block;vertical-align:top;width:45%}footer .contacts .col .colItem a{color:#000;text-decoration:none}footer .contacts .col .colItem span{color:#0a090a;font-size:16rem;font-style:italic}footer .footer{display:flex;padding:100rem 0 50rem}footer .footer .me{flex:0 0 40%;padding-left:50rem}footer .footer .copyright,footer .footer .tnc{flex:0 0 30%}footer .backToTopWrapper{bottom:50rem;font-size:40rem;position:absolute;right:50rem}#backToTop{bottom:50rem;color:#000;position:fixed;text-decoration:none;transition:visibility .4s,opacity .4s;z-index:1}#backToTop img,footer .backToTopWrapper img{margin-bottom:10rem;vertical-align:bottom;width:30rem}footer .backToTopWrapper .backToTopPlaceholder{opacity:0;pointer-events:none}@media screen and (max-width:767px){footer .seperator{margin:0 15rem}.slogan{padding:30rem 15rem}.slogan .sloganLeft{font-size:25rem}.slogan .sloganRight{font-size:24rem}footer .contacts{padding-left:15rem;padding-right:15rem}footer .contacts .col{display:block;font-size:16rem;margin-bottom:30rem}footer .contacts .col:first-child,footer .contacts .col:nth-child(2){width:100%}footer .contacts .col .colHeader{padding-bottom:15rem}footer .contacts .col .colItem{font-size:16rem;padding:5rem 0}footer .contacts .col .subCol{width:50%}footer .contacts .col .colItem span{font-size:12rem}footer .footer{display:block;font-size:16rem;justify-content:space-between;padding:15rem}footer .footer .me{display:none;flex:0 0 100%;font-size:20rem;font-weight:700;padding-left:0}footer .footer .copyright{display:inline-block;margin-right:10rem}footer .footer .tnc{display:inline-block}footer .backToTopWrapper{font-size:20rem}#backToTop{bottom:15rem;right:15rem}}#project{background-color:#fff;padding-bottom:50rem;position:relative;z-index:1}#project.loading .brief,#project.loading .projectCategory,#project.loading .projectCoverVimeo,#project.loading .projectName,#project.loading .projectThumb{opacity:0;top:50rem;transition:none}#project .projectName{font-size:100rem;padding:150rem 50rem 0;position:relative;top:0;transition:top .4s .4s,opacity .4s .4s}#project .projectCategory{color:#888;font-weight:100;padding:0 50rem 50rem;position:relative;top:0;transition:top .4s .5s,opacity .4s .5s}#project .projectThumb img{vertical-align:top;width:100%}#project .projectCoverVimeo,#project .projectThumb{position:relative;top:0;transition:top .4s .6s,opacity .4s .6s}#project .projectCoverVimeo{padding-top:56.25%}#project .projectCoverVimeo iframe{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}#project .brief{padding:80rem 0;position:relative;top:0;transition:top .4s .7s,opacity .4s .7s}#project .brief .shortInfos{display:inline-block;font-size:16rem;padding:0 50rem;vertical-align:top;width:40%}#project .brief .shortInfos .infoItem{margin-bottom:15rem}#project .brief .shortInfos .infoItem .header{font-style:italic;font-weight:lighter}#project .brief .shortInfos .infoItem .content a{color:#000}#project .brief .shortBrief{display:inline-block;font-size:45rem;line-height:1.4em;padding:0 100rem 0 0;vertical-align:top;width:60%}#project .content.banner,#project .content.vimeo.fullwidth{padding:0 0 15rem}#project .content.photo{padding:0 50rem 50rem}#project .content.text{font-size:20rem;padding:20rem 150rem 70rem 40%}#project .content.banner+.content.text,#project .content.vimeo.fullwidth+.content.text{padding-top:55rem}#project .content.vimeo{padding:0 50rem 50rem}#project .content.vimeo .vimeoWrapper{padding-top:56.25%;position:relative}#project .content img{vertical-align:top;width:100%}#project .content iframe{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}#project .backToWork{color:#000;display:inline-block;font-size:40rem;margin:50rem;text-decoration:none}#project .backToWork img{width:20rem}@media screen and (max-width:767px){#project{padding-bottom:30rem}#project.loading .brief,#project.loading .projectCategory,#project.loading .projectCoverVimeo,#project.loading .projectName,#project.loading .projectThumb{top:30rem}#project .projectName{font-size:24rem;padding:30rem 15rem 0}#project .projectCategory{font-size:16rem;padding:0 15rem 15rem}#project .brief{display:flex;flex-wrap:wrap;padding:30rem 0}#project .brief .shortInfos{display:block;font-size:12rem;order:2;padding:30rem 15rem 0;width:100%}#project .brief .shortInfos .infoItem{display:block}#project .brief .shortBrief{display:block;font-size:20rem;order:1;padding:0 15rem;width:100%}#project .content.photo{padding:0 15rem 15rem}#project .content.text{font-size:16rem;padding:15rem 15rem 30rem}#project .content.banner+.content.text,#project .content.vimeo.fullwidth+.content.text{padding-top:25rem}#project .content.vimeo{padding:0 15rem 15rem}#project .content.banner,#project .content.vimeo.fullwidth{padding:0 0 5rem}#project .backToWork{font-size:20rem;margin:15rem 15rem 0}}
/*# sourceMappingURL=main.59e89f6b.css.map*/