@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap";*,html{margin:0;scroll-behavior:smooth!important}:root{--overlay-color: rgba(30, 26, 46, .5);--animation-timing: .2s ease-in-out;--bar-width: 50px;--bar-height: 8px;--hamburger-gap: 8px;--hamburger-margin: 8px;--foreground:#363636;--background:white;--midground:rgb(128, 128, 128);--hamburger-height: calc(var(--bar-height) * 3 + var(--hamburger-gap) * 2)}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background-color:#000;font-family:Poppins,sans-serif;margin:0;scroll-behavior:smooth}.overflow-wrapper{display:grid;width:100vw;height:100vh;grid-auto-flow:column;grid-auto-columns:1fr;position:relative;overflow-x:hidden}.background-video-container{position:absolute;height:100vh;width:100vw;overflow:hidden;justify-content:center;align-items:center;-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0)50%,transparent 95%);mask-image:linear-gradient(to bottom,rgb(0,0,0)50%,transparent 95%)}.background-video-container div iframe{position:absolute!important;width:auto;height:auto;min-width:100vw;min-height:100vh;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;justify-content:space-between;align-items:center unset;background:#0c0c0c;color:#fff;-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0)50%,transparent 82%);mask-image:linear-gradient(to bottom,rgb(0,0,0)50%,transparent 82%)}.background-div{width:100vw;height:100vh;margin-top:100px;-webkit-mask-image:linear-gradient(to top,rgb(0,0,0)60%,transparent 100%);mask-image:linear-gradient(to top,rgb(0,0,0)60%,transparent 100%)}.banner{position:sticky;top:0;left:0;padding:0;width:100vw;height:fit-content;z-index:9999;animation:scrolled linear}.logo{grid-area:logo}.links{grid-area:links}.hamburger-menu{grid-area:hamburger-menu}.side-menu{grid-area:side-menu}.header{position:absolute;display:grid;grid-template-areas:"logo links hamburger-menu" "logo links side-menu";background-color:#000;box-shadow:1px 1px 4px #13131333;width:100vw;height:fit-content;align-items:center}.header div{margin:0;padding:0;list-style:none;overflow:hidden;grid-column-end:span 2}.header li a{display:block;text-decoration:none}.header .top-menu{margin:0;padding:0;list-style:none;overflow:hidden;position:absolute;clear:both;max-height:0;transition:max-height .2s ease-in-out;top:25px}.header .links{width:50vw}.logo{display:absolute;cursor:pointer;z-index:1001;height:calc(6px + 6vw);width:calc(10px + 10vw);justify-self:center;align-items:center}.logo img{height:calc(6px + 6vw);width:calc(10px + 10vw)}.nav-link{position:block;text-transform:uppercase;font-size:calc(4px + .5vw);letter-spacing:.5px;color:#d3d3d3;font-weight:500;opacity:1;z-index:1;transition:.5s}.nav-link:before{content:"";display:flex;width:calc(5px + .2vw);height:calc(5px + .2vw);border-radius:5px;background-color:var(--midground);opacity:70%;margin-left:-12px;z-index:-1;transform:translateY(10px)}.nav-link:hover{color:#fff;opacity:1;letter-spacing:6px}.nav-link:hover:before{letter-spacing:6px}.overlay{position:absolute;display:sticky;top:0;left:0;width:100vw;height:100vh;transition:opacity 2s ease;mix-blend-mode:overlay;background-color:#000;display:flex;opacity:0%;z-index:9997;display:none}.hamburger-menu{--x-width: calc(var(--hamburger-height) * 1.41421356237);display:block;float:right;gap:var(--hamburger-gap);width:calc(var(--hamburger-height) * 1.41421356237);height:calc(var(--hamburger-height) * 1.41421356237);cursor:pointer;z-index:9999;opacity:0%;justify-self:center;align-self:center;margin-right:1vw;margin-top:3.5vh;margin-bottom:0}.hamburger-menu:before{transform:translateY(-20px) translate(2px)}.hamburger-menu:after{transform:translateY(20px) translate(2px)}.hamburger-menu input{transform:translate(2px);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;outline:none;cursor:pointer}.hamburger-menu:before,.hamburger-menu:after,.hamburger-menu input{content:"";position:fixed;width:var(--bar-width);height:var(--bar-height);background-color:var(--background);border-radius:9999px;transform-origin:right center;transition:opacity var(--animation-timing),width var(--animation-timing),rotate var(--animation-timing),translate var(--animation-timing)}.hamburger-menu:has(input:checked):before{rotate:-45deg;width:var(--x-width);translate:0 calc(var(--bar-height) / -2)}.hamburger-menu:has(input:checked):after{rotate:45deg;width:var(--x-width);translate:0 calc(var(--bar-height) / 2)}.hamburger-menu input:checked{opacity:0;width:0;transition:var(--animation-timing);z-index:0}.hamburger-menu:has(input:checked){transform:translate(00px)}.hamburger-menu:has(input:checked)~.overlay{display:block;transition:opacity .5s ease;opacity:70%;z-index:1002}.side-menu{position:absolute;display:sticky;right:0;top:0;bottom:0;z-index:-1;transition:width var(--animation-timing);background-color:#000000fd;color:#fff;min-height:100vh;width:0vw;align-items:center;justify-content:center;opacity:100%;overflow:hidden;white-space:nowrap}.hamburger-menu:has(input:checked)+.side-menu{width:30vw;z-index:9998}.side-menu ul{position:relative;list-style:none;width:100%}.side-menu ul li{width:100%}.side-menu ul li:hover{background-color:#8080809d}.side-menu ul li a{position:block;text-transform:uppercase;font-size:calc(7px + 1vw);letter-spacing:.5px;color:var(--background);margin:10%;align-items:center;text-align:center;transition:.3s}.side-menu ul li a:hover{color:#fff;letter-spacing:3px}.character_name_div{grid-area:name}.webgl_div{grid-area:webgl}.stats{grid-area:stats}.process{grid-area:process}.social{grid-area:social}.grid-showcase{position:absolute;display:grid;grid-template-areas:"name name" "webgl stats" "process process" "social social";gap:10px;background-color:#80808000;z-index:1002;justify-self:center;margin:calc(100px + 1vh) calc(10px + 1vw);width:90vw;height:100vh}.character_name_div{position:relative;justify-items:center;align-content:center;justify-self:center;width:fit-content;height:fit-content}.character_name{font-size:4vw;font-weight:600;line-height:1em;text-transform:uppercase;padding:1px;letter-spacing:.5px;color:#d3d3d3}.character_name_div hr{border:none;width:100%;height:.5vh;background-color:#fff;border-radius:10px;margin-bottom:20px;justify-self:center}.stats_title{position:relative;font-size:4vw;font-weight:500;height:fit-content;width:fit-content;padding-top:15vh;top:0;left:0;right:0;color:#fff}.stats_title hr{border:none;width:100%;height:.5vh;background-color:#fff;border-radius:10px;margin-bottom:20px;justify-self:center}.webgl_div{position:relative;width:50vw;height:50vh;justify-self:left;z-index:9999}.webgl{position:absolute;max-width:50vw;max-height:50vh;object-fit:cover;border:5px solid black}.statsDiv{position:absolute;right:0;bottom:0;border:3px solid black}#fileStats{width:min-content;height:min-content}#gui{position:absolute;max-width:50vw;max-height:50vh;width:20vw;z-index:9999;left:0;right:0;border:3px solid black}.stats{position:relative;flex-wrap:wrap;width:30vw;border-radius:0;z-index:999;color:#d3d3d3;justify-self:center}.stats h2{font-size:4vw;font-weight:400;line-height:1em;text-transform:uppercase;padding:1px}.stats h3{font-size:3vw;font-weight:600;line-height:1em;text-transform:uppercase;padding:1px}.stats p{font-size:2vw;margin:0;font-weight:400;max-width:700px;padding:1px}.dropdown{position:relative;width:30vw;height:7vh;justify-self:center;justify-content:center;justify-items:center;font-size:calc(4px + 1vw);margin:5vh}.dropdown .download_button{display:block;position:relative;border:2px solid #dbdbdb9f;border-radius:15px;background-color:#dbdbdb4d;color:#d3d3d3;text-decoration:none;letter-spacing:-.1px;text-transform:uppercase;width:calc(100px + 3vw);text-align:center;font-weight:500;transition:.5s;z-index:9999}.dropdown .download_button:hover{background:transparent}.download-content{display:none;position:relative;background-color:#c0c0c07e;border-radius:15px;width:calc(100px + 6vw);box-shadow:0 8px 16px #0003;z-index:9999}.download-content a{float:none;color:#fff;padding:auto;text-decoration:none;display:block;text-align:center}.download-content a:hover{border-radius:15px;background-color:#888}.dropdown:hover .download-content{display:block}.process{position:relative;width:90vw;flex-wrap:wrap;border-radius:0;z-index:999;color:#d3d3d3}.process h3{font-size:3vw;font-weight:600;line-height:1em;text-transform:uppercase;padding:1px;margin-top:2vh}.showreel_video{position:relative;max-width:85vw;justify-self:center}.process p{margin-top:20px;margin-bottom:20px}.process_tech,.process_lore,.process_future{position:relative;font-size:4vw;font-weight:500;height:fit-content;width:fit-content;padding-top:15vh;top:0;left:0;right:0;color:#fff}.process_tech hr,.process_lore hr,.process_future hr{border:none;width:100%;height:.5vh;background-color:#fff;border-radius:10px;margin-bottom:20px;justify-self:center}.social{z-index:999;position:relative;display:flex;justify-content:center;align-items:center;margin:auto;bottom:0;padding-top:0;flex-wrap:wrap}.social li{list-style:none}.social li a{display:inline-block;margin-right:5px;transform:scale(.7);transition:.5s}.social li a:hover{transform:scale(.8) translateY(-15px)}@media (max-width: 1200px){.showreel_video{max-width:85vw}}@media (max-width: 852px){.banner,.header{height:fit-content}.background-div{margin-top:80px}.process h3{margin-top:7vh;font-size:5vw}}@media (max-width: 798px){.banner,.banner header{padding:0}.banner,.header{height:fit-content}.background-div{margin-top:100px;transition:.5s}.links{transition:.5s;opacity:0%;height:0%;width:0%}.nav-link{pointer-events:none}.hamburger-menu{opacity:100%;scale:.5;transition:.2s}.side-menu{opacity:100%}.showreel_video{max-width:85vw}}@media (max-width: 570px){.banner,.header{height:fit-content}.background-div{margin-top:10vh;transition:.5s}.logo,.logo img{height:50px;width:80px}.hamburger-menu{scale:30%;transition:.2s}.grid-showcase{grid-template-areas:"name" "webgl" "stats" "process" "social";justify-self:unset;margin:calc(80px + 1vh) 0;width:100vw}.character_name_div h2{font-size:8vw}.webgl_div{position:relative;width:90vw;height:70vh;float:left}.webgl{max-width:100vw;max-height:70vh;height:70vh;width:100%;object-fit:cover}#gui{max-width:100vw;max-height:30vh;width:100vw}.stats{width:90vw}.stats h3{font-size:7vw}.stats p{font-size:5vw}.dropdown{width:30vw;height:7vh;font-size:calc(9px + 1vw)}.dropdown .download_button{width:calc(100px + 3vw);height:calc(20px + 3vw);align-content:center}.download-content{width:calc(120px + 6vw)}.process{justify-self:center}.process h3{font-size:7vw}.showreel_video{width:85vw}}@media (max-height: 412px){.side-menu ul li a{margin:5%}}@media (max-height: 360px){.side-menu ul li a{margin:5%}.showreel_video{width:60vw}}@media (min-width: 799px){.header li{float:left}.header li a{padding:10px 15px}.header .top-menu{clear:none;max-height:none;padding:00px 0}.hamburger-menu,.hamburger-menu input{opacity:0%;transition:.2s;cursor:auto}.side-menu{opacity:0%}.overlay{width:0vw}}