.loader[data-v-0af892a1]{display:none;height:100vh;height:calc(var(--wh));left:0;position:fixed;right:0;top:0;z-index:100}.percent[data-v-0af892a1]{align-items:center;display:flex;font-size:80px;font-size:5.556vw;left:50%;position:absolute;top:50%;transform:translate(10vw,-50%)}.percent span[data-v-0af892a1]{display:block;opacity:0}.button{display:inline-block;font-family:roc_groteskmedium;font-size:8px;font-size:.5556vw;letter-spacing:.36em;overflow:hidden;padding:.5555555556vw .9722222222vw;position:relative}@media screen and (max-width:767px){.button{font-size:11px;padding:2.6666666667vw 4.8vw}}.button_container{display:inline-block;visibility:hidden}.button:not(.is-visible){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button.is-visible .rect{transform:scaleX(1);transition-duration:1s}.button.is-visible .text-normal{opacity:1;transform:none;transition:.8s cubic-bezier(.075,.82,.165,1) .3s}@media screen and (hover:hover) and (min-width:768px){.button.is-visible:hover .circle{transform:translate(-50%,-50%) scale(2)}.button.is-visible:hover .text-normal{opacity:0;transform:translateY(50%);transition:.3s 0s}.button.is-visible:hover .text-hover{opacity:1;transform:translate(-50%,-50%)}}.button .rect{bottom:0;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:right center;z-index:0}.button .rect-main{background:#fff879;transition:transform .3s cubic-bezier(.075,.82,.165,1) .2s}.button .rect-second{background:#fff;transition:transform .6s cubic-bezier(.215,.61,.355,1)}.button .text{display:inline-block;z-index:1}.button .text-normal{opacity:0;position:relative;transform:translate(100%) translateY(0);transition:.5s cubic-bezier(.075,.82,.165,1) .1s}.button .text-hover{color:#000;opacity:0;position:absolute;transform:translate(-50%,100%);white-space:nowrap}.button .circle,.button .text-hover{left:50%;top:50%;transition:transform .3s cubic-bezier(.215,.61,.355,1)}.button .circle{--tx:0;--ty:0;background:#fff;border-radius:50%;left:var(--tx);position:relative;position:absolute;top:var(--ty);transform:translate(-50%,-50%) scale(0);width:100%;z-index:1}.button .circle:before{content:"";display:block;padding-top:100%;width:100%}.button .circle>.aspect-ratio{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav{position:fixed;right:0;text-align:center;top:50%;transform:translateY(-50%);width:5%;z-index:2}@media screen and (max-width:767px){.nav{align-items:center;display:flex;justify-content:center;padding:8vw 0;right:5%;top:0;transform:none;width:auto}}.nav a{color:#4f54dd;display:inline-block;font-family:roc_groteskregular;font-size:10px;font-size:.6945vw;text-transform:uppercase}.nav a:not(.button){opacity:0;visibility:hidden}@media screen and (max-width:767px){.nav a{font-size:18px}}.nav_close{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}@media screen and (max-width:767px){.nav_close{right:0;top:50%}}.nav_close .circle,.nav_close .rect-second{background:#4f54dd}.nav_close .rect-main{background:#fff}.nav_close .text-hover{color:#fff}@media screen and (max-width:767px){.nav_close a{font-size:14px;letter-spacing:.2em;padding:2.6666666667vw 3.7333333333vw}}.nav .separator{background:#4f54dd;border-radius:50%;display:block;margin:1.0416666667vw auto;transform:scale(0);width:.5555555556vw}@media screen and (max-width:767px){.nav .separator{margin:0 2.1333333333vw;width:1.0666666667vw}}.nav .separator:after{content:"";display:block;padding-top:100%}.logo_left{font-family:roc_groteskregular;font-size:12px;font-size:.8334vw;left:2.5%;position:fixed;text-transform:uppercase;top:50%;z-index:0}@media screen and (max-width:767px){.logo_left{font-size:18px;left:5%;padding:8vw 0;top:0}}.logo_left p{display:block;letter-spacing:.84em;transform:translate(-50%,-50%) rotate(-90deg)}@media screen and (max-width:767px){.logo_left p{letter-spacing:.15em;transform:none}}.logo_left p span{color:#4f54dd}.webgl{height:100%!important;width:100%!important}.webgl_container{background:#eee;bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}.landscape{align-items:center;background:#d7d7d7 url(../images/landscape.webp) no-repeat 50%/cover;display:none;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;text-align:center;z-index:100}@media screen and (hover:none) and (max-width:1024px) and (orientation:landscape){.landscape{display:flex}}.landscape p{color:#4f54dd;font-family:roc_groteskwide_black;font-size:50px;text-transform:uppercase}