.demo-4,body{--color-info:#349adc}.content__link,.content__title{font-family:azo-sans-uber,sans-serif}.js .loading::before,canvas{width:100%;height:100%}*,.sec-button,::after,::before{box-sizing:border-box}:root{font-size:18px}@font-face{font-family:AvenirNext;src:url("../assets/AvenirNextLTPro-Regular.otf") format("opentype")}@font-face{font-family:AvenirNext;font-weight:700;src:url("../assets/AvenirNextLTPro-Bold.otf") format("opentype")}body{margin:0;--color-text:#fff;--color-bg:#000;--color-link:#5a5a5a;--color-link-hover:#3eaaf1;--color-alt:#3ba2e5;color:var(--color-text);background-color:var(--color-bg);font-family:AvenirNext,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020024;opacity:1;min-height:52000px}.js .loading::after,.js .loading::before{content:'';position:fixed;z-index:1000}.js .loading::before{top:0;left:0;background:var(--color-bg)}.js .loading::after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;opacity:.4;background:var(--color-link);animation:.7s linear infinite alternate forwards loaderAnim}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1) rotate3d(0,0,1,180deg);border-radius:50%}}a{text-decoration:none;color:var(--color-link);outline:0}a:focus,a:hover{color:var(--color-link-hover);outline:0}.message{background:var(--color-text);color:var(--color-bg);padding:1rem;text-align:center}.frame,section{text-align:left}.frame{padding:3rem 5vw;position:fixed;z-index:1;min-width:100vw}.frame__title{font-size:1rem;margin:0 0 1rem;font-weight:400}.frame__links{display:inline}.frame__links a{display:block;margin:0 1rem .5rem}.frame__demos{margin:1rem 0}.frame__demo{display:block;padding-top:.5rem}.frame__demo--current,.frame__demo--current:hover{color:var(--color-link-hover)}.frame__info{color:var(--color-info);color:#fff}.content{display:flex;flex-direction:column;width:100vw;position:relative;align-items:center;height:100vh;justify-content:center}.content__title-wrap{position:fixed;text-align:center;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content__title-wrap a{pointer-events:auto}.content__pretitle{color:var(--color-alt);font-size:1.35rem}.content__title{font-size:6vw;font-weight:400;margin:.5rem 0 1.5rem}.content__link{text-decoration:underline;font-size:1.1rem;color:inherit}#app{width:100%;height:100vh;overflow:hidden;position:fixed}@media screen and (min-width:53em){.message{display:none}.frame{position:fixed;text-align:left;z-index:1;top:0;left:0;display:grid;align-content:space-between;width:100%;max-width:none;height:100vh;padding:2.5rem 4.5rem;pointer-events:none;grid-template-columns:75% 25%;grid-template-rows:auto auto auto;grid-template-areas:'title info' '... ...' '... demos'}.frame__title-wrap{grid-area:title;display:flex}.frame__title{margin:0 8vw 0 0}.frame__demos{margin:0;grid-area:demos;justify-self:end}.frame__links a{display:inline-block}.frame__info{justify-self:end}.frame a{pointer-events:auto}}.menu-wrap{position:fixed;top:0;right:0;z-index:1;padding:1.5rem 5vw}.menu-wrap .toggler{position:absolute;z-index:2;cursor:pointer;width:50px;height:50px;opacity:0}.menu-wrap .hamburger{position:relative;top:0;right:0;z-index:1;width:60px;height:60px;padding:1rem;display:flex;align-items:center;justify-content:center}.menu-wrap .menu,section{position:fixed;display:flex}.menu-wrap .hamburger>div{position:relative;width:100%;height:2px;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:.4s}.menu-wrap .hamburger>div:after,.menu-wrap .hamburger>div:before{content:'';position:absolute;z-index:1;top:-10px;width:100%;height:2px;background:inherit}.menu-wrap .hamburger>div:after{top:10px}.menu-wrap .toggler:checked+.hamburger>div{transform:rotate(135deg)}.menu-wrap .toggler:checked+.hamburger>div:after,.menu-wrap .toggler:checked+.hamburger>div:before{top:0;transform:rotate(90deg)}.menu-wrap .toggler:checked:hover+.hamburger>div{transform:rotate(225deg)}.menu-wrap .toggler:checked~.menu{visibility:visible}.menu-wrap .toggler:checked~.menu>div{transform:scale(1);transition-duration:var(--menu-speed)}.menu-wrap .toggler:checked~.menu>div>div{opacity:1;transition:opacity .4s}.menu-wrap .menu{top:0;left:0;width:100%;height:100%;visibility:hidden;overflow:hidden;align-items:center;justify-content:center;background:rgba(0,0,0,.7);backdrop-filter:blur(14.2px);-webkit-backdrop-filter:blur(14.2px)}.menu-wrap .menu>div{background-color:var(--overlay-color);border-radius:50%;width:200vw;height:200vw;display:flex;flex:none;align-items:center;justify-content:center;transform:scale(0);transition:.4s}.menu-wrap .menu>div>div{text-align:center;max-width:90vw;max-height:100vh;opacity:0;transition:opacity .4s}.menu-wrap .menu>div>div>ul>li{list-style:none;color:#fff;font-size:1.5rem;padding:1rem}.menu-wrap .menu>div>div>ul>li>a{color:inherit;text-decoration:none;transition:color .4s}section{width:60vw;max-width:60vw;margin:0 15vw;align-self:flex-start;flex-direction:row}section.right{text-align:right;align-self:flex-end;margin:0 20vw;justify-content:flex-end}section.contact-us{text-align:left;align-self:flex-start;margin:0 20vw;justify-content:flex-start;padding:2.5% 5%;background:rgba(0,0,0,.21);border-radius:16px;box-shadow:0 4px 30px rgba(255,255,255,.1);backdrop-filter:blur(14.2px);-webkit-backdrop-filter:blur(14.2px);border:1px solid rgba(255,255,255,.03)}section.contact-us .sec-content>div{display:flex;flex-direction:row;flex:1;padding-top:10px}section.contact-us .container{display:flex;flex-direction:column;flex:1;padding:0 20px 20px 0}section.contact-us .container label{font-size:1rem;padding:0 0 5px}section.contact-us input,section.contact-us textarea{padding:10px;font-size:1rem;background-color:transparent;border:1px solid #fff;border-radius:5px;color:#fff}section.footer{opacity:1!important;transform:scale(1)!important;transform:translateY(100%)!important;transition:transform .5s ease-in-out,opacity .1s ease-out!important;background:rgba(0,0,0,.85);margin:0;bottom:0;padding:5%;width:100%;min-width:100%;max-width:100%;height:60vh;min-height:60vh;backdrop-filter:blur(14.2px);-webkit-backdrop-filter:blur(14.2px)}section.footer .sec-content{flex-direction:column;padding-top:5px}section.footer.show{transform:translateY(0)!important}section:not(:first-of-type){opacity:0;transform:scale(.5);transition:transform .1s ease-out,opacity .1s ease-out;will-change:transform,opacity}section:first-of-type{margin-top:-10vh}section h1{font-size:3.5rem;margin-top:0;margin-bottom:0}section h4{font-size:1rem;margin-bottom:1rem;margin-top:1rem}.sec-content{filter:drop-shadow(2px 2px 10px black);width:100%}@keyframes lineScrollDown{0%{height:0}50%{height:100%}100%{height:0%}}.spScrollDown{position:absolute;width:1px;max-height:50px;background-color:#fff;-webkit-animation:1.5s infinite lineScrollDown}.dvScrollDown{position:absolute;height:100%;width:min(150px,300px);display:flex;align-items:flex-start;justify-content:center;padding-top:5px;left:0}.dvScrollDown p{padding-top:65px;font-size:.7rem}@keyframes showSection{0%{opacity:0;transform:scale(0,0)}50%{transform:scale(1,1)}100%{opacity:1}}.showSec{-webkit-animation:2s ease-out showSection;-moz-animation:2s ease-out showSection;-o-animation:2s ease-out showSection;-ms-animation:showSection 2s ease-out}section img{height:60px;margin-bottom:20px}.graText{background:linear-gradient(to right,#a5c,#5cf,#5ef,#55f);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (max-width:576px){section,section.right{width:80vw;max-width:80vw;margin:0 10vw}section.contact-us{width:90vw;max-width:90vw;margin:0 5vw;padding:10%}section.contact-us .sec-content>div{flex-direction:column;padding-top:5px}section.contact-us input,section.contact-us textarea{padding:7.5px;font-size:.8rem}section.contact-us .container{padding:0 0 20px}section.contact-us .container label{font-size:.8rem;padding:0 0 5px}section h1{font-size:1.5rem}section h2{font-size:1rem}section h4{font-size:.7rem}.dvScrollDown p{font-size:.6rem}section img{height:40px}.menu-wrap{padding:2rem 1vw}}@media (min-width:577px) and (max-width:768px){section,section.contact-us,section.right{width:80vw;max-width:80vw;margin:0 10vw}section h1{font-size:1.8rem}section h2{font-size:1.2rem}section h4{font-size:.7rem}.dvScrollDown p{font-size:.65rem}section img{height:50px}.menu-wrap{padding:2rem 1.25rem}}@media (min-width:769px) and (max-width:1200px){section,section.right{width:60vw;margin:0 10vw}section.contact-us{width:70vw;min-width:70vw;margin:0 15vw}section.contact-us input,section.contact-us textarea{padding:7.5px;font-size:.8rem}section.contact-us .container label{font-size:.8rem;padding:0 0 5px}section h1{font-size:2.75rem}section h2{font-size:1rem}section h4{font-size:.6rem}.dvScrollDown p{font-size:.7rem}section img{height:55px}.menu-wrap{padding:1.5rem 3.6rem}}@media (min-width:1201px){section,section.right{margin:0 10vw}section{width:60vw}section.contact-us{margin:0 20vw}section h1{font-size:3rem}section h2{font-size:1.25rem}section h4{font-size:.8rem}.dvScrollDown p{font-size:.7rem}section img{height:60px}}.lbl_fps{position:fixed;bottom:20px;right:30px;text-align:right;display:none}.sec-button{appearance:none;background-color:transparent;border:1px solid #fff;color:#fff;cursor:pointer;display:inline-block;font-family:Clarkson,Helvetica,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;line-height:1em;margin:0;opacity:1;outline:0;padding:1.5em 2.2em;position:relative;text-align:center;text-decoration:none;text-rendering:geometricprecision;text-transform:uppercase;transition:opacity .3s cubic-bezier(.694, 0, .335, 1),background-color .1s cubic-bezier(.694, 0, .335, 1),color .1s cubic-bezier(.694, 0, .335, 1);user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;white-space:nowrap}.sec-button:before{animation:.5s step-end forwards opacityFallbackOut;backface-visibility:hidden;background-color:#ebebeb;clip-path:polygon(-1% 0,0 0,-25% 100%,-1% 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:translateZ(0);transition:clip-path .5s cubic-bezier(.165, .84, .44, 1),-webkit-clip-path .5s cubic-bezier(.165, .84, .44, 1);width:100%}.sec-button:hover{color:#000;border:1px solid #000}.sec-button:hover:before{animation:step-start forwards opacityFallbackIn;clip-path:polygon(0 0,101% 0,101% 101%,0 101%)}.sec-button:after{background-color:transparent}.sec-button span{z-index:1;position:relative}.footer-privacy-terms{display:flex;flex-direction:row;max-width:320px;justify-content:space-between}.footer-privacy-terms a{color:#fff}