@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}:root{--white: #fff;--black: #000;--blue: #538eac;--font-s: clamp(16px, calc(100vw / (1920 / 18)), 24px);--font-m: clamp(20px, calc(100vw / (1920 / 28)), 40px);--font-l: clamp(32px, calc(100vw / (1920 / 44)), 60px);--font-xl: clamp(40px, 3.125vw, 80px)}body{font-size:var(--font-s);overflow:hidden;background:var(--black);font-family:Open Sans,sans-serif}.font-s{font-size:var(--font-s);line-height:1.5em}.font-m{font-size:var(--font-m);line-height:1.4em}.font-l{font-size:var(--font-l);line-height:1.3em}.font-xl{font-size:var(--font-xl);line-height:1.2em}.background-image{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1}.background-image figure{width:100%;height:100%}.background-image img{height:100%;width:100%;object-fit:cover}a,a:hover,a:visited{color:inherit;text-decoration:none}.cta{display:inline-block;padding:10px 20px;background-color:var(--white);color:transparent;border:2px solid var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .3s,color .3s cubic-bezier(.33,1,.68,1);-webkit-transition:background-color .3s,color .3s cubic-bezier(.33,1,.68,1);-moz-transition:background-color .3s,color .3s cubic-bezier(.33,1,.68,1);-o-transition:background-color .3s,color .3s cubic-bezier(.33,1,.68,1)}.cta:hover{background-color:var(--transparent);color:var(--white)}.opacity-50{opacity:.5}.webgl{position:fixed;top:50%;right:0;transform:translateY(-50%);outline:none}.sign{position:fixed;top:20px;left:20px;z-index:999;color:var(--white);overflow:hidden}.socials{position:fixed;z-index:999;display:flex;gap:10px;bottom:20px;right:20px;overflow:hidden}.socials .cta{padding:10px}.socials .cta :is(path,circle){fill:var(--blue)}.socials .cta:hover :is(path,circle){fill:var(--white)}.container{max-width:1320px;margin:0 auto;display:flex;flex-wrap:wrap}[class*=col-]{width:100%}@media (min-width: 576px){.col-s-20{width:20%}.col-s-25{width:25%}.col-s-30{width:30%}.col-s-33{width:calc(100% / 3)}.col-s-40{width:40%}.col-s-50{width:50%}.col-s-60{width:60%}.col-s-66{width:calc((100% / 3) * 2)}.col-s-70{width:70%}.col-s-75{width:75%}.col-s-80{width:80%}.col-s-100{width:100%}}@media (min-width: 768px){.col-m-20{width:20%}.col-m-25{width:25%}.col-m-30{width:30%}.col-m-33{width:calc(100% / 3)}.col-m-40{width:40%}.col-m-50{width:50%}.col-m-60{width:60%}.col-m-66{width:calc((100% / 3) * 2)}.col-m-70{width:70%}.col-m-75{width:75%}.col-m-80{width:80%}.col-m-100{width:100%}}@media (min-width: 1200px){.col-l-20{width:20%}.col-l-25{width:25%}.col-l-30{width:30%}.col-l-33{width:calc(100% / 3)}.col-l-40{width:40%}.col-l-50{width:50%}.col-l-60{width:60%}.col-l-66{width:calc((100% / 3) * 2)}.col-l-70{width:70%}.col-l-75{width:75%}.col-l-80{width:80%}.col-l-100{width:100%}}@media (max-width: 767px){.key{display:none!important}main{width:100%;height:100vh}#hero{width:100%;height:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:10;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:var(--font-m);padding-inline:24px}.background-image{display:none}.sign{top:24px;left:50%;transform:translate(-50%);width:100%;text-align:center}.socials{bottom:24px;left:0;width:100%;justify-content:center}}.keyboard-interface{position:fixed;bottom:20px;left:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.line{display:flex;gap:10px}.key{height:50px;width:50px;border:2px solid #fff;border-radius:8px;transition:background-color .3s cubic-bezier(.33,1,.68,1);-webkit-transition:background-color .3s cubic-bezier(.33,1,.68,1);-moz-transition:background-color .3s cubic-bezier(.33,1,.68,1);-o-transition:background-color .3s cubic-bezier(.33,1,.68,1);display:flex;justify-content:center;align-items:center;color:#fff}.line-2 .key{width:100%}.key.pressed{background-color:#fff}