@import"https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap";:root{touch-action:pan-x pan-y;height:100%}html,body{margin:0;height:100%;width:100%;background:#1b1b1b;color:#fff;font-family:Didact Gothic,sans-serif;touch-action:pan-x pan-y;position:absolute}*{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}body.pointer{cursor:pointer}.interface{position:sticky;width:100%;height:100%;top:0;transition:opacity 3s ease-in-out,transform 4s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;pointer-events:none;transform:scale(.95);opacity:0}.interface.show{transform:scale(1);opacity:1}.scroll-box{height:100%;width:100%;position:fixed;z-index:9;overflow-y:scroll;scroll-behavior:smooth}.scroll-content{width:100%;height:170vh}.opening .scroll-content{height:0vh}.main-canvas{width:100%;height:100%}.webgl{overflow:hidden;background-color:#1b1b1b;background-size:cover;background-position:center;position:fixed;pointer-events:none;z-index:1;transition:opacity 7s ease-in-out}.webgl.control{pointer-events:auto}.opening .webgl{opacity:0}.logo{position:absolute;width:10vw;z-index:100;left:50%;top:7vh;transform:translate(-50%,-50%);transition:opacity 2s 2s ease-in-out;cursor:pointer;pointer-events:auto}.opening .logo{opacity:0}.logo-intro{top:50vh;opacity:0;transition:opacity 2s ease-in-out}.opening .logo-intro{opacity:1}.corner{position:absolute;width:1.7vw;z-index:100}.top-left{top:1.5vw;left:1.5vw}.top-right{top:1.5vw;right:1.5vw;transform:scaleX(-1)}.bottom-left{bottom:1.5vw;left:1.5vw;transform:scaleY(-1)}.bottom-right{bottom:1.5vw;right:1.5vw;transform:scale(-1)}.losange{width:3vw;position:absolute;transform:translateY(35%)}.losange-choice{width:3vw;opacity:0;position:absolute;transform:translateY(20%);animation:choose 1.5s ease-in-out infinite alternate;transition:opacity 1s ease-in-out}@keyframes choose{0%{transform:translateY(14%) rotate(20deg)}to{transform:translateY(14%) rotate(-20deg)}}.bottom{position:absolute;z-index:100;bottom:1.5vw;display:flex;justify-content:center;align-items:center;transition:all 1s ease-in-out;transform:translateY(25%);opacity:0}.bottom-scroll{pointer-events:none}.bottom-scroll.show{transform:translateY(0);opacity:1;transition:all 2s 1s ease-in-out}.bottom-project{position:absolute;bottom:1.5vw;font-size:1.15vw;display:flex;justify-content:center;align-items:flex-end;text-align:center;transform:translateY(25%);opacity:0;transition:all 1s ease-in-out;pointer-events:auto}.bottom-project.show{transform:translateY(0);opacity:1;transition:all 1s 1s ease-in-out}.bottom-preload{position:absolute;bottom:1.5vw;font-size:1.25vw;display:flex;justify-content:center;align-items:flex-end;text-align:center;transform:translateY(25%);opacity:0;transition:all 3s ease-in-out;pointer-events:none}.bottom-preload.show{transform:translateY(0);opacity:1;transition:all 1s 1s ease-in-out}.text-mask{overflow:hidden;height:5vw;width:10vw;display:flex;align-items:center;flex-direction:column}.round-text{width:9vw;animation:turn 40s linear infinite}@keyframes turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-circle.animated{animation:scroll 2s infinite;opacity:1}@keyframes scroll{0%{transform:translateY(-7%);opacity:0}10%{transform:translateY(-7%);opacity:1}60%{transform:translateY(7%);opacity:1}70%{transform:translateY(7%);opacity:0}to{transform:translateY(-7%);opacity:0}}.canvas-shadow{position:fixed;top:0;z-index:10;width:100%;height:100%;box-shadow:inset 0 0 100vh #00000080;pointer-events:none}img.intro-img{position:absolute;z-index:100;height:57vh;cursor:pointer;opacity:.8}.intro{display:flex;width:100%;height:100%;position:fixed;z-index:100;justify-content:center;align-items:center;flex-direction:column}.videos-content{position:fixed;z-index:1;opacity:0;pointer-events:none}video{z-index:200;height:20vh;width:3vh;opacity:1;pointer-events:none;border-radius:1vh;object-fit:cover;background:black;width:8vh}video.show{opacity:1;transition:opacity .4s 1s ease-in-out}.numbers{position:absolute;display:flex;align-items:center;justify-content:center;transform:translateY(-1.5vw);transition:opacity 1s ease-in-out}.number-top{transform:translate(-.7vw,-.7vw);position:absolute}.number-bottom,.number-bottom-preload{transform:translate(.7vw,.7vw);position:absolute}.number-top-preload{position:absolute}.losange-preload{position:absolute;transform:translateY(0)}.numbers-preload{position:absolute;display:flex;justify-content:center;align-items:center;transform:translateY(-1vw)}.number-top-preload{position:absolute;font-size:1vw;transform:translateY(-12%)}.number-line{width:2vw;height:2px;background:white;transform:translateY(-50%)rotate(-58deg)}.cta{width:3vw;height:3vw;position:absolute;display:flex;justify-content:center;align-items:center;cursor:pointer}.cta-next{width:1.2vw;height:1.2vw;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translate(-55%,-55%);transition:all .4s ease-in-out}.cta-prev{width:1.2vw;height:1.2vw;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(45deg) translate(55%,-55%);transition:all .4s ease-in-out}.cta.right{transform:translate(8vw)}.cta.left{transform:translate(-8vw)}.cta:hover .cta-next{transform:rotate(-45deg) translate(-25%,-25%)}.cta:hover .cta-prev{transform:rotate(45deg) translate(25%,-25%)}.preload{position:absolute;width:1.5vw;animation:turn 3s infinite linear}.preload-wrapper{position:absolute;transform:translateY(-1.45vw);display:flex;justify-content:center;align-items:center;opacity:0;transition:all 1s ease-in-out}.loading-video .preload-wrapper,.start .losange-choice{opacity:1}.start .numbers,.loading-video .numbers,.start .cta-next,.start .cta-prev{opacity:0;pointer-events:none}.start .cta-next{transform:rotate(-45deg) translate(-55%,-55%)!important}.start .cta-prev{transform:rotate(45deg) translate(55%,-55%)!important}.cta-prev:active,.cta-next:active{opacity:.05}.bottom-preload{position:absolute;bottom:auto;font-size:1.25vw;display:flex;justify-content:center;align-items:center;text-align:center;transform:scale(.9);opacity:0;transition:all 3s ease-in-out;pointer-events:none}.numbers-preload{transform:translateY(0)}.logo-intro{display:none}.bottom-preload .text-mask{overflow:visible;height:auto;width:10vw;display:flex;align-items:center;flex-direction:column}.losange-preload{width:3.5vw;transition:opacity 1s 1s ease-in-out}.preload_m{width:3vw;transition:opacity 1s 1s ease-in-out;transform:translateY(-10%)}.abs{position:absolute;width:9vw;transition:opacity 1s 1s ease-in-out}.round-text{display:flex;justify-content:center;align-items:center}.round-text svg{width:100%}.hide{opacity:0;transition:opacity 1s ease-in-out}@media (orientation: portrait){.logo{width:35vw;top:6vh}.scroll-box{z-index:12;overscroll-behavior:none}.corner{position:absolute;width:7vw;z-index:100;opacity:.8}.top-left{top:5vw;left:5vw}.top-right{top:5vw;right:5vw;transform:scaleX(-1)}.bottom-left{bottom:5vw;left:5vw;transform:scaleY(-1)}.bottom-right{bottom:5vw;right:5vw;transform:scale(-1)}.round-text{width:37vw;animation:turn 40s linear infinite}.bottom-scroll,.bottom-project{bottom:5vw}.text-mask{height:18vw;width:40vw}.losange{width:11vw;position:absolute;transform:translateY(35%)}.cta{width:8vw;height:8vw}.cta-next{width:5vw;height:5vw;transform:rotate(-45deg) translate(-25%,-25%)}.cta-prev{width:5vw;height:5vw;transform:rotate(45deg) translate(25%,-25%)}.losange-choice,.numbers{display:none}.cta.right{transform:translate(6vw)}.cta.left{transform:translate(-6vw)}.start .cta-next,.start .cta-prev{opacity:1;pointer-events:auto}.preload-wrapper{display:none}.canvas-shadow{box-shadow:inset 0 0 10vh #00000040}.bottom-scrolling,.bottom-scroll,.bottom-project{transform:translateY(10%)}.bottom-preload .losange{width:14vw;position:absolute;transform:translateY(-5%)}.bottom-preload .text-mask{height:40vw;width:40vw;justify-content:center}.losange-preload,.preload_m{width:11vw}.abs{position:absolute;width:38vw;transition:opacity 1s 1s ease-in-out}.number-top-preload{position:absolute;font-size:4.4vw;transform:translateY(-20%)}}