@import"https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght,YOPQ@100..900,300&display=swap";:root{--main-blue: #53acff;--light-blue: #83c5ff;--white: #ffffff;--dark: #3a3a3a}.drl{outline:solid 3px rgba(255,0,0,.3)}html{background-color:var(--main-blue);display:flex;justify-content:center;overflow-x:hidden}body{width:100%;max-width:1440px;display:flex;flex-direction:column;overflow-x:visible}*{box-sizing:border-box;margin:0;padding:0;font-family:Kumbh Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"YOPQ" 300;color:var(--dark)}.hide{display:none}.fadeOut{opacity:0}.overlay-parent{position:relative}.overlay{position:absolute;top:0;left:0}.no-scroll{overflow:hidden}.interactive{pointer-events:auto;cursor:pointer;transition:.3s;transform:scale(1)}.interactive:hover{transform:scale(1.1)}.interactive:active{transform:scale(.9)}.mask{overflow:hidden;height:fit-content;width:fit-content}#loading-screen{position:fixed;inset:0;z-index:9999;background:var(--main-blue);display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}#loading-screen.is-done{opacity:0;pointer-events:none}#loading-track{width:240px;max-width:60vw;height:8px;background:var(--light-blue);overflow:hidden}#loading-fill{width:0%;height:100%;background:var(--white);transition:width .15s linear}.text-anim-in{position:relative;transition:transform 2s cubic-bezier(0,.998,.001,1),opacity 2s ease-out}.hero-root{height:100vh;position:relative;width:100%;display:flex;align-items:center;justify-content:center}@keyframes fadeInSlideUp{0%{transform:rotateY(120deg)}to{transform:rotateY(0)}}.hero-canvas-parent{width:30%;transform:rotateX("90deg");height:37.5vw;background-color:#72bbff;position:relative;animation:fadeInSlideUp 3s cubic-bezier(0,.998,.001,1);animation-play-state:paused;perspective:800px}.hero-canvas-parent.play{animation-play-state:running}.hero-canvas-parent canvas{z-index:4;position:relative}.hero-root .hi-mask{position:absolute;top:0;right:0;width:fit-content;height:fit-content;overflow:hidden;transform:translate(27%,-52%);z-index:1}.hero-root .hi{color:#fff;font-weight:900;font-size:15rem;z-index:1}.hero-root .ima-mask{position:absolute;bottom:0;left:0;width:fit-content;height:fit-content;overflow:hidden;transform:translate(-70%)}.hero-root .ima{font-weight:400;font:1.5rem}.hero-root .creative-mask{position:absolute;bottom:0;left:0;width:fit-content;height:fit-content;transform:translate(-10%,92%);overflow:hidden}.hero-root .creative{font-weight:400;font-size:5vw;font-weight:800;text-transform:uppercase}.hero-root .developer-mask{position:absolute;bottom:0;left:0;width:fit-content;height:fit-content;transform:translate(4%,165%);overflow:hidden}.hero-root .developer{font-weight:400;font-size:5vw;font-weight:800;text-transform:uppercase}@media not (max-width:1440px){.hero-canvas-parent{width:45%;height:720px}.hero-root .hi{font-size:15rem}.hero-root .ima{font-size:2rem}.hero-root .creative,.hero-root .developer{font-size:4rem}}@media not (min-width:1100px){.hero-canvas-parent{width:45%;height:56.25vw}.hero-root .hi{font-size:20vw}.hero-root .creative,.hero-root .developer{font-size:5vw}}@media not (min-width:600px){.hero-root{height:90dvh}.hero-canvas-parent{width:60%;height:75vw}.hero-root .hi{font-size:30vw}.hero-root .ima{font-size:1rem}.hero-root .creative,.hero-root .developer{font-size:8vw}}@media not (max-aspect-ratio:1/1){.hero-canvas-parent{height:60%;width:48vh}}.cap-root{position:relative;height:50vh;width:100%;top:0vh;transition:1s cubic-bezier(0,.99,0,.99);display:flex;align-items:center;justify-content:center;z-index:-1;margin-bottom:5rem}.cap-root .cap-gradient{position:absolute;left:0%;top:0;height:100%;width:100%;overflow-x:visible;flex-shrink:0;min-width:0;background:#53acff;background:linear-gradient(0deg,#53acff 17%,#53acff00 25% 82%,#53acff)}.cap-root.down{top:100vh}.cap-root #capParent{position:relative;height:150%;width:100%;overflow-x:visible;flex-shrink:0;min-width:0}.cap-root .copy-overlay{position:absolute;top:0dvh;left:0;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.cap-root .copy-overlay h2{color:#fff;font-weight:800;font-size:5rem}.cap-root .copy-overlay h3{font-weight:500;font-size:1.5rem}.cap-root .copy-overlay p{max-width:500px;text-align:center;padding-top:1rem}@media not (min-width:1440px){.cap-root #capParent{width:100%}}@media not (min-width:900px){.cap-root .copy-overlay h2{font-size:3rem}}@media not (min-width:600px){.cap-root{height:30vh}.cap-root #capParent{height:250%}.cap-root .copy-overlay{top:-5dvh}.cap-root .copy-overlay h2{font-size:2.5rem}.cap-root .copy-overlay h3{font-size:1rem}.cap-root .copy-overlay p{font-size:.8rem;padding:1rem 2rem}}.experience-root{margin-top:4rem;width:100%;position:relative;overflow:hidden;height:fit-content}.experience-root .screen-blend{mix-blend-mode:screen}.experience-root .title{color:#fff;font-weight:800;font-size:3rem;width:100%;text-align:center;margin-bottom:2rem}.experience-root .experience-path-root{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.experience-root .card{display:grid;grid-template-columns:2fr 3fr;max-width:40rem;margin-bottom:5rem;z-index:1}.experience-root .card .left-cell{background-color:var(--light-blue);width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.25rem}.experience-root .card .right-cell{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:.5rem;padding-left:1rem}.experience-root .card .right-cell .title{font-size:2rem;text-align:left;margin-bottom:0rem}.experience-root .card .right-cell .company{color:#fff;font-weight:300;font-size:.8rem;margin-bottom:.7rem;margin-top:0rem}.experience-root .card .right-cell .para{color:#fff}.experience-root .card .was-logo{height:60%}.experience-root .card .genesis-logo{height:110%}.experience-root .card .immersively-logo{height:125%}.experience-root .card.card-1{position:relative;left:-3.2%}.experience-root .card.card-2{position:relative;left:8.5%}.experience-root .card.card-3{position:relative;left:20%}.experience-root .svg-overlay{position:absolute;top:0;left:0;height:100%;width:100%}.experience-root .svg-overlay svg{height:100%;width:100%;z-index:-1}@media not (min-width:1300px){.experience-root{margin-top:-2rem}}@media not (min-width:1100px){.experience-root{margin-top:-13rem}.experience-root .experience-path-root{position:relative;left:-5%}.experience-root .card{max-width:30rem;margin-bottom:2.5rem}.experience-root .card .right-cell .title{font-size:1.5rem}.experience-root .card .right-cell{padding-top:0rem}.experience-root .card .right-cell .company{margin-top:0rem;margin-bottom:.4rem}.experience-root .card .right-cell .para{font-size:.8rem}}@media not (min-width:900px){.experience-root{margin-top:-5rem}}@media not (min-width:600px){.experience-root .card .right-cell{padding-left:.5rem}.experience-root .card .right-cell .title{font-size:1rem}.experience-root .card .right-cell .company,.experience-root .card .right-cell .para{font-size:.7rem}.experience-root .card{grid-template-columns:1fr 1fr}.experience-root .card.card-3 .right-cell .para{max-width:7rem}}.key-works-root{margin-bottom:12rem;position:relative;left:-2rem;display:flex;justify-content:center;overflow:visible;background-color:var(--main-blue)}.key-works-root .wrapper{width:100%;display:grid;height:fit-content;grid-template-columns:repeat(6,1fr)}.key-works-root .cell{height:18rem}.key-works-root .cell.top{grid-column:span 2}.key-works-root .cell.bottom{grid-column:span 3}.key-works-root .cell.center{display:flex;flex-direction:column;align-items:center}.key-works-root .cell.left{display:flex;justify-content:flex-end}.key-works-root .cell.top.center .key{color:var(--white);font-weight:900;font-size:8rem;position:relative;top:0rem;left:-0rem}.key-works-root .cell.top.center .works{color:var(--white);font-weight:900;font-size:3rem;position:relative;top:-2rem;left:1rem}.key-works-root .cell .card-container{height:fit-content;width:fit-content}.key-works-root .cell .card-container .card{display:flex;justify-content:center;aspect-ratio:16/9;border-radius:.5rem;width:25rem;overflow:hidden;cursor:pointer}.key-works-root .cell .card-container .card:hover{-webkit-box-shadow:0px 0px 0px 12px rgba(255,255,255,.3);-moz-box-shadow:0px 0px 0px 12px rgba(255,255,255,.3);box-shadow:0 0 0 12px #ffffff4d}.key-works-root .cell .card-container .card .hero-image{width:100%}.key-works-root .cell .card-container h5{color:var(--white);font-weight:400;font-size:1rem}.key-works-root .cell .card-container h4{color:var(--white);font-weight:800;font-size:2rem}.key-works-root .cell.left h5,.key-works-root .cell.left h4{text-align:right}.key-works-root .cell.top.left .card-container{position:relative;top:-2rem;left:3rem}.key-works-root .cell.top.right .card-container{position:relative;top:4rem;left:-3rem}.key-works-root .cell.top.right .card-container .card{width:30rem}.key-works-root .cell.bottom.left .card-container{position:relative;top:0rem;left:0rem}.key-works-root .cell.bottom.left .card-container .card{width:30rem}.key-works-root .cell.bottom.right .card-container{position:relative;top:8rem;left:3rem}.key-works-root .cell.bottom.right .card-container .card{width:30rem}@media not (min-width:1300px){.key-works-root .cell.top.center .key{font-size:5rem;left:0rem}.key-works-root .cell.top.center .works{font-size:2rem;top:-1.3rem;left:1.6rem}.key-works-root .cell.top.left .card-container{position:relative;top:0rem;left:5rem}.key-works-root .cell.top.left .card-container .card{width:18rem}.key-works-root .cell.top.right .card-container{position:relative;top:4rem;left:-5rem}.key-works-root .cell.top.right .card-container .card{width:23rem}.key-works-root .cell.bottom.left .card-container{position:relative;top:-3rem;left:-1rem}.key-works-root .cell.bottom.left .card-container .card{width:22rem}.key-works-root .cell.bottom.right .card-container{position:relative;top:4rem;left:3rem}.key-works-root .cell.bottom.right .card-container .card{width:25rem}}@media not (min-width:1100px){.key-works-root .cell.top.center .key{font-size:4rem;left:0rem}.key-works-root .cell.top.center .works{font-size:1.5rem;top:-1rem;left:2rem}.key-works-root .cell.top.left .card-container{position:relative;top:-1rem;left:4rem}.key-works-root .cell.top.left .card-container .card{width:14rem}.key-works-root .cell.top.right .card-container{position:relative;top:2rem;left:-3rem}.key-works-root .cell.top.right .card-container .card{width:18rem}.key-works-root .cell.bottom.left .card-container{position:relative;top:-3rem;left:-1rem}.key-works-root .cell.bottom.left .card-container{position:relative;top:-7rem;left:-1rem}.key-works-root .cell.bottom.left .card-container .card{width:18rem}.key-works-root .cell.bottom.right .card-container{position:relative;top:-2rem;left:2rem}.key-works-root .cell.bottom.right .card-container .card{width:18rem}.key-works-root .cell .card-container h5{font-size:1rem}.key-works-root .cell .card-container h4{font-size:1.5rem}}@media not (min-width:900px){.key-works-root{left:0rem}.key-works-root .cell.top.center .key{font-size:6rem;left:0rem}.key-works-root .cell.top.center .works{font-size:2rem;top:-1rem;left:2rem}.key-works-root .cell.top.center{order:-1;grid-column:span 6;height:11rem}.key-works-root .cell.top,.key-works-root .cell.bottom{grid-column:span 3}.key-works-root .cell{height:14rem;padding:1rem}.key-works-root .cell.right{position:relative;top:4rem;left:0rem}.key-works-root .cell.top.left .card-container{position:relative;top:0rem;left:0rem}.key-works-root .cell.top.left .card-container .card{width:18rem}.key-works-root .cell.top.right .card-container{position:relative;top:0rem;left:0rem}.key-works-root .cell.top.right .card-container .card{width:18rem}.key-works-root .cell.bottom.left .card-container{position:relative;top:0rem;left:0rem}.key-works-root .cell.bottom.left .card-container .card{width:18rem}.key-works-root .cell.bottom.right .card-container{position:relative;top:0rem;left:0rem}.key-works-root .cell.bottom.right .card-container .card{width:18rem}.key-works-root .cell .card-container h5{font-size:1rem}.key-works-root .cell .card-container h4{font-size:1.5rem}}@media not (min-width:650px){.key-works-root .wrapper{overflow-x:clip}.key-works-root .cell{grid-column:span 6!important;padding:0rem 0rem .5rem}.key-works-root .cell.top.center{order:-1}.key-works-root .cell.center{height:10rem}.key-works-root .cell.right,.key-works-root .cell.left{height:19rem}.key-works-root .cell.right{position:relative;top:0rem;left:-5rem}.key-works-root .cell.left{position:relative;top:0rem;left:5rem}.key-works-root .cell.top.left .card-container{position:relative;top:0rem;left:0rem}.key-works-root .cell.top.left .card-container .card{width:19rem}.key-works-root .cell.top.right .card-container{position:relative;top:0rem;left:0rem;display:flex;flex-direction:column;align-items:flex-end}.key-works-root .cell.top.right .card-container .card{width:19rem}.key-works-root .cell.bottom.left .card-container{position:relative;top:0rem;left:0rem}.key-works-root .cell.bottom.left .card-container .card{width:19rem}.key-works-root .cell.bottom.right .card-container{position:relative;top:0rem;left:0rem;display:flex;flex-direction:column;align-items:flex-end}.key-works-root .cell.bottom.right .card-container .card{width:19rem}.key-works-root .cell .card-container{height:100%}.key-works-root .cell.top.center .key{font-size:5rem;top:1rem;left:0rem}.key-works-root .cell.top.center .works{font-size:2rem;top:0rem;left:1rem}.key-works-root .cell .card-container .card{width:auto!important;height:80%}.key-works-root .cell.right .card{position:relative;right:0rem}.key-works-root .cell.left h5,.key-works-root .cell.left h4{text-align:left;padding-right:1rem;width:100%}.key-works-root .cell.right h5,.key-works-root .cell.right h4{text-align:right;padding-left:1rem;width:100%}}.key-works-root .cell .card-container .card.card-fullscreen-transforms{position:fixed!important;top:0rem!important;left:0rem!important;width:100vw!important;height:100dvh!important;border-radius:0rem!important;aspect-ratio:auto!important}.key-works-root .cell .card-container .card.card-fullscreen-transforms{z-index:100;background-color:#000000b5;padding:1rem}.key-works-root .card.card.card-fullscreen-transforms .card-interior{transition:.5s;background-color:var(--main-blue);border-radius:.5rem;display:flex;flex-direction:column;max-width:1440px;width:100%;overflow-y:scroll}.key-works-root .cell .card-container .card.card-fullscreen-transforms .card-interior{max-width:800px;margin-bottom:1rem}.key-works-root .cell .card-container .card .card-interior .back-button-container{display:flex;align-items:center;justify-content:center;padding:0rem;max-height:0rem;overflow:hidden;transition:.3s;position:sticky;top:0;background-color:var(--main-blue)}.key-works-root .cell .card-container .card.card.card-fullscreen-transforms .card-interior .back-button-container{max-height:4.5rem;padding:2rem 0rem}.key-works-root .cell .card-container .card .card-interior .back-button-container button{font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;border:2px solid var(--dark);background-color:var(--main-blue);filter:drop-shadow(-2px 2px 0px var(--dark));transform:scale(1);transition:.3s}.key-works-root .cell .card-container .card .card-interior .back-button-container button:hover{background-color:#458ed3;transition:.3s;transform:scale(1.05)}.key-works-root .cell .card-container .card .card-interior .back-button-container button:active{background-color:#2b5883;filter:drop-shadow(-0px 0px 0px var(--dark));transform:scale(.95)}.key-works-root .cell .card-container .card .card-interior .back-button-container button img{height:1rem}.key-works-root .cell .card-container .card .card-interior .card-body{flex:1;min-height:0;padding:1rem 1rem 20rem;display:flex;flex-direction:column}.key-works-root .cell .card-container .card .card-interior .card-body h1{font-weight:800;font-size:3rem}.key-works-root .cell .card-container .card .card-interior .card-body h2{font-size:1rem;font-weight:500}.key-works-root .cell .card-container .card .card-interior .card-body h3{font-size:1.5rem;margin-top:1.5rem}.key-works-root .cell .card-container .card .card-interior .card-body p{margin-top:1rem}.key-works-root .cell .card-container .card .card-interior .card-body iframe{aspect-ratio:16/9}.key-works-root .cell .card-container .card .card-interior .card-body video{max-width:100%;width:100%;padding-top:1rem}.key-works-root .cell .card-container .card .card-interior .card-body img{padding-top:1rem;max-width:100%;width:100%}.more-root{margin-top:1rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem}.more-root .title{color:#fff;font-weight:800;font-size:3rem;width:100%;text-align:center;margin-bottom:2rem}.more-root iframe{width:100%;height:80vh;border-radius:1rem}