@font-face{font-family:MSungHK;src:url(../../static/media/MSungHK_Xbold.0a117001.eot);src:url(../../static/media/MSungHK_Xbold.0a117001.eot?#iefix) format("embedded-opentype"),url(../../static/media/MSungHK_Xbold.6e32ba20.woff2) format("woff2"),url(../../static/media/MSungHK_Xbold.68550fa8.woff) format("woff"),url(../../static/media/MSungHK_Xbold.43d0bb23.ttf) format("truetype"),url(../../static/media/MSungHK_Xbold.11862a81.svg#MSungHK) format("svg")}*{box-sizing:border-box;vertical-align:top;font-family:Times New Roman,Times,MSungHK,serif}html{font-size:1vw}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#main,body,html{height:100%}.verticalText{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#bca586;color:#000;border:0;padding:.75rem 1.5rem;font-weight:700;font-size:1.25rem;outline:0}button:hover{background-color:#ac8b60}@media screen and (max-width:767px){html{font-size:4vw}}.landing .introduction.en{background-color:#fff;padding:0 1em 1em;height:65%}.landing .scrollHints{line-height:1.6rem}.scrolled .landing .decorateLine,.scrolled .landing .scrollHints{opacity:0}@media screen and (max-width:767px){section#landing.landing{min-height:100vh;max-height:none;height:auto}#landing.landing .logo{top:1rem;left:1rem;width:8rem;height:8rem}#landing.landing .coverMedia{left:0;width:100%;-webkit-transform:none;transform:none;padding-top:6rem}#landing.landing .coverMedia img{object-fit:cover;height:80vh;object-position:left top}#landing.landing .introduction{display:none}#landing.landing .introduction.mobile{display:block;left:2.5rem;top:10rem;-webkit-transform:none;transform:none;right:auto;z-index:1}#landing.landing .scrollHints{left:2.5rem;z-index:1}#landing.landing .decorateLine{display:none}}section.about{height:100vh;max-height:56.25vw}.about{padding:0 10rem;display:flex;align-items:center}.about .photo{flex:0 0 35%}.about .photo img{width:100%}.about .pen{flex:0 0 30%;height:100%}.about .pen img{width:100%;height:100%;object-fit:contain}.about .content{height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;text-align:left;flex:0 0 35%;overflow:hidden}.about .content .name{font-size:2.5rem;padding-bottom:1rem}.about .introductions{display:flex;height:50%;padding-top:2.5rem;align-self:flex-end;font-size:1.25rem;justify-content:flex-end;width:100%}.about .introductions .introduction{width:100%;flex:0 1;height:70%;line-height:1.8em}.about .introductions .introduction.zh{line-height:1.4em}.about .introductions .introduction:not(:last-child){margin-right:2em}.about .decorateLine{position:absolute;height:1px;width:65%;right:10rem;top:50%;background-color:#000}@media screen and (max-width:767px){#index section.about{height:auto;max-height:none;padding:0;display:block}#index section.about .photo{height:100vw;overflow:hidden}#index section.about .pen{position:absolute;top:25vw;height:60vh;width:25%}#index section.about .pen img{object-fit:cover}#index section.about .content{min-height:auto;align-items:center}#index section.about .decorateLine{top:140vw;width:80vw;left:0}#index section.about .content .name{padding:3rem 0 0;font-size:2.5rem;font-weight:700}#index section.about .content .introduction{-webkit-writing-mode:unset;-ms-writing-mode:unset;writing-mode:unset;padding:1rem 1rem 2rem;flex:1 1}#index section.about .content .introduction.mobile{display:block;padding:2rem 20vw 0 0;height:20rem}}section.event{padding:4rem 12rem}.event .title{text-align:center;font-size:1.25rem;margin-bottom:1.5rem}.event .eventBox{background:#000;color:#fff;padding:2rem 2.5rem 3rem;position:relative;display:flex;margin:0 auto;justify-content:space-between}.event .eventBox .seperator{order:2;width:1px;background-color:#fff}.event .eventBox .introductions{display:flex;order:3;white-space:nowrap;font-size:1.25rem}.event .eventBox .introductions .introduction{margin-right:1em;min-height:15em;max-height:20em;white-space:normal}.event .eventBox .introductions .introduction.zh{line-height:1.3em}.event .eventBox .date{display:flex;flex-direction:column;justify-content:space-between;order:4}.event .eventBox .contentBox{flex:0 0 75%;padding:0 20rem 0 0;font-size:1rem;line-height:1.2rem}.event .eventBox .date .month:first-child{font-size:2.5rem;line-height:1em;letter-spacing:.3em;margin-bottom:2em}.event .eventBox .date .month:last-child{font-size:1.25em;letter-spacing:.4em}.event .eventBox .contentBox button{margin-top:3em;font-size:1rem}@media screen and (max-width:767px){#index section.event{padding:0}#index section.event .title{font-size:1.5rem;font-weight:700}#index section.event .eventBox{flex-wrap:wrap;justify-content:space-between}#index section.event .eventBox .seperator{display:none}#index section.event .eventBox .contentBox{order:3;flex:0 0 100%;padding:3rem 0 0}#index section.event .eventBox .contentBox div{display:none}#index section.event .eventBox .contentBox a{text-decoration:none}#index section.event .eventBox .contentBox button{margin:2rem auto 0;padding:.75rem 3rem;display:block}#index section.event .eventBox .introductions{order:1}#index section.event .eventBox .introductions .introduction{height:15em;font-size:1.25rem}#index section.event .eventBox .introductions .introduction.mobile{display:block;font-size:1.4rem}#index section.event .eventBox .date{justify-content:flex-start;order:2;width:3em}#index section.event .eventBox .date .month:first-child{margin-bottom:.5rem}}.showcase{padding:4rem 12rem}.showcase .item{position:relative;display:flex;padding-bottom:8rem}.showcase .item:after{content:"";position:absolute;top:0;left:50%;height:100%;width:2px;background-color:#e5e3e8}.showcase .item .media{position:relative;right:0;z-index:1;flex:0 0 60%}.showcase .item .media,.showcase .item .media:after{content:"";width:16rem;height:32rem;display:block;top:0}.showcase .item .media:after{position:absolute}.showcase .item:nth-child(odd) .media{order:1}.showcase .item:nth-child(2n) .media{order:0}.showcase .item:nth-child(odd) .media:after{background-color:#151515;right:0}.showcase .item:nth-child(2n) .media:after{background-color:#f0f1f5;left:0}.showcase .item .media img{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;width:30rem;height:23rem;object-fit:contain}.showcase .item:nth-child(odd) .media img{right:8rem;object-position:right}.showcase .item:nth-child(2n) .media img{left:8rem;object-position:left}.showcase .item .description{padding-top:6rem;text-align:center;font-family:sans-serif;font-size:1.2rem;color:#555}.showcase .item .description .title{color:#000;font-weight:700;margin:1em auto 2em;padding:0 1em;line-height:2rem;width:65%}.showcase .item .description .content{padding:0 1em;font-size:1.2rem;line-height:2rem}@media screen and (max-width:767px){#index section.showcase{padding:2rem 1rem}#index section.showcase .item{flex-wrap:wrap;padding-bottom:3rem}#index section.showcase .item:after{display:none}#index section.showcase .item:nth-child(odd) .media{order:0}#index section.showcase .item:nth-child(odd) .media img{left:0;right:auto}#index section.showcase .item:nth-child(2n) .media img{left:auto;right:0}#index section.showcase .item .media{flex:0 0 100%;height:100vw}#index section.showcase .item .media:after{height:100%}#index section.showcase .item .media img{width:85%}#index section.showcase .item .description{padding-top:2rem;width:100%}#index section.showcase .item .description .title{font-size:1.4rem;margin:0 auto;width:80%}#index section.showcase .item .description .content{display:none}}.collaboration{padding:4rem 20rem}.collaboration .title{text-align:center;font-size:1.25rem;margin-bottom:1.5rem}.collaboration .icons{display:flex;flex-wrap:wrap}.collaboration .icons .icon{flex:0 0 20%;padding:1rem}.collaboration .icons .icon img{display:block;margin:0 auto;max-width:100%}@media screen and (max-width:767px){#index section.collaboration{padding:0}#index section.collaboration .title{font-size:1.5rem;font-weight:700}#index section.collaboration .icons{justify-content:center}#index section.collaboration .icons .icon{flex:0 0 40%}.collaboration .icons .icon:nth-child(n+5){display:none}}@media screen and (max-width:767px){#index section.banner{height:60vh}#index section.banner .background,#index section.banner .background img{width:100%;height:100%;object-fit:cover}#index section.banner .content{width:100%}#index section.banner .content .title{font-size:2rem}#index section.banner .content .brief{width:100%;padding:0 2.5rem;line-height:1.35;font-size:1.25rem}}.footer{padding:6rem 8rem 4rem;display:flex;box-shadow:0 -3px 3px -3px #e0e0e0}.footer .infoBlock,.footer .subscribeBlock{flex:0 0 40%}.footer .socialMediaBlock{flex:0 0 20%;position:relative}.footer .socialMediaBlock .title{position:absolute;bottom:100%;margin-bottom:2rem;width:100%}.footer .infoBlock{display:flex}.footer .infoBlock .logo{width:4rem;height:4rem;object-fit:contain}.footer .infoBlock .links{height:9em;display:flex;flex-direction:column;flex-wrap:wrap;line-height:1em;border-left:1px solid #d1d1d1;padding-left:1.5rem;margin-left:1.5rem}.footer .infoBlock .links .link{margin-bottom:.5em;margin-right:2em;text-decoration:none;color:#000}.footer .socialMediaBlock{text-align:center;line-height:1em}.footer .socialMediaBlock .socialMedia{display:flex;padding:0 .5rem;justify-content:space-between;align-items:center}.footer .socialMediaBlock .socialMedia .media{flex:0 0 25%}.footer .socialMediaBlock .socialMedia .media img{max-width:100%;width:46px}.footer .subscribeBlock{text-align:right}.footer .subscribeBlock .inputField{position:relative;padding:1.6em 0 1em}.footer .subscribeBlock .inputField input{font-size:1.5rem;border:0;border-bottom:2px solid #000;width:20rem;outline:0;text-align:right;padding-bottom:.25em}.footer .subscribeBlock .inputField .placeholder{position:absolute;top:1.6rem;right:0;font-size:1.2rem;color:#c4c4c4;pointer-events:none}.footer .subscribeBlock .inputField.filled .placeholder{display:none}.footer .subscribeBlock .button{display:inline-block;padding:1em 0;-webkit-transition:all .4s;transition:all .4s}.footer .subscribeBlock .correct~.button{background-color:#000;color:#fff;padding:1em 2em;cursor:pointer}@media screen and (max-width:767px){section.footer{padding:2rem;flex-direction:column}section.footer .infoBlock{order:2}section.footer .infoBlock .contactBlock{font-size:1.4rem}section.footer .socialMediaBlock{order:1;font-size:1.25rem}.footer .socialMediaBlock .socialMedia{margin:2rem 0 5rem}.footer .socialMediaBlock .socialMedia .media{flex:0 0 30%}section.footer .infoBlock .logo,section.footer .subscribeBlock{display:none}.footer .socialMediaBlock .title{position:relative;bottom:auto}}.contactBlock{height:3em;display:flex;flex-direction:column;line-height:1em;padding-left:1.5rem;border-left:1px solid #d1d1d1;margin-left:1.5rem}.contactBlock .link{margin-bottom:.5em;margin-right:2em;text-decoration:none;color:#000}@media screen and (max-width:767px){.contactBlock{padding-left:0;border-left:0;margin-left:0}}#contentWrapper{padding-right:7.5rem}section{position:relative}@media screen and (max-width:767px){#contentWrapper{padding-right:0}}.privacyPolicy{padding:15rem 8rem 5rem;border-bottom:1px solid #eee}#legal .landing .logo,#privacy .landing .logo{position:absolute;top:4rem;left:5rem;width:6rem;height:6rem}.legalTerms{padding:15rem 8rem 5rem;border-bottom:1px solid #eee}section.landing{height:100vh;max-height:56.25vw}.landing .logo{position:absolute;top:3rem;left:3rem;width:10rem;height:10rem;z-index:1}.landing .logo img{width:100%;height:100%}.landing .introduction.zh{position:absolute;top:18rem;left:9.5rem;line-height:1.4em;font-size:1.25rem;font-weight:700;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.landing .introduction.en{position:absolute;right:11.5rem;top:9rem;-webkit-transform:translateX(50%);transform:translateX(50%);font-size:1.2rem;font-weight:700}.landing .decorateLine{position:absolute;right:9.5rem;bottom:0;width:1px;height:10rem;background-color:#ccc}.landing .scrollHints{position:absolute;bottom:2rem;left:6.5rem;width:8rem;color:#a3a3a3;-webkit-transition:opacity .4s;transition:opacity .4s}.scrolled .landing .scrollHints{opacity:0}.landing .coverMedia{position:absolute;left:50%;width:50%;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.landing .coverMedia img{width:100%;height:100%;object-fit:contain;object-position:top}@media screen and (max-width:767px){#commercial #landing.landing .scrollHints{left:2.5rem;z-index:1;position:fixed}#commercial #landing.landing .coverMedia{padding-top:6rem;padding-bottom:6rem;position:relative}}.projectWrapper{position:relative;margin-top:2rem}.projectWrapper .projectItem{position:absolute;-webkit-transition:top .4s,left .4s;transition:top .4s,left .4s;z-index:1}.projectWrapper .projectItem.hide{-webkit-transform:scale(0);transform:scale(0);z-index:0}.projectWrapper .projectItem .projectInfo{display:flex;align-items:center;line-height:1.4em;padding:.5em 0}.projectWrapper .projectItem .projectInfo .line{flex:0 1 3rem;height:1px;background-color:#000;align-self:center;margin:0 1rem}.projectWrapper .projectItem .projectImage img{width:100%;-webkit-transition:all .4s;transition:all .4s}.projectWrapper .projectItem:hover .projectImage img{-webkit-filter:brightness(.9);filter:brightness(.9)}.projectList .filterWrapper .filters{flex-wrap:wrap}.projectList .filterWrapper .filters .filter{margin-bottom:1rem}@media screen and (max-width:767px){#commercial .projectList{padding:0}#commercial .projectList .filterWrapper .label{display:none}#commercial .projectList .filterWrapper{padding:0 1.5rem}#commercial .filters{flex:0 0 100%;overflow:hidden;flex-wrap:wrap}#commercial .projectList .filterWrapper .filters .filter{flex:0 0 50%;margin-bottom:1rem}#commercial .projectList .filterWrapper .filters .filter .styleIcon{flex:0 0 35%}#commercial .projectList .projectWrapper{margin:2rem 1.5rem 0}#commercial .projectList .projectWrapper .projectItem{position:static;margin-bottom:2rem}#commercial .projectList .projectWrapper .projectItem.hide{height:0;margin-bottom:0}#commercial .projectList .projectWrapper .projectItem .projectInfo{flex-wrap:wrap}#commercial .projectList .projectWrapper .projectItem .projectInfo .name{flex:0 0 100%;font-weight:700;margin-bottom:.5em}#commercial .projectList .projectWrapper .projectItem .projectInfo .line{margin-left:0}}@media screen and (max-width:767px){#commercial section.banner{height:60vh}#commercial section.banner .background,#commercial section.banner .background img{width:100%;height:100%;object-fit:cover}#commercial section.banner .content{width:100%}#commercial section.banner .content .title{font-size:2rem}#commercial section.banner .content .brief{width:100%;padding:0 2.5rem;line-height:1.35;font-size:1.25rem}}#commercialProject .landing .logo{width:6.5rem;height:6.5rem}#commercialProject .landing .contentWrapper{display:flex;padding:9.5rem 8rem 0 10rem;max-height:100%}#commercialProject .landing .scrollHints{left:auto;right:8rem}#commercialProject .landing .decorateLine{left:auto;right:18rem;background-color:#000}#commercialProject .landing .contentWrapper .textContent{flex:0 0 30%;padding-right:2.5rem}#commercialProject .landing .contentWrapper .imageContent{flex:0 0 70%}#commercialProject .landing .contentWrapper .imageContent img{width:100%;height:100%;object-fit:contain}#commercialProject .landing .contentWrapper .textContent .header{font-size:1.75rem;font-weight:700;margin:2rem 0 2.5rem;line-height:1.5em}#commercialProject .landing .contentWrapper .textContent .quote{font-size:1rem;margin-bottom:2.5rem;padding:0 2.5em 0 1em;border-left:2px solid #000;line-height:1.5em}#commercialProject .landing .contentWrapper .textContent .brief{font-size:1rem;margin-bottom:2.5rem;line-height:1.5em;width:80%}#commercialProject .landing .contentWrapper .textContent .writingStyle{margin-top:5rem}#commercialProject .landing .contentWrapper .textContent .writingStyle .styleButton{display:flex;width:60%;box-shadow:1px 3px 10px 0 rgba(0,0,0,.1);align-items:center;border-radius:1rem;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;-webkit-transition:all .4s;transition:all .4s;margin:1.5rem 0;padding:.5rem 0}#commercialProject .landing .contentWrapper .textContent .writingStyle .styleButton .styleIcon{width:35%;padding-top:35%;border-right:1px solid #e5e5e5;position:relative}#commercialProject .landing .contentWrapper .textContent .writingStyle .styleButton .styleIcon img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}#commercialProject .landing .contentWrapper .textContent .writingStyle .styleButton .name{padding:0 1rem}#commercialProject .landing .contentWrapper .textContent .writingStyle .styleButton .name .line2{color:#a3a3a3;font-weight:700}@media screen and (max-width:767px){#commercialProject .landing .contentWrapper{padding:8.5rem 0 0;flex-direction:column}#commercialProject .landing .contentWrapper .imageContent{order:1}#commercialProject #landing.landing .scrollHints{left:1.5rem}#commercialProject .landing .contentWrapper .textContent{order:2;padding:0 1.5rem}#commercialProject #projectList.projectList{padding:0 1.5rem}#commercialProject .projectList .projectWrapper{height:auto!important}#commercialProject .projectList .projectWrapper .projectItem{position:static;margin-bottom:2rem}#commercialProject.page .backButtonRow{padding:4rem 1.5rem;font-size:1rem}}.projectList{padding:4rem 8rem}.projectList .iframeWrapper{position:relative;padding-top:56.25%;margin-bottom:2rem}.projectList .iframeWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.projectList .filterWrapper{display:flex;align-items:center}.projectList .filterWrapper .label{color:#a3a3a3;padding-right:5rem}.projectList .filterWrapper .filters{display:flex;flex:0 0 85%;justify-content:space-between}.projectList .filterWrapper .filters .filter{display:flex;flex:0 0 20%;align-items:center;border-radius:1rem;cursor:pointer;background-color:#fff;-webkit-transition:all .4s;transition:all .4s}.projectList .filterWrapper .filters .filter.selected{-webkit-filter:invert(1);filter:invert(1)}.projectList .filterWrapper .filters .filter.selected:after{content:"\d7";position:absolute;right:1rem;font-size:2em}.projectList .filterWrapper .filters .filter .styleIcon{width:35%;padding-top:35%;border-right:1px solid #e5e5e5;position:relative}.projectList .filterWrapper .filters .filter .styleIcon img{width:80%;height:80%;object-fit:contain;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.projectList .filterWrapper .filters .filter .name{padding-left:1rem}.projectList .filterWrapper .filters .filter .name .line2{color:#a3a3a3;font-weight:700}.projectList .projectWrapper{position:relative;margin-top:2rem}.projectList .projectWrapper .projectItem{position:absolute;-webkit-transition:all .4s;transition:all .4s;z-index:1;text-decoration:none;color:#000}.projectList .projectWrapper .projectItem.hide{-webkit-transform:scale(0);transform:scale(0);z-index:0}.projectList .projectWrapper .projectItem .projectImage{overflow:hidden}.projectList .projectWrapper .projectItem .projectImage img{-webkit-transition:-webkit-transform 2s;transition:-webkit-transform 2s;transition:transform 2s;transition:transform 2s,-webkit-transform 2s;-webkit-transform:scale(1);transform:scale(1)}.projectList .projectWrapper .projectItem:hover .projectImage img{-webkit-transition:-webkit-transform 30s linear;transition:-webkit-transform 30s linear;transition:transform 30s linear;transition:transform 30s linear,-webkit-transform 30s linear;-webkit-transform:scale(1.2);transform:scale(1.2)}.projectList .projectWrapper .projectItem .projectInfo{display:flex;align-items:center;line-height:1.4em;padding:.5em 0}.projectList .projectWrapper .projectItem .projectInfo .line{flex:0 1 3rem;height:1px;background-color:#000;align-self:center;margin:0 1rem}.projectList .projectWrapper .projectItem .projectImage img{width:100%}#commercialProject .projectList{padding:4rem 12rem}#commercialProject .backButtonRow{padding:4rem 8rem}#commercialProject .backButton{display:inline-block;border-left:1px solid #000;text-decoration:none;color:#000;font-size:1.2em;line-height:1.5em;padding-left:1em;font-weight:700}.artLanding{position:relative}.artLanding .logo{position:absolute;top:3rem;left:3rem;z-index:1;width:6.5rem;height:6.5rem;mix-blend-mode:screen;-webkit-filter:invert(1);filter:invert(1)}.artLanding .logo img{width:100%;height:100%}.artLanding .coverMedia{position:relative}.artLanding .coverMedia:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6)}.artLanding .coverImage,.artLanding .coverVideo{width:100%;height:100%;object-fit:cover}.artLanding .introduction{position:absolute;top:4.5rem;left:11rem;font-size:1.2rem;line-height:1.5em;padding:1rem 0 .5rem 2.5rem;color:#fff;border-left:1px solid #fff}.artLanding .filtersWrapper{position:absolute;bottom:5rem;left:8rem;color:#fff;width:50rem;overflow:hidden}.artLanding .filtersWrapper .filterLabel{font-size:1rem;margin-bottom:.5em}.artLanding .filtersWrapper .filters{display:flex;flex-wrap:wrap;max-height:28rem;overflow:auto;margin-right:-20px}.artLanding .filtersWrapper .filters .filter{flex:0 0 24rem;color:#fff;background-color:#000;margin:0 1rem 1rem 0;position:relative;display:flex;padding:1rem 4rem 1rem 1rem;height:13rem;align-items:center}.artLanding .filtersWrapper .filters .filter .styleIcon{flex:0 0 50%;margin-right:10%;padding-top:60%;background-position:50%;background-repeat:no-repeat;background-size:contain}.artLanding .filtersWrapper .filters .filter .clickHint{position:absolute;right:1rem;bottom:1rem;font-size:.7rem}.artLanding .filtersWrapper .filters .filter .clickHint:after{content:"";display:inline-block;width:.5em;height:.5em;border-top:1px solid #000;border-right:1px solid #000;-webkit-transform:rotate(45DEG);transform:rotate(45DEG);margin-left:.1em}@media screen and (max-width:767px){.artLanding .coverImage,.artLanding .coverVideo{width:100vw;height:100vh;object-fit:cover;object-position:center}.artLanding .logo{top:2rem;left:.5rem;z-index:2}.artLanding .introduction{top:50vh;left:1.5rem;right:2.5rem;font-size:1.5rem;line-height:1.6}.artLanding .filtersWrapper{position:relative;bottom:auto;left:auto;right:auto;width:auto}.artLanding .filtersWrapper .filterLabel{color:#000;padding:2.5rem 7rem 1.5rem;font-weight:700;font-size:1.5rem;text-align:center}.artLanding .filtersWrapper .filters{flex-direction:column;flex-wrap:nowrap;max-height:none;margin-right:auto;padding:0 1.5rem}.artLanding .filtersWrapper .filters .filter{flex:0 0 100%;margin-right:0}}.artShowcase .landing{position:relative}.artShowcase .logo{position:absolute;top:3rem;left:3rem;z-index:1;width:6.5rem;height:6.5rem;mix-blend-mode:screen;-webkit-filter:invert(1);filter:invert(1)}.artShowcase .landing .coverImage,.artShowcase .landing .coverVideo{max-width:100%;width:100%}.artShowcase .landing .dimCover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.artShowcase .landing .fontInfo{position:absolute;bottom:40%;left:6rem;display:flex;align-items:flex-end;color:#fff}.artShowcase .landing .fontInfo .nameIcon{padding-bottom:1rem;width:8rem;border-right:1px solid #717171;padding-right:1.5rem}.artShowcase .landing .fontInfo .nameIcon img{width:100%}.artShowcase .landing .fontInfo .nameText{padding-left:2rem;font-size:2rem}.artShowcase .landing .fontInfo .nameText .name1{font-size:2rem}.artShowcase .landing .fontInfo .nameText .name2{font-size:1.5rem}.artShowcase .landing .introduction{position:absolute;top:60%;left:14rem;padding:2rem 0 0 2rem;color:#fff;line-height:1.7;width:25rem}.artShowcase .listingWrapper{padding:4rem 8rem 8rem}.artShowcase .filtersWrapper{text-align:center}.artShowcase .filtersWrapper .filterLabel{font-size:1rem;font-weight:700;margin-bottom:1em}.artShowcase .filtersWrapper .filters{display:flex;flex-wrap:wrap;justify-content:center}.artShowcase .filtersWrapper .filters .filter{flex:0 0 24rem;color:#fff;background-color:#000;margin:0 1rem 1rem 0;position:relative;display:flex;padding:1rem 4rem 1rem 1rem;height:13rem;text-align:center}.artShowcase .filtersWrapper .filters .filter .styleIcon{flex:0 0 60%;padding-top:60%;background-position:50%;background-repeat:no-repeat;background-size:contain}.artShowcase .filtersWrapper .filters .filter .name{padding-top:.5rem}.artShowcase .filtersWrapper .filters .filter .clickHint{position:absolute;right:1rem;bottom:1rem;font-size:.7rem}.artShowcase .filtersWrapper .filters .filter .clickHint:after{content:"";display:inline-block;width:.5em;height:.5em;border-top:1px solid #000;border-right:1px solid #000;-webkit-transform:rotate(45DEG);transform:rotate(45DEG);margin-left:.1em}.imageViewer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center}.imageViewer .imageViewerBackground{background-color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.imageViewer .imagesWrapper{position:relative;z-index:1;display:flex;align-items:center;height:80%;-webkit-transition:all .4s;transition:all .4s}.imageViewer .closeBtn{position:absolute;top:1.5rem;right:1.5rem;width:5rem;height:5rem}.imageViewer .closeBtn:after,.imageViewer .closeBtn:before{content:"";display:block;width:5rem;height:3px;top:50%;background-color:#333;position:absolute;-webkit-transform:rotate(45DEG);transform:rotate(45DEG)}.imageViewer .closeBtn:before{-webkit-transform:rotate(-45DEG);transform:rotate(-45DEG)}.imageViewer .imageNavigate{position:absolute;top:50%;width:3.5rem;height:7rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;cursor:pointer}.imageViewer .imageNavigate.navigateLeft{left:1.5rem}.imageViewer .imageNavigate.navigateRight{right:1.5rem}.imageViewer .imageNavigate:after,.imageViewer .imageNavigate:before{content:"";display:block;width:4rem;height:3px;top:50%;background-color:#333;position:absolute}.imageViewer .imageNavigate.disabled:after,.imageViewer .imageNavigate.disabled:before{background-color:#ccc}.imageViewer .imageNavigate.navigateLeft:after,.imageViewer .imageNavigate.navigateLeft:before{-webkit-transform-origin:left center;transform-origin:left center}.imageViewer .imageNavigate.navigateRight:after,.imageViewer .imageNavigate.navigateRight:before{-webkit-transform-origin:right center;transform-origin:right center}.imageViewer .imageNavigate:before{-webkit-transform:rotate(-45DEG);transform:rotate(-45DEG)}.imageViewer .imageNavigate:after{-webkit-transform:rotate(45DEG);transform:rotate(45DEG)}.imageViewer .imagesWrapper img{flex:0 0 80%;height:100%;width:80%;object-fit:contain;margin:0 10%}@media screen and (max-width:767px){.imageViewer .imageNavigate{top:auto;bottom:2rem;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:767px){.artShowcase .landing{height:auto}.artShowcase .coverVideo{width:100%;height:100%;object-fit:cover;position:absolute}.artShowcase .landing .fontInfo{position:relative;top:0;left:0;padding:11rem 1.5rem 0;align-items:flex-start;display:block}.artShowcase .landing .fontInfo .nameIcon{height:10rem;width:auto;border-right:0;border-bottom:1px solid #717171;margin-bottom:1rem}.artShowcase .landing .fontInfo .nameIcon img{height:100%;width:auto}.artShowcase .landing .fontInfo .nameText{padding-left:0}.artShowcase .landing .introduction{position:relative;top:0;left:0;width:auto;padding:1rem 1.5rem 2rem}.artShowcase .listingWrapper{padding:1.5rem}.artShowcase .filtersWrapper .filters{padding:0 1.5rem}.artShowcase .filtersWrapper .filters .filter{margin:0 0 1.5rem;flex:0 0 100%}}#about .landing .logo{position:absolute;top:4rem;left:5rem;-webkit-filter:invert(1);filter:invert(1);width:6rem;height:6rem}#about .logo img{width:100%;height:100%}#about .landing .backgroundLayer{position:absolute;width:75%;height:75%;background-color:#000}#about .landing .textContent{position:absolute;bottom:25%;left:10rem;margin-bottom:6rem;width:25rem;background-color:#000;color:#fff}#about .landing .textContent .name{font-size:6rem;font-weight:800;margin-bottom:1rem;letter-spacing:.05em}#about .landing .textContent .brief{font-size:1.2rem;line-height:1.67}#about .landing .photo{position:absolute;top:6rem;width:28%;left:56%;z-index:1}#about .landing .photo img{width:100%}#about .landing .info{position:absolute;top:75%;left:10rem;width:40%;margin-top:3rem;display:flex;align-items:center;font-weight:700}#about .landing .info .label{font-size:2.5rem}#about .landing .info .value{font-size:7.5rem;display:flex;align-items:baseline}#about .landing .info .line{height:1px;border-top:1px solid #000;flex:1 1 auto;margin:0 1.5rem}#about .landing .info .unit{font-size:1.5rem;align-self:baseline}#about .landing .decorateLine{background-color:#000;right:20%;height:40%;z-index:2}#about .landing .scrollHints{left:80%;margin-left:2em}@media screen and (max-width:767px){#about section#landing.landing{min-height:100vh;height:auto;padding-bottom:5rem}#about .landing .backgroundLayer{width:100vw;height:100vh;z-index:0}#about .landing .logo{top:2rem;left:.5rem;z-index:2}#about .landing .info,#about .landing .photo,#about .landing .textContent{position:relative;top:auto;left:auto;right:auto;bottom:auto;z-index:1}#about .landing .textContent{color:#fff;padding:33vh 1.5rem 4rem;margin-bottom:0}#about .landing .textContent .name{margin-bottom:1rem;font-size:5rem}#about .landing .textContent .brief{width:75%}#about .landing .photo{width:70%;padding-left:1.5rem}#about .landing .info{width:100%;padding:0 1.5rem}#about .landing .info .label{width:30%}}#about .main .backgroundLayer{position:absolute;top:6rem;right:0;width:50rem;height:25rem;background-color:#cccfd1}#about .main .photo{position:relative;padding:12rem 0;width:51rem}#about .main .photo img{width:100%}#about .main .title{position:absolute;right:7rem;top:8rem;color:#9d9d9d;font-size:2.5rem;line-height:1.4em}#about .main .title2{position:absolute;top:22rem;left:55rem;color:#fff;font-size:5rem}#about .main .content{position:absolute;left:55rem;top:35rem;width:31rem;line-height:1.7rem;font-size:1rem}#about .points{display:flex;padding:5rem 15rem 10rem}#about .points .point{margin:0 1rem;flex:0 0 33.33333333%}#about .points .point .stroke{padding-top:60%;position:relative}#about .points .point .stroke img{position:absolute;top:50%;left:50%;width:50%;height:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:contain;object-position:center}#about .points .point .brief{font-size:1rem;line-height:1.75em;width:85%;margin:0 auto}@media screen and (max-width:767px){#about .main .backgroundLayer{top:0;height:24rem}#about .main .title,#about .main .title2{display:none}#about .main .mobile{display:block;position:relative;top:auto;left:auto;font-weight:700;font-size:7rem;padding:1.5rem 1.5rem 0}#about .main .photo{padding:4rem 0 0 4rem;width:40rem}#about .main .content{position:relative;left:auto;top:auto;font-size:1.2rem;line-height:1.67;width:auto;padding:2rem 1.5rem}#about .points{display:block;padding:0 1.5rem}#about .points .point{margin:0 0 1.5rem}#about .points .point .brief{font-size:1.2rem;line-height:1.6em}}#news{margin-top:4rem;background-color:#43484b;color:#fff;padding:10rem}#news .photo{width:47%;position:absolute;right:0;top:-4rem}#news .photo img{width:100%;height:auto;object-fit:contain}#news .title{font-size:3rem;line-height:1.4;padding-bottom:14rem;width:40%}#news .textContent{width:55%;font-size:1.2rem}#news .atriclesHeader{border-bottom:1px solid #fff;padding-bottom:.8em}#news .article{border-bottom:1px solid #7c7f81;padding:1.2em 3.6em 1.2em 0;text-decoration:none;color:#fff;display:flex;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAsCAYAAADIIYBkAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAM6ADAAQAAAABAAAALAAAAAAOdW8xAAABiUlEQVRoBe2Z4W3CMBCFk07ACIwAE5RuwAhs0I7ABm0nKBu0G5QNSCeBThC+qxKUWLF/oIt7lu6kk/E58b13z44cUlWZrG3bHX7CxT7xZabUumkAvhUGgZ3pr3QzZZgN0MeASN9VJfSQgUsqxYLBb5ipKJSLzDHBSJVQIo/eENVv+rUVaVWXnB7yiZkgsHBCE4UxE3KFzEgRAeIKRQpjJuwKmZEiAsQVihTGTNgV6qSoh5JQlcdh/59/y2n6gEsbswsDT3VdN38XdLK+0pZqt9N2DYM3WD3HqBcSb1BnLWTOAE5JWQifai1vmqN9UwryKZxC5jA1UFjsRx4CQmaPvxcGfgj3l85OAqMlxv7ZSNCIyT7+wFP7WYhsbo9mI8BHMCiq/F9wwlN2YXA1utFaB4BOxJQorogpOQDjirgiM1XAl9ZMhb17Wlfk7tLNeCOqlH/WkvpAZI+nzP6hsRcaFrGvzUJQjUiuD7Q9r7C1/z4SIqb6W5EgMDVFwnyz9yHygjcdoS/apXbSKyVA5DlIFwyeAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:100%;background-size:auto 25%;justify-content:space-between;align-items:center}#news .article:last-child{border-bottom:0}@media screen and (max-width:767px){#news{padding:0 0 5rem}#news .photo{width:100%;position:relative;right:0;top:0}#news .title{font-size:2rem;padding:3rem 1.5rem 4rem;text-align:center;width:80%;margin:0 auto}#news .textContent{width:auto;margin:0 1.5rem;font-size:1.2rem}#news .article{flex-direction:column;background-size:7vw;align-items:flex-start}#news .article .name{line-height:1.6;margin-bottom:.5em}#news .atriclesHeader{text-align:center}}#experience .landing .logo{width:6.5rem;height:6.5rem}#experience .landing .titleWrapper{width:25%}#experience .landing .titleWrapper .title{font-size:2rem;font-weight:700;margin-bottom:.5em}#experience .landing .titleWrapper .brief{font-size:1.2rem;line-height:1.25em;margin-bottom:3.75em}#experience .landing .introduction{position:static;font-size:1rem;-webkit-transform:none;transform:none;font-weight:400}#experience .contentWrapper{padding:9.5rem 8rem 0 10rem}#experience .contentWrapper .textContent{position:relative;z-index:1}#experience .contentWrapper .imageContent{position:absolute;right:8rem;top:9.5rem;width:55%;padding-top:35%;z-index:0}#experience .contentWrapper .imageContent img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#experience .eventBox{background:#000;color:#fff;padding:2rem 2.5rem 3rem;position:relative;display:flex;justify-content:space-between;width:70%}#experience .eventBox .seperator{order:2;width:1px;flex:0 0 1px;background-color:#fff}#experience .eventBox .introductions{display:flex;order:3;white-space:nowrap;font-size:1rem}#experience .eventBox .introductions .introduction{margin-right:1em;background-color:transparent;min-height:15em;max-height:20em;white-space:normal}#experience .eventBox .introductions .introduction.zh{line-height:1.3em}#experience .eventBox .date{display:flex;flex-direction:column;justify-content:space-between;order:4}#experience .eventBox .contentBox{flex:0 0 75%;padding:0 5rem 0 0;font-size:1rem;line-height:1.2em}#experience .eventBox .date .month:first-child{font-size:2.5rem;line-height:1em;letter-spacing:.3em;margin-bottom:2em}#experience .eventBox .date .month:last-child{font-size:1.25em;letter-spacing:.4em}#experience .eventBox .contentBox button{margin-top:3em;font-size:1rem}@media screen and (max-width:767px){#experience .contentWrapper{padding:8rem 0 0;display:flex;flex-direction:column-reverse}#experience .landing .titleWrapper{width:100%;padding:2rem 1rem 56.25%;height:30rem}#experience .landing .titleWrapper .brief{line-height:1.7em;margin-bottom:0}#experience .contentWrapper .imageContent{padding-top:56.25%;position:absolute;top:24rem;left:0;width:100%}#experience .eventBox{width:100%;flex-wrap:wrap}#experience .eventBox .contentBox div{display:none}#experience .eventBox .date{order:2}#experience .eventBox .introductions{order:1}#experience .eventBox .seperator{display:none}#experience #landing.landing .introduction{display:block;height:15rem}}#experience .event{padding:4.5rem 8rem 0 10rem}#experience .event .sectionTitle{text-align:center;font-size:1rem;font-weight:700;margin-bottom:3rem}#experience .event .eventWrapper{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:10rem}#experience .event .eventWrapper .eventItem{flex:0 0 48%;position:relative;padding-left:2.5rem;margin-bottom:2.5rem}#experience .event .eventWrapper .eventItem .imageWrapper{padding-top:75%;position:relative}#experience .event .eventWrapper .eventItem .month{position:absolute;top:0;right:100%;height:100%;display:flex;flex-direction:column;align-items:center;margin-right:.5rem;width:1rem}#experience .event .eventWrapper .eventItem .month .seperator{width:1px;background-color:#000;height:8rem;margin:1rem .5rem;flex:1 1}#experience .event .eventWrapper .eventItem .imageWrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-transition:all .4s;transition:all .4s}#experience .event .eventWrapper .eventItem:hover .imageWrapper img{-webkit-filter:brightness(.9);filter:brightness(.9)}#experience .event .eventWrapper .eventItem .eventTitle{font-size:1.5rem;font-weight:700;margin-top:1em}#experience .event .eventWrapper .eventItem .eventType{font-size:1rem;font-weight:700}#experience .event .eventWrapper .eventItem .detailButton{margin-top:2rem;background-color:rgba(188,165,134,.13);padding:1.5rem 0;text-align:center;font-weight:700}@media screen and (max-width:767px){#experience .eventBox .contentBox{order:3;flex:0 0 100%;padding:3rem 0 0}#experience .event{padding:1rem}#experience .event .eventWrapper .eventItem{flex:0 0 100%;margin-bottom:1rem}#experience .banner{height:60vh}#experience .banner .background{height:100%}#experience .banner .background img{height:100%;object-fit:cover}#experience .banner .content .title{padding:0 1rem;line-height:1.4em}}.banner{position:relative}.banner .background img{width:100%}.banner .content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;text-align:center}.banner .content .title{font-size:2.5rem;margin-bottom:1rem}.banner .content .brief{width:25rem;font-size:1rem;line-height:1.5rem;text-align:center;margin:0 auto 2.5rem}@media screen and (max-width:767px){#experience .banner{height:60vh}#experience .banner .background{height:100%}#experience .banner .background img{height:100%;object-fit:cover}#experience .banner .content .title{padding:0 1rem}}#event .landing .logo{width:6.5rem;height:6.5rem}#event .landing .contentWrapper{display:flex;padding:9.5rem 8rem 0 10rem;height:100%}#event .landing .scrollHints{left:auto;right:8rem}#event .landing .decorateLine{left:auto;right:18rem;background-color:#000}#event .landing .contentWrapper .textContent{flex:0 0 30%;padding-right:2.5rem}#event .landing .contentWrapper .imageContent{flex:0 0 70%}#event .landing .contentWrapper .imageContent img{width:100%;height:100%;object-fit:cover}#event .landing .contentWrapper .textContent .header{font-size:1.75rem;font-weight:700;margin:2rem 0 2.5rem;line-height:1.5em}#event .landing .contentWrapper .textContent .quote{padding:0 2.5em 0 1em;border-left:2px solid #000}#event .landing .contentWrapper .textContent .brief,#event .landing .contentWrapper .textContent .quote{font-size:1rem;margin-bottom:2.5rem;line-height:1.5em}#event .landing .buttonWrapper .buttonDescription{color:#917855;font-weight:700;font-size:.8rem;margin-bottom:.5rem}#event .landing .buttonWrapper .button{padding:1rem 5rem;background-color:#e3ddd5;color:#000;text-align:center;font-weight:700;text-decoration:none;display:block}#event .landing .buttonWrapper .button.buttonType1{background-color:#bca586}#event .landing .buttonWrapper .button.buttonType1:hover{background-color:#ac8b5f}#event .landing .buttonWrapper .button.buttonType2{background-color:#bca586}#event .landing .buttonWrapper .button.buttonType3{background-color:#e3ddd5}#event .landing .buttonWrapper{display:inline-block;text-align:center}#event .projectList .projectWrapper .projectItem .projectInfo .caption{margin-bottom:2rem}#event .landing .contentWrapper .imageContent .imageWrapper{position:relative;padding-left:2rem;height:90%}#event .landing .contentWrapper .imageContent .imageWrapper .verticalText{position:absolute;top:0;left:0}@media screen and (max-width:767px){#event .landing .contentWrapper{padding:8rem 1.5rem;flex-wrap:wrap}#event .landing .contentWrapper .imageContent{flex:0 0 100%;order:1}#event .landing .contentWrapper .textContent{flex:0 0 100%;order:2;padding-right:0}#event .landing .buttonWrapper{width:100%}}#event .details{margin-top:3rem;padding:9.5rem 8rem 0 10rem}#event .details .title{text-align:center;font-size:1.2rem;font-weight:700;margin-bottom:1rem}#event .details .iframeWrapper{position:relative;width:100%;padding-top:56.25%;margin-bottom:4rem}#event .details .iframeWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}#event .details .content{width:70%;margin:0 auto}@media screen and (max-width:767px){#event .details{padding:1.5rem}#event .details .content{width:100%}}#event .images{padding:4rem 8rem 8rem 10rem}@media screen and (max-width:767px){#event .images{padding:1.5rem}}#event .backButtonRow{padding:4rem 8rem}#event .backButton{display:inline-block;border-left:1px solid #000;text-decoration:none;color:#000;font-size:1.2em;line-height:1.5em;padding-left:1em;font-weight:700}@media screen and (max-width:767px){#event .backButtonRow{padding-left:1.5rem}}.contactLanding .logo{position:absolute;top:3rem;left:3rem;z-index:1;width:6.5rem;height:6.5rem;-webkit-filter:invert(1);filter:invert(1)}.contactLanding .coverMedia:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.contactLanding .coverImage,.contactLanding .coverVideo{width:100%;height:100vh;object-fit:cover}.contactLanding .content{position:absolute;bottom:45%;left:12rem;color:#fff}.contactLanding .content .title{font-size:3rem;font-weight:700;margin-bottom:3rem}.contactLanding .content .contacts{font-size:2rem;line-height:2em;color:#fff;text-decoration:none}.contactLanding .followus{position:absolute;top:65%;left:12rem}.contactLanding .followus .followustitle{font-size:1.4rem;margin-bottom:2rem;color:#fff}.contactLanding .followus .iconwrapper{display:flex}.contactLanding .followus .iconwrapper .media{margin-right:2rem;width:3rem;height:3rem}.contactLanding .followus .iconwrapper .media img{width:100%;height:100%;-webkit-filter:invert(1);filter:invert(1)}@media screen and (max-width:767px){section.contactLanding{height:100vh}section.contactLanding .coverMedia{height:100%}section.contactLanding .coverMedia .coverImage,section.contactLanding .coverMedia .coverVideo{object-position:35%}.contactLanding .content{left:4rem}.contactLanding .content .title{font-size:2rem;margin-bottom:1rem}.contactLanding .content .contacts{font-size:1.5rem}.contactLanding .followus{top:60%;left:4rem}}#switcher{position:fixed;right:0;top:0;bottom:0;width:7.5rem;-webkit-transition:width .4s;transition:width .4s;z-index:4;cursor:pointer}.menuOpen #switcher{width:20rem}#switcher.wow{width:100vw}#switcher img{width:100%;height:100%;object-fit:cover;-webkit-transition:all .4s;transition:all .4s}#switcher:hover img{-webkit-filter:brightness(.9);filter:brightness(.9)}#switcher .icon{display:none;position:fixed;right:4.5rem;bottom:3rem;background-color:#000;width:6rem;height:6rem;border-radius:50%;padding:1.5rem;box-sizing:border-box;-webkit-transition:opacity .4s;transition:opacity .4s;-webkit-transition-delay:.4s;transition-delay:.4s;cursor:pointer}#switcher .icon img{width:100%;height:100%;object-fit:contain}#switcher.wow .icon,.menuOpen #switcher .icon{-webkit-transition-delay:0s;transition-delay:0s;opacity:0;visibility:hidden}#switcher .icon:hover img{-webkit-animation:swipePen .6s linear;animation:swipePen .6s linear}#switcher .switcherText{display:flex;align-items:center;color:#fff;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:9rem;font-size:1.2rem;letter-spacing:.2em;-webkit-transition:all .4s;transition:all .4s;z-index:1}.menuOpen #switcher .switcherText{font-size:2rem}#switcher .switcherText .seperator{height:1rem;margin:.2rem 0;position:relative}#switcher .switcherText .seperator:after{content:"\D7"}.inkTransition{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/media/transition.png)}@-webkit-keyframes swipePen{0%{-webkit-transform:rotate(0DEG);transform:rotate(0DEG)}25%{-webkit-transform:rotate(10DEG);transform:rotate(10DEG)}75%{-webkit-transform:rotate(-10DEG);transform:rotate(-10DEG)}to{-webkit-transform:rotate(0DEG);transform:rotate(0DEG)}}@keyframes swipePen{0%{-webkit-transform:rotate(0DEG);transform:rotate(0DEG)}25%{-webkit-transform:rotate(10DEG);transform:rotate(10DEG)}75%{-webkit-transform:rotate(-10DEG);transform:rotate(-10DEG)}to{-webkit-transform:rotate(0DEG);transform:rotate(0DEG)}}@media screen and (max-width:767px){#switcher{display:none}}#menu{position:fixed;right:7.5rem;top:0;width:0;height:100vh;background-color:hsla(0,0%,100%,0);-webkit-transition:background-color .4s,right .4s,width 0s .4s;transition:background-color .4s,right .4s,width 0s .4s;z-index:5}.menuOpen #menu{right:20rem;width:calc(100vw - 20rem);background-color:#fff;-webkit-transition:background-color .4s,right .4s,width 0s 0s;transition:background-color .4s,right .4s,width 0s 0s}#menu .menuButton{position:fixed;right:4.5rem;bottom:3rem;background-color:#000;width:6rem;height:6rem;border-radius:50%;padding:1.5rem;box-sizing:border-box;-webkit-transition:right .4s;transition:right .4s;z-index:5;cursor:pointer}#menu .logo{position:absolute;top:4rem;left:5rem;width:7rem;height:7rem;z-index:1;opacity:0;visibility:hidden;-webkit-transition:all .4s;transition:all .4s}.menuOpen #menu .logo{opacity:1;visibility:visible}#menu .logo img{width:100%;height:100%}#menu .menuButton:after,#menu .menuButton:before{content:"";position:absolute;top:50%;left:50%;width:2rem;height:.15rem;background-color:#fff;-webkit-transition:all .2s;transition:all .2s}#menu .menuButton:before{-webkit-transform:translate(-50%,-.25rem);transform:translate(-50%,-.25rem)}#menu .menuButton:after{-webkit-transform:translate(-50%,.25rem);transform:translate(-50%,.25rem)}#menu .menuButton:hover:before{-webkit-transform:translate(-50%,-.35rem);transform:translate(-50%,-.35rem)}#menu .menuButton:hover:after{-webkit-transform:translate(-50%,.35rem);transform:translate(-50%,.35rem)}.menuOpen #menu .menuButton{right:17rem}.menuOpen #menu .menuButton:before{-webkit-transform:translate(-50%) rotate(45DEG);transform:translate(-50%) rotate(45DEG)}.menuOpen #menu .menuButton:after{-webkit-transform:translate(-50%) rotate(-45DEG);transform:translate(-50%) rotate(-45DEG)}#menu .menuItems{position:absolute;top:47.5%;left:45%;padding-bottom:3rem;visibility:hidden;opacity:0}#menu .menuItems a{display:block;text-decoration:none;font-size:2rem;margin-bottom:.2em;color:#000;font-weight:700}.menuOpen #menu .menuItems{-webkit-transition:all .4s .4s;transition:all .4s .4s;visibility:visible;opacity:1}#menu .menuItems .textWrapper{position:relative;display:inline-block;letter-spacing:.2em}#menu .menuItems .textWrapper .hoverText{position:absolute;background-color:#000;color:#fff;width:0;-webkit-transition:all .4s;transition:all .4s;white-space:nowrap;overflow:hidden}#menu .menuItems a:hover .textWrapper .hoverText{width:100%}#menu .quickNavigation{display:flex;position:absolute;right:2.5rem;top:7.5rem;margin:1rem 0;line-height:2rem;-webkit-transition:opacity .4s .4s;transition:opacity .4s .4s;display:none}.menuOpen #menu .quickNavigation{right:4rem;opacity:0;visibility:hidden;-webkit-transition:all .4s;transition:all .4s}#menu .quickNavigation a{padding:1rem 0;height:100%;text-decoration:none;color:#000;font-weight:700;-webkit-transition:color .2s;transition:color .2s}#art~#menu .quickNavigation a{color:#fff}#menu .quickNavigation:hover a{opacity:.6}#menu .quickNavigation:hover a:hover{opacity:1}#menu .quickNavigation .seperator{padding:1rem 0 0}#menu .languageSelect{position:absolute;top:9rem;right:2.5rem;line-height:2rem;display:flex;opacity:0;visibility:hidden;-webkit-transition:all .4s;transition:all .4s}.menuOpen #menu .languageSelect{right:4rem;opacity:1;visibility:visible}#menu .languageSelect .label:after{content:"";width:1px;height:0;background:#000;margin:1rem 0 2rem;-webkit-transition:all .4s;transition:all .4s}.menuOpen #menu .languageSelect .label:after{height:30vh}#menu .languageSelect .label{vertical-align:middle;display:flex;align-items:center}#menu .languageSelect a{margin-bottom:1em;text-decoration:none;color:#ccc}#menu .languageSelect a.current,#menu .languageSelect a:hover{color:#000}#menu .contactBlock{position:absolute;left:5rem;bottom:5rem;opacity:0;visibility:hidden}.menuOpen #menu .contactBlock{opacity:1;visibility:visible;-webkit-transition:opacity .4s .4s;transition:opacity .4s .4s}#menu .pen{position:absolute;width:30%;left:14rem;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);opacity:0;visibility:hidden}#menu .pen img{width:100%}.menuOpen #menu .pen{-webkit-transition:all .4s .4s;transition:all .4s .4s;opacity:1;visibility:visible;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#menu .inkStone{position:absolute;bottom:60%;left:45%;width:55%;z-index:-1;opacity:0;visibility:hidden}#menu .inkStone img{width:100%}.menuOpen #menu .inkStone{-webkit-transition:all .4s .4s;transition:all .4s .4s;opacity:1;visibility:visible}#menu .switcher{opacity:0;visibility:hidden}@media screen and (max-width:767px){#menu .inkStone,#menu .pen{display:none}#menu .logo{top:1.5rem;left:.5rem}.menuOpen #menu{right:0;width:100vw;background-color:#fff}#menu .menuButton,.menuOpen #menu .menuButton{right:1.5rem;bottom:2rem;width:4rem;height:4rem}#menu .menuButton:after,#menu .menuButton:before{width:1.5rem}.menuOpen #menu .languageSelect{top:2.5rem;right:1.5rem;font-weight:700;font-size:1.4rem}#menu .languageSelect .label:after,.menuOpen #menu .languageSelect .label:after{height:10vh}#menu .menuItems{top:10rem;left:1.5rem}#menu .menuItems a{margin-bottom:0;font-size:1.5rem;font-size:2rem}#menu .contactBlock{font-size:1.5rem;left:1.5rem;bottom:8.5rem}#menu .switcher{position:absolute;bottom:0;width:100%;height:8rem;background-image:url(../../static/media/switcher.1b592415.png);background-size:cover;display:flex;align-items:center;padding-left:1.5rem;font-size:2rem;font-weight:700;color:#fff}.menuOpen #menu .switcher{opacity:1;visibility:visible}}.transitionCanvas{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;z-index:1000}.transitionCanvas.active{visibility:visible;opacity:1}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}#app{overflow:hidden}#logo.hide{opacity:0;visibility:hidden}#logo img{width:100%;height:100%}.menuOpen #logo{opacity:1;visibility:visible;position:fixed;top:4rem;left:5rem;width:7rem;height:7rem;-webkit-transition:opacity .4s;transition:opacity .4s}
/*# sourceMappingURL=main.7a2d7d32.chunk.css.map */