.about.active[data-v-c1a42812],.name.active[data-v-c1a42812]{color:#fff}.name.router-link-active.active+line[data-v-c1a42812]{background:#fff;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:.4s ease-in-out .7s;transition:.4s ease-in-out .7s;-webkit-animation:showBar-data-v-c1a42812 .7s ease-in-out 1.3s forwards;animation:showBar-data-v-c1a42812 .7s ease-in-out 1.3s forwards}.global-header[data-v-c1a42812]{position:relative;z-index:11111111}.bg-round-white[data-v-c1a42812]{width:50px;height:50px;border-radius:50%;z-index:1114;background:#fff;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.content-name[data-v-c1a42812]{overflow:hidden;position:absolute;top:50px;left:50px;width:60px;height:36px}.content-name:hover .line[data-v-c1a42812]{-webkit-transform:scaleX(0);transform:scaleX(0)}.content-about[data-v-c1a42812]{position:absolute;top:50px;right:50px;width:51px;height:24px}.name[data-v-c1a42812]{position:absolute;top:0;left:0;font-family:Circular Medium;z-index:1;font-size:18px;position:relative;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-animation:showName-data-v-c1a42812 .4s ease-in-out .7s forwards;animation:showName-data-v-c1a42812 .4s ease-in-out .7s forwards;text-decoration:none;color:#000}.line[data-v-c1a42812],.name[data-v-c1a42812]{-webkit-transition:.7s ease-in-out;transition:.7s ease-in-out}.line[data-v-c1a42812]{content:"";width:56px;position:absolute;top:20px;left:1px;height:2px;border-radius:2px;background:#000;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}.content-name:hover line[data-v-c1a42812]{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-animation:none;animation:none;-webkit-transition:.7s ease-in-out;transition:.7s ease-in-out}.about[data-v-c1a42812]{position:absolute;top:0;left:0;font-family:Circular Medium;z-index:1;font-size:18px;position:relative;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation:showName-data-v-c1a42812 .4s ease-in-out .7s forwards;animation:showName-data-v-c1a42812 .4s ease-in-out .7s forwards;text-decoration:none;color:#000;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.content-about:hover .circle-about--hover[data-v-c1a42812]{-webkit-transform:scale(1);transform:scale(1)}.content-about:hover .about[data-v-c1a42812]{color:#fff}.circle-about--hover[data-v-c1a42812]{background:#000;border-radius:50%;height:100px;width:100px;position:absolute;left:50%;top:50%;-webkit-transform:scale(0);transform:scale(0);margin-left:-50px;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;margin-top:-50px}@media screen and (max-width:700px){.content-name[data-v-c1a42812]{left:20px;top:20px}.content-about[data-v-c1a42812]{right:20px;top:20px}}.line.active[data-v-c1a42812]{background:#fff}@-webkit-keyframes showName-data-v-c1a42812{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showName-data-v-c1a42812{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes showBar-data-v-c1a42812{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes showBar-data-v-c1a42812{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}@font-face{font-family:Circular Regular;src:url(../fonts/CircularStd-Book.829012af.woff)}@font-face{font-family:Circular Medium;src:url(../fonts/CircularStd-Medium.381f87a9.woff)}@font-face{font-family:Circular Bold;src:url(../fonts/CircularStd-Bold.03e7ee16.woff)}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins;overflow:hidden;-ms-touch-action:none;touch-action:none;background:#070808}.cursor{-webkit-transition:-webkit-transform 50ms ease-in-out;transition:-webkit-transform 50ms ease-in-out;transition:transform 50ms ease-in-out;transition:transform 50ms ease-in-out,-webkit-transform 50ms ease-in-out;position:absolute;will-change:transform;left:-18px;top:-18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-touch-callout:none;-webkit-user-drag:none}.cursor-point{height:5px;background:#ccc;width:5px;border-radius:50%;position:absolute;margin-top:-2.5px;margin-left:-2.5px;left:0;top:0;-webkit-transition:60ms ease-in-out;transition:60ms ease-in-out}.svg-indicator{margin-left:-3px;margin-top:-1px}.svg-indicator polygon{fill:none;stroke-width:3px;stroke:#ccc;-webkit-transform-origin:center;transform-origin:center;position:absolute}@media screen and (max-width:700px){.cursor,.cursor-point{display:none}}canvas{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:-o-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.fade-enter-active[data-v-5a374c64],.fade-leave-active[data-v-5a374c64]{-webkit-transition:all .5s;transition:all .5s;-webkit-transition-delay:.5s;transition-delay:.5s}.fade-leave-active[data-v-5a374c64]{-webkit-transition:all .5s;transition:all .5s}.fade-enter[data-v-5a374c64]{-webkit-transform:translateY(-200%) rotate(15deg);transform:translateY(-200%) rotate(15deg);opacity:0}.fade-leave-to[data-v-5a374c64]{-webkit-transform:translateY(-100%) rotate(-10deg);transform:translateY(-100%) rotate(-10deg);opacity:0}.round-fade-enter-active[data-v-5a374c64],.round-fade-leave-active[data-v-5a374c64]{-webkit-transition:all .5s;transition:all .5s;-webkit-transition-delay:1s;transition-delay:1s}.round-fade-leave-active[data-v-5a374c64]{-webkit-transition:all .5s;transition:all .5s}.overflow[data-v-5a374c64]{overflow:hidden;height:60px;position:absolute;left:0;top:26%}.round-fade-enter[data-v-5a374c64],.round-fade-leave-to[data-v-5a374c64]{opacity:0}.content-counter[data-v-5a374c64]{position:absolute;right:-120.5%;top:70%;font-family:ZCOOL XiaoWei}.desc-fade-enter-active[data-v-5a374c64]{-webkit-transition:all .6s;transition:all .6s;-webkit-transition-delay:1s;transition-delay:1s}.desc-fade-leave-active[data-v-5a374c64]{-webkit-transition:all .4s;transition:all .4s}.desc-fade-enter[data-v-5a374c64]{-webkit-transform:translateY(200%) rotate(-15deg);transform:translateY(200%) rotate(-15deg);opacity:0}.desc-fade-leave-to[data-v-5a374c64]{-webkit-transform:translateY(200%) rotate(-10deg);transform:translateY(200%) rotate(-10deg);opacity:0}.total-project[data-v-5a374c64]{position:absolute;top:0;left:1px}.total-project[data-v-5a374c64]:after{content:"";top:-38px;height:30px;width:1px;position:absolute;left:60%;background:#000;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-animation:updateScale-data-v-5a374c64 1s ease-in-out .4s forwards;animation:updateScale-data-v-5a374c64 1s ease-in-out .4s forwards}.overflow-view[data-v-5a374c64]{position:relative;width:100px;height:20px;text-align:center}.view[data-v-5a374c64]{color:#000;text-decoration:none;font-family:Circular Bold;opacity:1;padding:20px}.overflow-number[data-v-5a374c64]{display:-webkit-box;display:-ms-flexbox;display:flex;width:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:absolute;top:-64px;left:-4px}.number-project[data-v-5a374c64]{text-align:center;position:relative;font-family:ZCOOL XiaoWei}.content-view[data-v-5a374c64]{height:120px;widtho:90%;margin-top:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.title[data-v-5a374c64]{color:#000;font-size:44px;font-family:ZCOOL XiaoWei;letter-spacing:1px}.overflow-desc[data-v-5a374c64]{position:absolute;left:0;top:32%;overflow:hidden;margin-bottom:200px}.min-content[data-v-5a374c64]{width:40%}.year-project[data-v-5a374c64]{position:absolute;top:28%;right:-123%;font-family:ZCOOL XiaoWei;z-index:111;font-size:18px}.description[data-v-5a374c64]{margin-top:20px;margin-left:55px;font-family:Circular Regular;position:relative;font-size:18px}.description[data-v-5a374c64]:before{content:"";position:absolute;top:50%;-webkit-transform:translateX(-100%) scaleX(0);transform:translateX(-100%) scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-animation:animate-data-v-5a374c64 .6s ease-in-out 1.6s forwards;animation:animate-data-v-5a374c64 .6s ease-in-out 1.6s forwards;left:-10px;width:40px;background:#000;height:1px}.content-project[data-v-5a374c64]{-ms-flex-wrap:wrap;flex-wrap:wrap;width:29%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:16%}.content-project.active[data-v-5a374c64]{z-index:11111}.slide-right-left-enter-active[data-v-5a374c64],.slide-right-left-leave-active[data-v-5a374c64]{-webkit-transition:all .5s;transition:all .5s;-webkit-transition-delay:.4s;transition-delay:.4s}.slide-right-left-leave-active[data-v-5a374c64]{-webkit-transition:all .5s;transition:all .5s}.slide-right-left-enter[data-v-5a374c64]{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.slide-right-left-leave-to[data-v-5a374c64]{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}@media screen and (max-width:700px){.content-counter[data-v-5a374c64],.year[data-v-5a374c64]{display:none}.title[data-v-5a374c64]{font-size:25px}.content-project[data-v-5a374c64]{width:78%;height:65vh}.year-project[data-v-5a374c64]{display:none}.min-content[data-v-5a374c64]{width:100%}.content-view[data-v-5a374c64]{position:absolute;bottom:-39%;left:32%}}@-webkit-keyframes updateScale-data-v-5a374c64{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top}50%{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes updateScale-data-v-5a374c64{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top}50%{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes showTop-data-v-5a374c64{0%{-webkit-transform:translateY(100%) translateX(-50%);transform:translateY(100%) translateX(-50%);opacity:0}to{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);opacity:1}}@keyframes showTop-data-v-5a374c64{0%{-webkit-transform:translateY(100%) translateX(-50%);transform:translateY(100%) translateX(-50%);opacity:0}to{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);opacity:1}}@-webkit-keyframes animate-data-v-5a374c64{0%{-webkit-transform:translateX(-100%) scaleX(0);transform:translateX(-100%) scaleX(0)}to{-webkit-transform:translateX(-100%) scaleX(1);transform:translateX(-100%) scaleX(1)}}@keyframes animate-data-v-5a374c64{0%{-webkit-transform:translateX(-100%) scaleX(0);transform:translateX(-100%) scaleX(0)}to{-webkit-transform:translateX(-100%) scaleX(1);transform:translateX(-100%) scaleX(1)}}.social-menu[data-v-4367b233]{position:absolute;right:77px;bottom:5%;height:0;width:0;margin:0;padding:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);display:-webkit-box;display:-ms-flexbox;display:flex;z-index:111111}.social-link[data-v-4367b233]:first-child{padding-left:0}.social-link[data-v-4367b233]{display:inline-block;padding-right:15px;padding-left:15px;position:relative}.social-link a[data-v-4367b233]:after{content:"";height:2px;width:100%;position:absolute;bottom:-2px;left:0;background:#000;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}.social-link a[data-v-4367b233]:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.social-link a[data-v-4367b233]{text-decoration:none;color:#000;position:relative}@media screen and (max-width:700px){.social-menu[data-v-4367b233]{display:none}}.home[data-v-028fafea]{background:#fff;overflow:hidden;height:100vh;width:100%}.about-animation[data-v-028fafea]{position:absolute;top:15px;right:34px}.bg-round-yellow[data-v-028fafea]{width:100px;height:100px;border-radius:50%;z-index:1111;background:#070808;-webkit-transition:1.2s ease-in-out .8s;transition:1.2s ease-in-out .8s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:scale(0);transform:scale(0)}.bg-round-yellow.active[data-v-028fafea]{-webkit-transform:scale(80);transform:scale(80)}.bg-round-white[data-v-028fafea]{width:50px;height:50px;border-radius:50%;z-index:1114;background:#070808;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.global-control-slide[data-v-028fafea]{width:6%;height:60%;position:absolute;top:50%;left:50px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:11111111;-webkit-transition:.8s ease-in-out .8s;transition:.8s ease-in-out .8s}.global-control-slide.active[data-v-028fafea]{-webkit-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%);opacity:0}.confort-hover[data-v-028fafea]{cursor:pointer;padding:1px 0}.confort-hover:hover .point .line[data-v-028fafea]{-webkit-animation:showLine-data-v-028fafea .5s ease-in-out forwards;animation:showLine-data-v-028fafea .5s ease-in-out forwards}.scroll[data-v-028fafea]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:relative;height:0;width:0;cursor:pointer;z-index:1111111}.scroll[data-v-028fafea]:after{content:"";position:absolute;width:60px;height:1px;background:#000;top:11px;left:53px}.point[data-v-028fafea]{width:6px;height:6px;border-radius:50%;background:#9c9c9c;margin:15px 0;position:relative}.point .line[data-v-028fafea]{width:20px;background:#000;position:absolute;height:2px;border-radius:10px;top:50%;left:20px;-webkit-transform:scaleX(0) translateY(-50%);transform:scaleX(0) translateY(-50%);-webkit-transition:.4s;transition:.4s;-webkit-transform-origin:left;transform-origin:left}.point .line.active[data-v-028fafea]{-webkit-transform:scaleX(1) translateY(-50%);transform:scaleX(1) translateY(-50%)}.bottom-left[data-v-028fafea]{position:absolute;left:42px;bottom:5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.svg-indicator circle[data-v-028fafea]{fill:none;stroke-width:2px;stroke:#fcdc4d;stroke-dasharray:110px;-webkit-transform-origin:center;transform-origin:center}.content-cursor[data-v-028fafea]{position:fixed;width:100%;height:100vh;top:0;left:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:110}@media screen and (max-width:700px){.bottom-left[data-v-028fafea]{display:none}.global-control-slide[data-v-028fafea]{left:10px}.about-animation[data-v-028fafea]{position:absolute;top:10px;right:10px}}@-webkit-keyframes showLine-data-v-028fafea{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}49%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes showLine-data-v-028fafea{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}49%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1)}}@media screen and (max-width:700px){.canvas{display:none}}.about-animation[data-v-cc56fcec]{position:absolute;top:15px;right:34px;z-index:111}.bg-slide-black[data-v-cc56fcec],.bg-slide[data-v-cc56fcec]{position:fixed;left:0;right:-1000px;top:0;height:100vh;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:2.5s ease-in-out;transition:2.5s ease-in-out;background:#fff;opacity:0;will-change:transform}.bg-slide-black[data-v-cc56fcec]{z-index:111}.bg-slide-reverse[data-v-cc56fcec]{position:fixed;left:0;right:-1000px;top:0;height:100vh;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:1s ease-in-out;transition:1s ease-in-out;background:#fff;opacity:0;will-change:transform}video[data-v-cc56fcec]{width:100%}.bg-slide-black-reverse[data-v-cc56fcec]{position:fixed;right:0;top:0;left:0;height:100vh;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:1s ease-in-out;transition:1s ease-in-out;background:#000;opacity:0;z-index:111;will-change:transform}.bg-slide.active[data-v-cc56fcec]{-webkit-animation:moveSlide-data-v-cc56fcec 1.3s ease-in-out forwards;animation:moveSlide-data-v-cc56fcec 1.3s ease-in-out forwards}.bg-slide-black.active[data-v-cc56fcec]{-webkit-animation:moveSlide-data-v-cc56fcec 1.3s ease-in-out .1s forwards;animation:moveSlide-data-v-cc56fcec 1.3s ease-in-out .1s forwards}.bg-slide-reverse.active[data-v-cc56fcec]{animation:moveSlide-data-v-cc56fcec 1.3s ease-in-out reverse forwards}.bg-slide-black-reverse.active[data-v-cc56fcec]{animation:moveSlide-data-v-cc56fcec 1.3s ease-in-out .1s reverse forwards}.bg-round-yellow[data-v-cc56fcec]{width:100px;height:100px;border-radius:50%;z-index:1111;background:#070808;-webkit-transition:1.2s ease-in-out 1.3s;transition:1.2s ease-in-out 1.3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:scale(0);transform:scale(0)}.bg-round-yellow.active[data-v-cc56fcec]{-webkit-transform:scale(80);transform:scale(80)}.bg-round-white[data-v-cc56fcec]{width:50px;height:50px;border-radius:50%;z-index:1114;background:#070808;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.container-text[data-v-cc56fcec]{width:1100px;margin:0 auto;padding:0 0 50px}.content-next-project[data-v-cc56fcec]{position:fixed;top:0;left:0;right:0;height:100vh;z-index:-11111}.fix-title[data-v-cc56fcec]{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:11}.mb-100[data-v-cc56fcec]{padding-bottom:100px}.content-link-project-right[data-v-cc56fcec]{position:fixed;top:0;width:150px;right:0;bottom:0;z-index:1}.content-link-project-left[data-v-cc56fcec]{position:fixed;top:0;width:150px;left:0;bottom:0;z-index:1}.next[data-v-cc56fcec],.prev[data-v-cc56fcec]{position:absolute;top:50%;width:4%;text-align:center}.big-word[data-v-cc56fcec]{font-size:21px;margin-bottom:-25px}.link-next[data-v-cc56fcec],.link-prev[data-v-cc56fcec]{color:#fff;font-family:Poppins;font-weight:600;text-transform:uppercase;text-decoration:none;font-size:12px;cursor:pointer}.next[data-v-cc56fcec]{right:15px;-webkit-transform:rotate(90deg) translateX(-25%) translateY(-50%);transform:rotate(90deg) translateX(-25%) translateY(-50%);top:48%}.prev[data-v-cc56fcec]{left:15px;-webkit-transform:rotate(-90deg) translateX(25%) translateY(-50%);transform:rotate(-90deg) translateX(25%) translateY(-50%);top:52%}.title[data-v-cc56fcec]{font-family:ZCOOL XiaoWei;margin-top:30px;font-size:32px;margin-bottom:20px;text-transform:uppercase}ul[data-v-cc56fcec]{padding:0;margin:10px 0}ul li[data-v-cc56fcec]{list-style:none}.content-img[data-v-cc56fcec]{margin:100px auto;width:1100px;text-align:center;overflow:hidden}.content-body[data-v-cc56fcec]{margin:100px auto;width:100%;text-align:center;overflow:hidden}.img-responsive[data-v-cc56fcec]{width:100%;will-change:transform,opacity;opacity:0}.content-overflow[data-v-cc56fcec]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden}.content-work[data-v-cc56fcec]{will-change:transform}h1[data-v-cc56fcec]{font-size:100px;text-align:center;font-family:ZCOOL XiaoWei;color:#fff;padding:10px;margin:0;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-animation:showTitle-data-v-cc56fcec .4s ease-in-out .5s forwards;animation:showTitle-data-v-cc56fcec .4s ease-in-out .5s forwards;-webkit-transform:translateY(100%);transform:translateY(100%)}.description[data-v-cc56fcec],p[data-v-cc56fcec]{margin:5px 0;font-family:Poppins;font-weight:400}.description[data-v-cc56fcec],.text-desc[data-v-cc56fcec],p[data-v-cc56fcec]{font-family:Poppins;font-weight:400;line-height:1.6;font-size:15px}.content[data-v-cc56fcec]{margin:70px auto;width:1100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.container[data-v-cc56fcec]{position:fixed;top:0;right:0;left:0;width:100vw;overflow-x:hidden;height:auto;margin:0;will-change:transform}.banner[data-v-cc56fcec]{width:100%;height:100vh;z-index:1;position:relative}.col-8[data-v-cc56fcec]{-webkit-box-flex:0.7;-ms-flex:0.7;flex:0.7;padding:0 30px 0 0}.col-4[data-v-cc56fcec]{-webkit-box-flex:0.3;-ms-flex:0.3;flex:0.3;padding:0 0 0 30px}.no-anim[data-v-cc56fcec]{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation:hideTitle-data-v-cc56fcec .5s ease-in-out .7s forwards;animation:hideTitle-data-v-cc56fcec .5s ease-in-out .7s forwards}.circle-right[data-v-cc56fcec]{right:-100px;position:absolute;top:50%;height:150px;width:150px;background:red;margin-top:-75px;margin-left:-75px;border-radius:50%;-webkit-transition:.8s ease-in-out;transition:.8s ease-in-out;-webkit-transform:scale(0);transform:scale(0);background:#000}.circle-right.active[data-v-cc56fcec]{-webkit-transform:scale(40);transform:scale(40)}.circle-left[data-v-cc56fcec]{background:#000;left:-100px;position:absolute;top:50%;height:150px;width:150px;margin-top:-75px;margin-left:-75px;border-radius:50%;-webkit-transition:.8s ease-in-out;transition:.8s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.circle-left.active[data-v-cc56fcec]{-webkit-transform:scale(40);transform:scale(40)}.next-mobile[data-v-cc56fcec]{background:#000;padding:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:34px;display:none}.txt-next[data-v-cc56fcec]{text-align:center}@media screen and (max-width:700px){.content-counter[data-v-cc56fcec],.year[data-v-cc56fcec]{display:none}.title[data-v-cc56fcec]{font-size:25px}.content-project[data-v-cc56fcec]{width:65%}.next[data-v-cc56fcec],.prev[data-v-cc56fcec]{display:none}}@media screen and (max-width:700px){.content-img[data-v-cc56fcec]{margin:40px auto;width:90%}.next-mobile[data-v-cc56fcec]{display:block}.content-link-project[data-v-cc56fcec]{z-index:-1}.content[data-v-cc56fcec]{width:90%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}.container-text[data-v-cc56fcec]{width:90%}.banner[data-v-cc56fcec]{height:100%}.content-work[data-v-cc56fcec]{background:#fff}.content-overflow[data-v-cc56fcec]{width:100%}.fix-title[data-v-cc56fcec]{height:9%}.col-4[data-v-cc56fcec],.col-8[data-v-cc56fcec]{min-width:100%;padding:0}.description[data-v-cc56fcec]{font-size:14px}h1[data-v-cc56fcec]{font-size:50px}}@-webkit-keyframes moveSlide-data-v-cc56fcec{0%{opacity:1;-webkit-transform:translateX(-100%);transform:translateX(-100%)}98%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}99%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes moveSlide-data-v-cc56fcec{0%{opacity:1;-webkit-transform:translateX(-100%);transform:translateX(-100%)}98%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}99%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes showTitle-data-v-cc56fcec{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showTitle-data-v-cc56fcec{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hideTitle-data-v-cc56fcec{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes hideTitle-data-v-cc56fcec{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.overflow[data-v-03c115dc]{min-height:1.3em}.show-enter-active[data-v-03c115dc]{-webkit-transition:all .6s;transition:all .6s;-webkit-transition-delay:.3s;transition-delay:.3s}.overflow[data-v-03c115dc]{overflow:hidden}.title[data-v-03c115dc]{color:#fff;font-weight:700}.text[data-v-03c115dc]{font-size:18px}.specc-title[data-v-03c115dc]{font-weight:700;font-size:5em;text-align:center}p[data-v-03c115dc]{font-size:1.3em;font-family:Poppins;color:#e4e4e4;line-height:1.5;margin:0}.show-leave-active[data-v-03c115dc]{-webkit-transition:all .4s;transition:all .4s}.show-enter[data-v-03c115dc]{-webkit-transform:translateY(200%) rotate(7deg);transform:translateY(200%) rotate(7deg);opacity:0}.show-leave-to[data-v-03c115dc]{-webkit-transform:translateY(200%) rotate(-10deg);transform:translateY(200%) rotate(-10deg);opacity:0}h2[data-v-03c115dc]{font-size:28px;text-transform:uppercase;margin-bottom:40px;letter-spacing:1.4px;font-weight:800}h3[data-v-03c115dc]{font-size:1.3em;margin-bottom:10px}li[data-v-03c115dc]{list-style:none;padding:5px 0;color:#ccc;font-size:1.1em}.circle[data-v-55f998d7]{position:fixed;background:#fff;height:50px;width:50px;left:50%;top:50%;margin-left:-25px;border-radius:50%;z-index:111;margin-top:-25px;-webkit-transition:.7s ease-in-out;transition:.7s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.circle.active[data-v-55f998d7]{-webkit-transform:scale(68);transform:scale(68)}.content-anim[data-v-55f998d7]{position:absolute;left:0;right:0;bottom:0;top:0}.desc-fade-enter-active[data-v-55f998d7]{-webkit-transition:all .6s;transition:all .6s;-webkit-transition-delay:1.1s;transition-delay:1.1s}.desc-fade-leave-active[data-v-55f998d7]{-webkit-transition:all .4s;transition:all .4s}.desc-fade-enter[data-v-55f998d7]{-webkit-transform:translateY(200%) rotate(7deg);transform:translateY(200%) rotate(7deg);opacity:0}.desc-fade-leave-to[data-v-55f998d7]{-webkit-transform:translateY(200%) rotate(-10deg);transform:translateY(200%) rotate(-10deg);opacity:0}.desc-fade-2-enter-active[data-v-55f998d7]{-webkit-transition:all .6s;transition:all .6s;-webkit-transition-delay:1.1s;transition-delay:1.1s}.desc-fade-2-leave-active[data-v-55f998d7]{-webkit-transition:all .4s;transition:all .4s}.desc-fade-2-enter[data-v-55f998d7]{-webkit-transform:translateY(200%) rotate(7deg);transform:translateY(200%) rotate(7deg);opacity:0}.desc-fade-2-leave-to[data-v-55f998d7]{-webkit-transform:translateY(200%) rotate(-10deg);transform:translateY(200%) rotate(-10deg);opacity:0}.desc-fade-3-enter-active[data-v-55f998d7]{-webkit-transition:all .6s;transition:all .6s;-webkit-transition-delay:1.2s;transition-delay:1.2s}.desc-fade-3-leave-active[data-v-55f998d7]{-webkit-transition:all .4s;transition:all .4s}.desc-fade-3-enter[data-v-55f998d7]{-webkit-transform:translateY(200%) rotate(7deg);transform:translateY(200%) rotate(7deg);opacity:0}.desc-fade-3-leave-to[data-v-55f998d7]{-webkit-transform:translateY(200%) rotate(-10deg);transform:translateY(200%) rotate(-10deg);opacity:0}.desc-fade-4-enter-active[data-v-55f998d7]{-webkit-transition:all .6s;transition:all .6s;-webkit-transition-delay:1.3s;transition-delay:1.3s}.desc-fade-4-leave-active[data-v-55f998d7]{-webkit-transition:all .4s;transition:all .4s}.desc-fade-4-enter[data-v-55f998d7]{-webkit-transform:translateY(200%) rotate(7deg);transform:translateY(200%) rotate(7deg);opacity:0}.desc-fade-4-leave-to[data-v-55f998d7]{-webkit-transform:translateY(200%) rotate(-10deg);transform:translateY(200%) rotate(-10deg);opacity:0}.desc-fade-5-enter-active[data-v-55f998d7]{-webkit-transition:all .6s;transition:all .6s;-webkit-transition-delay:1.4s;transition-delay:1.4s}.desc-fade-5-leave-active[data-v-55f998d7]{-webkit-transition:all .4s;transition:all .4s}.desc-fade-5-enter[data-v-55f998d7]{-webkit-transform:translateY(200%) rotate(7deg);transform:translateY(200%) rotate(7deg);opacity:0}.desc-fade-5-leave-to[data-v-55f998d7]{-webkit-transform:translateY(200%) rotate(-10deg);transform:translateY(200%) rotate(-10deg);opacity:0}.overflow[data-v-55f998d7]{overflow:hidden}.fade-enter-active[data-v-55f998d7],.fade-leave-active[data-v-55f998d7]{-webkit-transition:all .5s;transition:all .5s}.fade-enter[data-v-55f998d7]{-webkit-transform:translateY(-200%) rotate(15deg);transform:translateY(-200%) rotate(15deg);opacity:0}.fade-leave-to[data-v-55f998d7]{-webkit-transform:translateY(-100%) rotate(-10deg);transform:translateY(-100%) rotate(-10deg);opacity:0}.translate-right-enter-active[data-v-55f998d7],.translate-right-leave-active[data-v-55f998d7]{-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transition-delay:.3s;transition-delay:.3s}.translate-right-leave-active[data-v-55f998d7]{-webkit-transition:all .5s;transition:all .5s}.translate-right-enter[data-v-55f998d7]{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}.translate-right-leave-to[data-v-55f998d7]{opacity:0}body[data-v-55f998d7]{background:#070808}.title-work[data-v-55f998d7]{margin-top:87px;margin-bottom:20px}.content-right[data-v-55f998d7]{width:57%;float:right}.anim-text[data-v-55f998d7]{width:100%;margin-top:290px;font-weight:500;letter-spacing:.5px;display:inline-block;margin-bottom:0}.line-journey[data-v-55f998d7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.line-journey>div[data-v-55f998d7]{width:50%;font-size:18px}.line-journey--date[data-v-55f998d7]{text-align:right}.line-journey--name[data-v-55f998d7]{color:#fff}.line-journey--job[data-v-55f998d7]{color:#fff;font-weight:700}.copy-anim-text[data-v-55f998d7]{width:100%;font-weight:500;letter-spacing:.5px;font-family:Poppins;font-size:1.5em;color:#fff;margin:0;will-change:opacity,transform}.flex-between[data-v-55f998d7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-between>div[data-v-55f998d7]{-webkit-box-flex:0.47;-ms-flex:0.47;flex:0.47;min-width:47%}.flex-space[data-v-55f998d7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-space>div[data-v-55f998d7]{padding:30px}.flex-space>div>a[data-v-55f998d7]{padding:30px 0;font-weight:600;letter-spacing:.5px;position:relative}.flex-space>div>a[data-v-55f998d7]:after{position:absolute;left:0;right:0;content:"";top:53px;height:0;border-bottom:1px solid #fff;background:#fff;-webkit-transform-origin:left;transform-origin:left;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-transform:scaleX(1);transform:scaleX(1)}.flex-space>div>a[data-v-55f998d7]:hover:after{-webkit-transform:scaleX(0);transform:scaleX(0)}a[data-v-55f998d7]{text-decoration:none;color:#fff}.text-translate[data-v-55f998d7]{text-transform:uppercase;font-weight:700;font-size:180px;position:absolute;left:-11px;width:4183px;color:#1e1e1e}.content-skill[data-v-55f998d7]{margin:0;padding:0}.content-skill li[data-v-55f998d7]{list-style:none;padding:5px 0;color:#ccc;font-size:1.1em}.spacing-about[data-v-55f998d7]{margin:50px 0 0}h1[data-v-55f998d7]{font-size:60px;font-family:Poppins}h2[data-v-55f998d7]{font-size:28px;text-transform:uppercase;margin-bottom:40px;letter-spacing:1.4px;font-weight:800}h3[data-v-55f998d7]{font-size:1.3em;margin-bottom:10px}p[data-v-55f998d7]{font-size:1.3em;font-family:Poppins;color:#e4e4e4;line-height:1.5}.container[data-v-55f998d7]{color:#fff;width:1100px;margin:150px auto 0;position:relative}.container-copy[data-v-55f998d7]{width:1100px;margin:0 auto 0;padding:70px 0;position:relative;color:#fff}.container-about[data-v-55f998d7]{color:#fff;width:1100px;margin:70px auto 0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fix[data-v-55f998d7]{-webkit-box-flex:0.4;-ms-flex:0.4;flex:0.4}.about[data-v-55f998d7]{font-family:Poppins}.text-about[data-v-55f998d7]{-webkit-box-flex:0.57;-ms-flex:0.57;flex:0.57}.clear[data-v-55f998d7]{clear:both}.about[data-v-55f998d7]{position:absolute;top:0;left:0;right:0;z-index:11}.content-text[data-v-55f998d7]{width:80%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:auto}.content-picture[data-v-55f998d7]{position:absolute;top:0;left:0;right:0;bottom:0}.overflow-text[data-v-55f998d7]{width:40%;overflow:hidden}.anim-text[data-v-55f998d7]{font-family:Poppins;font-size:1.5em;color:#fff;will-change:opacity,transform}.about-me-title[data-v-55f998d7]{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-transform:rotate(180deg);transform:rotate(180deg);font-size:16em;font-weight:800}.copy[data-v-55f998d7]{color:#ccc;padding-bottom:30px}@media screen and (max-width:700px){[data-v-55f998d7]{-webkit-box-sizing:border-box;box-sizing:border-box}.flex-between>div[data-v-55f998d7]{min-width:100%}.line-journey[data-v-55f998d7]{-ms-flex-wrap:wrap;flex-wrap:wrap}.line-journey>div[data-v-55f998d7]{width:100%;text-align:left}.fix[data-v-55f998d7]{display:none}.container-about[data-v-55f998d7],.container-copy[data-v-55f998d7],.container[data-v-55f998d7]{width:100%;padding:0 15px}.text-about[data-v-55f998d7]{-webkit-box-flex:1;-ms-flex:1;flex:1}.content-right[data-v-55f998d7]{width:100%}.title-contact[data-v-55f998d7]{font-size:4em;line-height:1}h1[data-v-55f998d7]{font-size:46px}.text-translate[data-v-55f998d7]{display:none}.anim-text[data-v-55f998d7]{margin-top:15px}.title-work[data-v-55f998d7]{margin-top:27px}.title-work div[data-v-55f998d7]{font-size:3em}}