*{box-sizing:border-box;-webkit-tap-highlight-color:#fff0;outline:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}input,textarea,select,a{-webkit-touch-callouts:none;-webkit-user-selects:none;-khtml-user-selects:none;-moz-user-selects:none;-ms-user-selects:none;-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent;outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}canvas{margin:0;padding:0}button{background:0 0;border:0}a{color:#111;text-decoration:none}canvas{vertical-align:middle}@font-face{font-family:A;src:url(/static-6760e7b03f307e51ca149b1872cfa259/fonts/a.woff)format("woff2"),url(/static-6760e7b03f307e51ca149b1872cfa259/fonts/a.woff2)format("woff");font-weight:400;font-style:normal}@font-face{font-family:M;src:url(/static-6760e7b03f307e51ca149b1872cfa259/fonts/m-book.woff2)format("woff2"),url(/static-6760e7b03f307e51ca149b1872cfa259/fonts/m-book.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:M;src:url(/static-6760e7b03f307e51ca149b1872cfa259/fonts/m-medium.woff2)format("woff2"),url(/static-6760e7b03f307e51ca149b1872cfa259/fonts/m-medium.woff)format("woff");font-weight:500;font-style:normal}@font-face{font-family:M;src:url(/static-6760e7b03f307e51ca149b1872cfa259/fonts/m-demi.woff2)format("woff2"),url(/static-6760e7b03f307e51ca149b1872cfa259/fonts/m-demi.woff)format("woff");font-weight:700;font-style:normal}.text{display:inline-block}.no-select{-webkit-user-select:none;user-select:none}.no-pointer{pointer-events:none}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;font-family:M,helvetica,arial,sans-serif;font-size:62.5%;overflow:hidden}body{color:#fff;-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.router-view{width:100%;height:100%;position:fixed;top:0;left:0}#application{font-family:M,helvetica,arial,sans-serif}#stats{z-index:20;position:fixed;bottom:0;left:0}.canvas-container canvas{width:100%;height:100%}.show{display:inherit!important}.hide{display:hide!important}.visible{opacity:1!important;visibility:visible!important}.hidden{opacity:0!important;visibility:hidden!important}.cursor-grab{cursor:-webkit-grab;cursor:grab}.cursor-grabbing{cursor:-webkit-grabbing;cursor:grabbing}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.cursor-loading{cursor:wait}.cursor-none{cursor:none}.cta{transition:color .3s}.device-desktop .cta:hover{color:#f7f7f7}.is-header-scrolled .cta:hover{color:#111}#application,.main-wrapper{width:100%;height:100%;position:relative}.css-renderer{z-index:1;opacity:1;transition:opacity .2s;position:absolute;top:0;left:0}.is-about-opened .css-renderer{opacity:0}.old{color:#111;text-align:center;background-size:cover;width:100%;height:100%;position:relative}.old:before{content:"";background:url(/static-6760e7b03f307e51ca149b1872cfa259/images/old_bg.jpg) 50%/cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.old .cta-button{color:#fff;text-transform:uppercase;white-space:nowrap;background:#111;margin-top:40px;padding:.7rem 1rem;font-family:M,helvetica,arial,sans-serif;font-size:1.6rem;line-height:2;transition:opacity .3s cubic-bezier(.19,1,.22,1),transform .3s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.old .cta-button:before,.old .cta-button:after{content:"";z-index:-1;background:#111;border-radius:50%;width:50px;height:100%;display:block;position:absolute;top:0}.old .cta-button:before{right:100%;transform:translate(50%)}.old .cta-button:after{left:100%;transform:translate(-50%)}.old .cta-button:hover{opacity:.85;transform:translate(-50%)}.old .cta-button__bg{left:50%;transform:translate(-50%)}.old__container{padding-bottom:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.old__title{letter-spacing:.5rem;text-transform:uppercase;margin-bottom:1rem;font-family:A,M,helvetica,arial,sans-serif;font-size:15vw}.old__description{font-family:M,helvetica,arial,sans-serif;font-size:1.6rem;line-height:2}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.gui{display:none}.gui--is-visible{display:block}.dg{color:#555!important;text-shadow:none!important}.dg.main{z-index:10;position:absolute;top:10px;right:10px}.dg.main.taller-than-window{overflow-x:hidden!important}.dg.main.taller-than-window .close-button{border-top:1px solid #ddd!important}.dg.main .close-button{top:initial;right:initial;z-index:initial;background-color:#ccc!important;position:fixed!important}.dg.main .close-button:hover{background-color:#ddd!important}.dg.main::-webkit-scrollbar{background:#fafafa!important}.dg.main::-webkit-scrollbar-thumb{background:#bbb!important}.dg li:not(.folder){background:#fafafa!important;border-bottom-color:#ddd!important}.dg li.save-row .button{text-shadow:none!important}.dg li.title{background:#e8e8e8 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat!important}.dg .cr:not(.color) .c input[type=text]{background:#e9e9e9!important}.dg .cr:not(.color) .c input[type=text]:hover{background:#eee!important}.dg .cr:not(.color) .c input[type=text]:focus{color:#555!important;background:#eee!important}.dg .cr:not(.color) .c .slider{background:#e9e9e9!important}.dg .cr:not(.color) .c .slider:hover{background:#eee!important}.dg .property-name{white-space:nowrap}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#fff!important}.home{color:#fff;-webkit-user-select:none;user-select:none;perspective:600px;position:absolute;inset:0}.project{text-align:center;color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.about{z-index:2;opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;transition:visibility 0s .5s,opacity .2s;display:block;position:fixed;top:0;left:0;overflow:hidden}.about--is-opened{pointer-events:all;visibility:visible;opacity:1;transition:visibility,opacity .3s}.about__progress-bar{z-index:1;pointer-events:none;transform-origin:100% 0;background:#f7f7f71a;width:4px;height:100%;transition:transform .5s cubic-bezier(.19,1,.22,1),opacity 1s;display:block;position:fixed;top:0;right:0;transform:scaleX(1)}.about__progress-bar--is-hidden{opacity:0;transition:transform .3s cubic-bezier(.19,1,.22,1),opacity .3s;transform:scaleX(0)}.about__progress-bar__el{transform-origin:100% 0;background:#f7f7f7;width:100%;height:100%;position:absolute;top:0;left:0}.about__wrapper{width:calc(100% - 22rem);max-width:1440px;margin:auto;position:relative}@media only screen and (max-width:1440px){.about__wrapper{width:calc(100% - 14rem)}}@media only screen and (max-width:1024px){.about__wrapper{width:calc(100% - 12rem)}}@media only screen and (max-width:1024px) and (orientation:portrait){.about__wrapper{width:calc(100% - 8rem)}}@media only screen and (max-width:767px){.about__wrapper{width:calc(100% - 6rem)}}.about__intro{text-transform:uppercase;margin-top:-.75vw;margin-bottom:3rem;font-family:A,M,helvetica,arial,sans-serif;font-size:8vw;line-height:1.1;display:block}.about__intro span,.about__intro div{transform-origin:bottom}@media only screen and (max-width:767px){.about__intro{margin-top:0;font-size:14vw}}.about__section{perspective:1000px;padding-top:150px;line-height:2;display:flex;position:relative}.about__section:first-child{padding-top:220px}.about__section:last-child{padding-bottom:103px}@media only screen and (max-width:1440px){.about__section:last-child{padding-bottom:63px}}@media only screen and (max-width:1280px){.about__section:last-child{padding-bottom:140px}}@media only screen and (max-width:1024px){.about__section:last-child{padding-bottom:100px}}@media only screen and (max-width:767px){.about__section{font-size:1.5rem;line-height:1}}@media only screen and (max-width:850px){.about__section:first-child{padding-top:150px}}@media only screen and (max-width:1024px) and (orientation:portrait){.about__section{padding-top:80px;display:block}.about__section:first-child{padding-top:120px}.about__section:last-child{padding-bottom:130px}}@media only screen and (max-width:767px){.about__section{padding-top:60px;display:block}.about__section:first-child{padding-top:100px}.about__section:last-child{padding-bottom:70px}}.about__title{text-transform:uppercase;color:#919191;opacity:0;width:15%;font-size:1.6rem;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity 1s;display:inline-block;transform:translate(-40px)rotateX(-20deg)rotateY(-30deg)}.about__title.is-scrolled{opacity:1;transform:translate(0,0)rotateX(0)rotateY(0)}@media only screen and (max-width:850px){.about__title{width:10%;padding-top:0;font-size:1.3rem}}@media only screen and (max-width:1024px) and (orientation:portrait){.about__title{width:100%;margin-bottom:1rem;font-size:1.6rem;display:block}}.about__container{width:85%;max-width:1200px;padding-left:15%;font-size:1.6rem;line-height:2;display:inline-block}@media only screen and (max-width:850px){.about__container{width:85%;padding-left:10%}}@media only screen and (max-width:1024px) and (orientation:portrait){.about__container{width:100%;padding:0;display:block}}@media only screen and (max-width:767px){.about__container{font-size:1.5rem}}.about__paragraph{opacity:0;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity 1s;transform:translate3d(0,20px,10px)}.about__paragraph.is-scrolled{opacity:1;transform:translate(0,0)}.about__recognations-el{opacity:0;width:100%;margin-bottom:4rem;transition:transform 1s cubic-bezier(.19,1,.22,1) 70ms,opacity 1s 70ms;position:relative;transform:translate3d(0,20px,10px)}.about__recognations-el:after{content:"";transform-origin:0;background:#919191;width:100%;height:1px;transition:transform 1s cubic-bezier(.19,1,.22,1) 70ms;display:block;position:absolute;top:5.1rem;left:0;transform:scaleX(0)}.about__recognations-el:last-child{margin-bottom:0}.about__recognations-el.is-scrolled{opacity:1;transform:translate(0,0)}.about__recognations-el.is-scrolled:after{transform:scaleX(1)}@media only screen and (max-width:767px){.about__recognations-el{margin-bottom:2rem;font-size:1.3rem}.about__recognations-el:after{top:calc(100% + 1rem)}.about__recognations-el span.text{max-width:90%}}.about__recognations-el span.nb{position:absolute;right:0}.about__mail-msg{white-space:nowrap;color:#fff;opacity:0;background:#111;border-radius:1px;padding:.2rem 1.2rem;transition:opacity .3s,transform .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:-220%;left:50%;transform:translate(-50%,30%)scale(.95)rotate(3deg)}.about__mail-msg:after{content:"";border:10px solid #0000;border-top:8px solid #111;border-bottom-width:0;width:0;height:0;display:block;position:absolute;top:100%;left:50%;transform:translate(-50%)}.about__mail-msg--copied{opacity:0}.about__cta{perspective:1000px;position:relative}.about__cta:hover .about__mail-msg--copy{opacity:1;transform:translate(-50%)scale(1)rotate(0)}.about__cta--copied:hover .about__mail-msg--copy{opacity:0}.about__cta--copied:hover .about__mail-msg--copied{opacity:1;transform:translate(-50%)scale(1)rotate(0)}.about__cta.cta,.about__cta .cta{color:#fff;cursor:pointer;font-weight:700;transition:color .3s;display:inline-block;position:relative}.about__cta.cta:hover,.about__cta .cta:hover{color:#f7f7f7!important}.about-cta{cursor:pointer;z-index:4;font-size:1.3rem;transition:color .1s;display:block;position:fixed;top:11rem;right:10rem;transform:translate(0,0)scaleX(1)}.is-header-scrolled .about-cta{color:#111}.is-about-opened .about-cta,.is-about-opened .about-cta .cta,.is-about-opened .about-cta .cta:hover{color:#fff}@media only screen and (max-width:1440px){.about-cta{top:7rem;right:6rem}}@media only screen and (max-width:1024px){.about-cta{top:6rem;right:5rem}}@media only screen and (max-width:1024px) and (orientation:portrait){.about-cta{top:4rem;right:3rem}}@media only screen and (max-width:767px){.about-cta{top:3rem;right:2rem}}.about-cta--animation-in{opacity:0;transform:translateY(20px)scaleY(2)}.about-cta--animation-in-timing{transform-origin:top;transition:opacity 1.3s .5s,transform 1.3s cubic-bezier(.19,1,.22,1) .5s}.about-cta__text{padding:1rem;transition:opacity .1s}.about-cta__text--close{opacity:0;pointer-events:none;position:absolute;top:-1rem;left:0}.is-about-opened .about-cta__text--open{opacity:0;pointer-events:none}.is-about-opened .about-cta__text--close{opacity:1;pointer-events:all}.close-cta{cursor:pointer;pointer-events:none;z-index:2;padding:2rem;font-size:1.5rem;transition:transform .5s cubic-bezier(.55,0,.1,1),opacity .2s .1s;display:block;position:fixed;top:11rem;left:50%;transform:translate(-50%)rotate(10deg)}@media only screen and (max-width:1440px){.close-cta{top:7rem}}@media only screen and (max-width:1024px){.close-cta{top:6rem}}@media only screen and (max-width:1024px) and (orientation:portrait){.close-cta{top:4rem}}@media only screen and (max-width:767px){.close-cta{top:3rem}}.is-project-page .close-cta{pointer-events:all;transform:translate(-50%)rotate(0)}.is-project-page .close-cta:hover .close-cta__bar--left{transform:translate(-50%,-50%)rotate(45deg)scaleX(1.4)}.is-project-page .close-cta:hover .close-cta__bar--right{transform:translate(-50%,-50%)rotate(-45deg)scaleX(1.4)}.is-about-opened .close-cta{opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.55,0,.1,1),opacity .3s}.close-cta__bar{opacity:0;background:#fff;width:15px;height:1px;margin-top:-1.4rem;transition:color .1s,opacity .5s,transform .7s cubic-bezier(.19,1,.22,1);display:block;position:absolute;top:50%;left:50%}.is-header-scrolled .close-cta__bar{background:#111}.device-mobile .close-cta__bar{width:20px;height:2px}.close-cta__bar--left{transform:translate(-50%,-50%)rotate(0)scaleX(0)}.close-cta__bar--right{transition-delay:.1s;transform:translate(-50%,-50%)rotate(0)scaleX(0)}.is-project-page .close-cta__bar{opacity:1}.is-project-page .close-cta__bar--left{transform:translate(-50%,-50%)rotate(45deg)scaleX(1)}.is-project-page .close-cta__bar--right{transform:translate(-50%,-50%)rotate(-45deg)scaleX(1)}.dots{z-index:1;transition:opacity .5s .3s;display:block;position:fixed;bottom:10.5rem;left:11rem}@media only screen and (max-width:1440px){.dots{bottom:6.5rem;left:7rem}}@media only screen and (max-width:1024px){.dots{bottom:5.5rem;left:6rem}}@media only screen and (max-width:1024px) and (orientation:portrait){.dots{bottom:4.5rem;left:4rem}}@media only screen and (max-width:767px) and (orientation:portrait){.dots{bottom:10rem;left:50%;transform:translate(-50%)}}.dots--animation-in .dots__el{opacity:0;transform:translateY(20px)scaleY(1.5)}@media only screen and (max-width:767px) and (orientation:portrait){.dots--animation-in .dots__el{transform:translateY(20px)scaleY(2)}}.dots--animation-in-timing .dots__el{transform-origin:100%;transition:opacity .5s,transform 1s cubic-bezier(.175,.885,.32,1.275)}.dots--animation-in-timing .dots__el:nth-child(6){transition-delay:0s}.dots--animation-in-timing .dots__el:nth-child(5){transition-delay:20ms}.dots--animation-in-timing .dots__el:nth-child(4){transition-delay:40ms}.dots--animation-in-timing .dots__el:nth-child(3){transition-delay:60ms}.dots--animation-in-timing .dots__el:nth-child(2){transition-delay:80ms}.dots--animation-in-timing .dots__el:first-child{transition-delay:.1s}.dots--animation-in-timing .dots__el:nth-child(0){transition-delay:.12s}.device-mobile .dots--animation-in-timing .dots__el:nth-child(5){transition-delay:.42s}.device-mobile .dots--animation-in-timing .dots__el:nth-child(4){transition-delay:.44s}.device-mobile .dots--animation-in-timing .dots__el:nth-child(3){transition-delay:.46s}.device-mobile .dots--animation-in-timing .dots__el:nth-child(2){transition-delay:.48s}.device-mobile .dots--animation-in-timing .dots__el:first-child{transition-delay:.5s}.device-mobile .dots--animation-in-timing .dots__el:nth-child(0){transition-delay:.52s}.dots--animation-in-timing .dots__el:before{opacity:1!important;transform:translate(-50%,-50%)scale(1)!important}.dots--animation-in-timing .dots__el .dots__circle{opacity:0!important;transform:translate(-50%,-50%)scaleY(1)!important}.is-project-page .dots{opacity:0;pointer-events:none;transition:opacity .3s,transform .5s cubic-bezier(.19,1,.22,1);transform:translateY(-10px)}@media only screen and (max-width:767px) and (orientation:portrait){.is-project-page .dots{transform:translate(-50%,-10px)}}.is-about-opened .dots{opacity:0;pointer-events:none;transition:opacity .3s,transform .5s cubic-bezier(.19,1,.22,1)}.dots__el{cursor:pointer;width:1.5rem;height:1.5rem;padding:1rem;display:inline-block;position:relative;transform:translate(0,0)scaleX(1)}.dots__el:before{content:"";background:#fff;border-radius:50%;width:.5rem;height:.5rem;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .5s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dots__el--is-active:before{opacity:0;transform:translate(-50%,-50%)scale(0)}.dots__el--is-active .dots__circle-container{transform:scaleX(1)}.dots__el--is-active .dots__circle{transform:translate(-50%,-50%)scaleY(1)}.device-desktop .dots__el:not(.dots__el--is-active):hover:before{transform:translate(-50%,-50%)scale(.6)}.device-desktop .dots__el:not(.dots__el--is-active):hover .dots__circle-container{transform:scaleX(.8)}.device-desktop .dots__el:not(.dots__el--is-active):hover .dots__circle{transform:translate(-50%,-50%)scaleY(.8)}.dots__circle-container{transition:transform .6s cubic-bezier(.175,.885,.32,1.275);transform:scaleX(0)}.dots__circle{content:"";border:1px solid #fff;border-radius:50%;width:1.5rem;height:1.5rem;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleY(0)}.footer{z-index:2;font-size:1.3rem;display:block;position:fixed;bottom:10rem;right:10rem}@media only screen and (max-width:1440px){.footer{bottom:6rem;right:6rem}}@media only screen and (max-width:1024px){.footer{bottom:5rem;right:5rem}}@media only screen and (max-width:1024px) and (orientation:portrait){.footer{bottom:4rem;right:4rem}}@media only screen and (max-width:767px){.footer{bottom:2rem;right:2rem}}.footer--animation-in .footer__el{opacity:0;transform:translateY(20px)scaleY(1.6)}.footer--animation-in-timing .footer__el{transform-origin:0;transition:opacity 1s,transform 1s cubic-bezier(.175,.885,.32,1.275)}.footer--animation-in-timing .footer__el:first-child{transition-delay:.1s}.footer--animation-in-timing .footer__el:nth-child(2){transition-delay:.2s}.footer--animation-in-timing .footer__el:nth-child(3){transition-delay:.3s}.footer--animation-in-timing .footer__el:nth-child(4){transition-delay:.4s}.footer__el{color:#fff;cursor:pointer;margin-right:3rem;padding:1rem;transition:opacity .5s;display:inline-block;transform:translate(0,0)scaleX(1)}@media only screen and (max-width:1024px) and (orientation:portrait){.footer__el{margin-right:.8rem}}@media only screen and (max-width:767px){.footer__el{margin-right:.3rem}}.footer__el:first-child{transition-delay:.63s}.footer__el:nth-child(2){transition-delay:.66s}.footer__el:nth-child(3){transition-delay:.69s}.footer__el:nth-child(4){transition-delay:.72s}.footer__el:last-child{margin-right:0}.footer__el a{color:#fff}.is-project-page .footer__el{opacity:0;pointer-events:none;transition:opacity .3s,transform .5s cubic-bezier(.19,1,.22,1);transform:translateY(-10px)}.is-project-page .footer__el:first-child{transition-delay:50ms}.is-project-page .footer__el:nth-child(2){transition-delay:.1s}.is-project-page .footer__el:nth-child(3){transition-delay:.15s}.is-project-page .footer__el:nth-child(4){transition-delay:.2s}.is-about-opened .footer__el{opacity:1;pointer-events:all;transition:opacity .3s,transform cubic-bezier(.19,1,.22,1);transform:translate(0,0)}.is-about-opened .footer__el:first-child{transition-delay:.16s}.is-about-opened .footer__el:nth-child(2){transition-delay:.22s}.is-about-opened .footer__el:nth-child(3){transition-delay:.28s}.is-about-opened .footer__el:nth-child(4){transition-delay:.34s}.is-about-opened.device-mobile .footer__el{opacity:0;transition:opacity .1s,transform cubic-bezier(.19,1,.22,1)}.footer__copy-mail{opacity:0;perspective:1000px}.footer__copy-mail--is-copied .footer__copy-mail-msg--copy{display:none}.footer__copy-mail--is-copied .footer__copy-mail-msg--copied{display:block}.footer__copy-mail-msgs{pointer-events:none}.footer__copy-mail-msg{transform-origin:0 0;perspective:1000px;font-size:1.2rem;position:absolute;top:-6rem;right:1rem}.footer__copy-mail-msg .char{transform-origin:0;display:inline-block}.footer__copy-mail-msg:after{content:"";background-size:contain;height:1.5rem;display:block;position:absolute;top:-2px;right:0}.footer__copy-mail-msg--copy:after{width:1.5rem}.footer__copy-mail-msg--copied{display:none}.footer__copy-mail-msg--copied:after{width:1.5rem}.logo{cursor:pointer;z-index:1;color:#fff;text-transform:uppercase;z-index:10;font-family:M,helvetica,arial,sans-serif;font-size:1.3rem;font-weight:500;transition:color .1s;display:block;position:fixed;top:11rem;left:10rem;transform:translate(0,0)scaleX(1)}.is-header-scrolled .logo{color:#111}.is-about-opened .logo .logo__text,.is-about-opened .logo .logo__text:hover{color:#fff}@media only screen and (max-width:1440px){.logo{top:7rem;left:6rem}}@media only screen and (max-width:1024px){.logo{top:6rem;left:5rem}}@media only screen and (max-width:1024px) and (orientation:portrait){.logo{top:4rem;left:3rem}}@media only screen and (max-width:767px){.logo{top:3rem;left:2rem}}.logo--animation-in{opacity:0;transform:translateY(20px)scaleY(2)}.logo--animation-in-timing{transform-origin:top;transition:opacity 1.3s .4s,transform 1.3s cubic-bezier(.19,1,.22,1) .4s}.logo__text{padding:1rem}.preloader{text-align:center;z-index:10;color:#111;perspective:1000px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.preloader--is-hidden{opacity:0;visiblity:hidden;pointer-events:none;transition:opacity .4s 1.1s,visiblity 0s 1.5s}.preloader--is-hidden .preloader__container{opacity:0;transition:opacity .3s .1s,visiblity 0s .3s .1s,-webkit-transform .3s .1s;transition:transform .3s .1s,opacity .3s .1s,visiblity 0s .3s .1s;transition:transform .3s .1s,opacity .3s .1s,visiblity 0s .3s .1s,-webkit-transform .3s .1s;transform:translateY(-50%)}.browser-safari .preloader--is-hidden .preloader__container,.browser-firefox .preloader--is-hidden .preloader__container{transition:opacity .3s .4s,visiblity 0s .3s .4s,-webkit-transform .3s .4s;transition:transform .3s .4s,opacity .3s .4s,visiblity 0s .3s .4s;transition:transform .3s .4s,opacity .3s .4s,visiblity 0s .3s .4s,-webkit-transform .3s .4s}.preloader--is-hidden .preloader__bg{transform:translateY(-100%)}.preloader--is-hidden .preloader__shape{transform:scaleY(0)}.preloader--is-hidden .preloader__help{opacity:0;transition:opacity .1s}.preloader--is-hidden .preloader__text{opacity:0;transition:opacity .2s}.preloader__bg{z-index:-1;transform-origin:top;background:#fff;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.19,1,.22,1) .1s;position:absolute;top:0}.browser-safari .preloader__bg{transition:transform 1.2s cubic-bezier(.19,1,.22,1) .4s}.preloader__percent{color:#fff;font-size:4vh;display:none}.preloader__shape{fill:#fff;transform-origin:top;width:100%;transition:transform 1.4s cubic-bezier(.19,1,.22,1) .3s;position:absolute;top:100%;left:0}.browser-safari .preloader__shape{transition:transform 1.4s cubic-bezier(.19,1,.22,1) .7s}.preloader__text{opacity:0;transition:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-30%)scale(.7)}.preloader__text:first-child{width:51.2vw}.preloader__text:nth-child(2){width:47.3vw}.preloader__text:nth-child(3){width:40.9vw}.preloader__text:nth-child(4){width:57.1vw}.preloader__text:nth-child(5){width:42.4vw}.preloader__text:nth-child(6){width:45vw}.preloader__text:nth-child(7){width:41.3vw}.preloader__text--is-active{opacity:1;transition:opacity .35s,transform .45s cubic-bezier(.175,.885,.32,1.275);transform:translate(-50%,-50%)scale(1)}.preloader__msg{text-transform:uppercase;white-space:nowrap;color:#595959;margin-bottom:23vw;font-family:M,helvetica,arial,sans-serif;font-size:1.4rem;display:block}@media only screen and (max-width:1280px){.preloader__msg{margin-bottom:24vw}}@media only screen and (max-width:767px) and (orientation:portrait){.preloader__msg{margin-bottom:35vw;font-size:1.1rem}}.preloader__msg span{animation:.8s linear infinite letter;display:inline-block}.preloader__msg span:first-child{animation-delay:.15s}.preloader__msg span:nth-child(2){animation-delay:.3s}.preloader__msg span:nth-child(3){animation-delay:.45s}.preloader__msg span:nth-child(4){animation-delay:.6s}.preloader__msg span:nth-child(5){animation-delay:.75s}.preloader__msg span:nth-child(6){animation-delay:.9s}.preloader__msg span:nth-child(7){animation-delay:1.05s}.preloader__msg span:nth-child(8){animation-delay:1.2s}.preloader__help{width:120px;height:15px;position:absolute;bottom:10rem;left:50%;transform:translate(-50%)}@media only screen and (max-width:1440px){.preloader__help{bottom:6rem}}@media only screen and (max-width:1024px){.preloader__help{bottom:5rem}}.preloader__help-bar{background:#595959;width:100%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader__help-rect{background:#fff;border:1px solid #595959;width:40px;height:16px;animation:2s ease-in-out .1s infinite rect;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader__help-hand{background:url(/static-6760e7b03f307e51ca149b1872cfa259/images/hand.png) 50% no-repeat;width:15px;height:15px;margin-top:6px;margin-left:5px;animation:2s ease-in-out infinite hand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes letter{0%,to{opacity:1}50%{opacity:.4}}@keyframes rect{0%,to{transform:translate(-20px,-8px)}25%{transform:translate(-38px,-8px)}50%{transform:translate(-20px,-8px)}75%{transform:translate(-2px,-8px)}}@keyframes hand{0%,to{transform:translate(-7px,-7px)}25%{transform:translate(-25px,-7px)}50%{transform:translate(-7px,-7px)}75%{transform:translate(11px,-7px)}}.progress-bar{z-index:1;pointer-events:none;transform-origin:100% 0;background:#0003;width:4px;height:100%;transition:transform .5s cubic-bezier(.19,1,.22,1),opacity 1s;display:block;position:fixed;top:0;right:0;transform:scaleX(1)}.progress-bar--is-hidden{opacity:0;transition:transform .3s cubic-bezier(.19,1,.22,1),opacity .3s;transform:scaleX(0)}.progress-bar__el{transform-origin:100% 0;background:#111;width:100%;height:100%;position:absolute;top:0;left:0}.project-desc{color:#111;justify-content:space-between;width:65%;font-family:M,helvetica,arial,sans-serif;transition:opacity 1s .3s;display:flex}@media only screen and (max-width:1400px){.project-desc{width:80%}}@media only screen and (max-width:850px){.project-desc{flex-direction:column}}@media only screen and (max-width:450px){.project-desc{width:90%}}.project-desc--is-hidden{opacity:0;transition:opacity .7s}.is-snap-next .project-desc--is-hidden{transition:none}.project-desc--is-hidden .project-desc__title,.project-desc--is-hidden .project-desc__text{transition:transform 1s cubic-bezier(.19,1,.22,1) .5s;transform:translateY(10vh)}.project-desc__title{text-transform:uppercase;color:#919191;width:20%;font-size:1.6rem;line-height:2;transition:transform 1s cubic-bezier(.19,1,.22,1) .2s;display:inline-block}@media only screen and (max-width:850px){.project-desc__title{width:auto;margin-bottom:1.5rem;display:block}}@media only screen and (max-width:767px){.project-desc__title{font-size:1.5rem;line-height:1.7}}.project-desc__text{max-width:1200px;margin-left:20%;font-size:1.6rem;line-height:2;transition:transform 1s cubic-bezier(.19,1,.22,1) .2s;display:inline-block}@media only screen and (max-width:850px){.project-desc__text{margin-left:0;display:block}}@media only screen and (max-width:767px){.project-desc__text{font-size:1.5rem;line-height:1.7}}.project-infos{color:#111;pointer-events:none;justify-content:space-between;width:65%;font-family:M,helvetica,arial,sans-serif;transition:opacity 1s .3s;display:block;position:absolute;top:0}@media only screen and (max-width:1400px){.project-infos{width:80%}}@media only screen and (max-width:450px){.project-infos{width:90%}}@media only screen and (max-width:767px){.project-infos{padding-bottom:6rem}}@media only screen and (max-width:325px){.project-infos{padding-top:3rem;padding-bottom:9rem}}.project-infos--is-hidden{opacity:0;transition:opacity .7s}.project-infos__list{width:100%}@media only screen and (max-width:900px){.project-infos__list{flex-direction:column}}.project-infos__el{z-index:1;width:100%;padding:4rem 0 3rem;line-height:1.4;display:flex;position:relative}.project-infos__el:after{content:"";background:#919191;width:100%;height:1px;display:block;position:absolute;top:100%;left:0}.project-infos__el:last-child:after{content:none;display:none}@media only screen and (max-width:767px){.project-infos__el{padding:3rem 0 1.5rem;display:block}.project-infos__el:after{margin-top:5px}}.project-infos__title{text-transform:uppercase;text-align:left;color:#919191;width:20%;font-size:1.6rem;display:inline-block}@media only screen and (max-width:900px){.project-infos__title{margin-bottom:1.4rem;display:block}}@media only screen and (max-width:767px){.project-infos__title{width:80%;margin-bottom:.8rem;font-size:1.4rem}}.project-infos__text{max-width:1200px;margin-left:20%;font-size:1.6rem;display:inline-block}.project-infos__el--link .project-infos__text{pointer-events:all;font-weight:700;position:relative}.project-infos__el--link .project-infos__text:hover{opacity:.9}@media only screen and (max-width:900px){.project-infos__text{margin-left:0;display:block}}@media only screen and (max-width:767px){.project-infos__text{font-size:1.4rem}}.spinner{z-index:10;pointer-events:none;transition:transform .7s cubic-bezier(.19,1,.22,1),opacity .5s;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)scale(.6)}.spinner .device-phone{transform:translate(-50%,-50%)scale(.5)}.spinner--is-hidden{opacity:0}.spinner__svg{animation:1.4s linear infinite spinner-rotation}.spinner__path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:50%;stroke:#fff;animation:1.4s ease-in-out infinite spinner-dash}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes spinner-dash{0%{stroke-dashoffset:187px}50%{stroke-dashoffset:46.5px;transform:rotate(135deg)}to{stroke-dashoffset:187px;transform:rotate(450deg)}}.test{text-transform:uppercase;font-size:1.5rem;display:block;position:fixed;top:5rem}.webgl{width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.portfolio-shell{z-index:1;opacity:0;visibility:hidden;pointer-events:none;background:#000;transition:opacity .22s;position:fixed;inset:0}.portfolio-shell.is-active{opacity:1;visibility:visible;pointer-events:auto}#portfolio-index-host.portfolio-runtime-index,#portfolio-index-host #application{background:#000;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.portfolio-runtime-index .logo,.portfolio-runtime-index .about,.portfolio-runtime-index .footer,.portfolio-runtime-index .preloader,.portfolio-runtime-index .spinner,.portfolio-runtime-index .about-cta,.portfolio-runtime-index .close-cta,.portfolio-runtime-index .dots,.portfolio-runtime-index .progress-bar,.portfolio-runtime-index .project-desc,.portfolio-runtime-index .project-infos{visibility:hidden!important;pointer-events:none!important;display:none!important}.portfolio-runtime-index .webgl,.portfolio-runtime-index .canvas-container,.portfolio-runtime-index .css-renderer,.portfolio-runtime-index .router-view,.portfolio-runtime-index .page.home{width:100%;height:100%;position:absolute;inset:0}.portfolio-runtime-index .webgl{z-index:1;background:#000}.portfolio-runtime-index .css-renderer{z-index:2;pointer-events:none}.portfolio-runtime-index .router-view{z-index:0}.portfolio-runtime-index__routes{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.portfolio-runtime-index .webgl{transform:none!important}}