*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}html,body{scroll-behavior:smooth}body{font-family:DM Sans,serif;line-height:1.2em;font-weight:500;color-scheme:light dark;color:#ffffffde;background-color:#12122e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.workone{overflow:hidden}a{font-weight:500;color:#fff;text-decoration:inherit}h1{font-size:8em;line-height:.8em;letter-spacing:-.055em;color:#fff;color:#3b4240;display:inline-block;box-sizing:border-box;text-transform:uppercase;font-weight:700}h2{font-size:clamp(46px,4vw,100px);line-height:.9em;letter-spacing:-.02em;width:100%;text-align:left;font-weight:600}h3{font-size:clamp(20px,2vw,100px);margin-bottom:20px;font-weight:600;line-height:61.324%;letter-spacing:-.02em}p{color:#595959}.loaderone{position:fixed;width:100%;height:100vh;z-index:11000;display:grid;place-content:center;top:0;left:0;background-color:#12122e;overflow:hidden}.innerloadinganimation{opacity:1!important;position:relative;width:40px;height:40px}.loadingtext{position:absolute;top:50px;text-transform:uppercase;color:#fff;font-weight:700;margin-left:-17px;letter-spacing:.2em;font-size:12px}.ps-intro{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:70%}.svgintro{width:200px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle1{stroke-width:10px;opacity:1;stroke:#fff}.circle2{stroke-width:85px;opacity:1;stroke:#fff}.circle3{stroke-width:50px;opacity:1;stroke:#fff}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.canvasholder{position:fixed;width:100%;height:100vh;top:0;left:0}#canvas3d{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}div#smooth-wrapper{z-index:9999}.staticmouse{position:fixed;width:100%;height:100vh;z-index:10000;pointer-events:none}.cursor-outline{position:absolute;width:50px;height:50px;pointer-events:none;transform:translate(-50%,-50%)}.innerlighter{position:absolute;width:50px;height:50px;top:0;left:0;border:solid 1px rgba(255,255,255,0);border-radius:50%;overflow:hidden}.outercursorimage{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;border-radius:50%}.outercursorimagetwo{position:absolute;width:100%;height:100%;top:0;left:0%;overflow:hidden;border-radius:50%;opacity:0}.outcursorholder{position:absolute;width:100%;height:600%;top:0%;left:0;opacity:0}.outcursorholdertwo{position:absolute;width:100%;height:600%;top:0%;left:0%}.outcursorholder div{width:100%;height:16.6666%;object-fit:cover;display:block;margin:0;padding:0;overflow:hidden;position:relative}.outcursorholder div img{width:70%;height:70%;object-fit:cover;position:absolute;top:15%;left:15%;border-radius:50%}.outcursorholdertwo div{width:100%;height:16.6666%;display:grid;align-items:end;justify-items:end;margin:0;padding:20px;background-position:top 15px right 15px;opacity:1;position:relative}.outcursorholdertwo>div>img{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;display:block;margin:0;padding:0;border-radius:50%}.outcursorholdertwo div p{text-align:right;color:#fff;font-size:12px;font-weight:700;line-height:14px}.newburger{position:absolute;top:70px;right:70px;display:none}.splat{position:absolute;top:70px;left:70px;display:none}.logoone{position:absolute;left:50%;z-index:9999;color:#1c6885;font-size:14px;font-weight:700;text-transform:uppercase;transform:translate(-50%);top:88px;display:flex}.logoone>div:nth-child(2){width:100px;border-bottom:1px solid white;height:10px;margin:0 10px}.bottomherocontent{position:absolute;bottom:0;left:0;z-index:9999;display:flex;justify-content:space-between;width:100%;padding:0 100px 70px}.bottomherocontent a{color:#165269;text-decoration:none;font-size:14px;font-weight:400;background-image:url(./../svg/star.svg);background-repeat:no-repeat;background-position:0 7px;padding-left:40px;display:inline-block}.bottomherocontent a:nth-child(2){background-image:url(./../svg/star2.svg);background-position:0 0px;padding-left:50px}.bottomherocontent a:nth-child(3){background-image:url(./../svg/trianglearrow.svg);background-position:0 7px;padding-left:40px}.bottomherocontent a span{color:#165269;text-decoration:none;font-size:8px;line-height:8px;width:100%;display:inline-block}.triangleintro{margin-bottom:20px}.topheaderone{position:relative;width:100%;align-self:start;padding-bottom:40px}.topheaderone h2{font-size:14px;text-transform:uppercase;color:#1c6885;font-weight:600}.topheaderonerelative h2{font-size:14px;position:relative;text-transform:uppercase;color:#165269;font-weight:600}.innerreachout{position:relative;align-self:center;width:100%}.introtextone{position:relative;width:50%;align-self:center}.maskedout{-webkit-mask-image:url(./../images/superstrip.webp);mask-image:url(./../images/superstrip.webp);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:0% 0%;mask-position:0% 0%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mask-animation{animation:maskedin 1.2s steps(44) forwards}@keyframes maskedin{0%{-webkit-mask-position:0% 0%;mask-position:0% 0%}to{-webkit-mask-position:100% 0%;mask-position:100% 0%}}.introtextone h2{color:#165269;line-height:1em}.introtextone h2>span{color:#fff;width:100%;display:block;position:relative;text-indent:-9999px;overflow:hidden;white-space:nowrap}.introtextone h2>span:after{content:attr(data-name);position:absolute;width:100%;color:#fff;top:0;left:0;overflow:hidden;text-indent:initial;clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.introtextone h2>span:before{content:attr(data-name);position:absolute;width:100%;color:#fff;bottom:0;left:-.16em;overflow:hidden;text-indent:initial;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);padding-bottom:1px}.lettermagic{position:relative;opacity:0}.lettermagic h2{position:relative;--left-one: -.16em;--left-two: 0em;--opacity-one: 1;--opacity-two: 1}.lettermagic h2>span{color:#fff;width:100%;display:block;position:relative;text-indent:-9999px;overflow:hidden}.lettermagic h2>span:after{content:attr(data-name);position:absolute;width:100%;color:#fff;top:0;left:var(--left-two);opacity:var(--opacity-two);overflow:hidden;text-indent:initial;clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.lettermagic h2>span:before{content:attr(data-name);position:absolute;width:100%;color:#fff;bottom:0;left:0;opacity:var(--opacity-one);overflow:hidden;text-indent:initial;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);padding-bottom:1px}.activeone .lettermagic{animation-name:faderintro;animation-duration:3s;animation-delay:1s;animation-fill-mode:forwards}.activeone .lettermagic h2>span:before{animation-name:moveletters;animation-duration:3s;animation-delay:2s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}.activetwo .lettermagic{animation-name:faderintro;animation-duration:1.2s;animation-fill-mode:forwards}.activetwo .lettermagic h2>span:before{animation-name:moveletters;animation-duration:1.2s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes faderintro{0%{opacity:0}to{opacity:1}}@keyframes moveletters{0%{left:0}to{left:-.16em}}.bottomletters{position:absolute;bottom:40px;width:calc(100% - 200px)}.herotext{padding-top:40vh;width:100%}.herotext h2{font-size:clamp(46px,12vw,200px);text-align:center}.herotext p{color:#1c6885;text-align:center;font-size:12px;margin-top:20px}.doubleintrotext{display:flex;width:100%;gap:100px;margin-top:40px}.doubleintrotext p{color:#165269;font-size:14px;background-image:url(./../svg/star.svg);background-repeat:no-repeat;padding-left:40px;background-position:0 5px}#scrolldown,#scrollup{position:absolute;z-index:9999;top:20px;left:20px;font-size:20px;text-transform:uppercase}#scrollup{left:120px}.scrollerz{width:100%;position:relative;height:100vh;z-index:9500;display:inline-block;margin:0;padding:0;display:grid;align-items:center}.scrollerz2>div{position:relative;width:100%;height:100vh;display:flex;flex-wrap:wrap;padding:40px 100px}img.secondimage{width:94vw}.scrollerz2{width:100%;position:relative;height:600vh;z-index:9400}.thesplitter{font-kerning:none;padding:5px 20px;display:inline-block;color:#fff;overflow:hidden}#bodythings{position:absolute;width:500px;height:500px;top:50%;left:50%;opacity:.2;scale:.5}.latestprojects ul{list-style:none;text-align:left;position:relative}.projectsingleone{position:absolute;left:100%;width:100%;top:0;height:100%}.latestprojects ul li{padding:10px 70px 10px 0;position:relative;transition:all .5s ease}.additonaltext{position:absolute;height:0;overflow:hidden;transition:all .3s ease;left:100px;opacity:0;color:#a8a8a8;max-width:90%;font-size:12px}.innerholder{transition:all .3s ease;position:relative;width:100%;height:100%}.latestprojects ul li a{font-size:clamp(32px,4vw,100px);line-height:1em;padding:0;opacity:1;transition:opacity .5s ease;color:#fff;display:inline-block;transform-origin:top left;transition:all .5s ease;font-weight:600}.latestprojects ul li a span{font-size:clamp(16px,2vw,100px);line-height:1em;font-weight:600;color:#ff05ec}@media (min-width: 900px){.latestprojects ul:hover li a{opacity:.5;color:#0078a8}.latestprojects ul>li.hover-effect-js a{opacity:1;color:#fff}.newspinner .typespin{animation:infinite spinner 10s linear}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.latestprojects ul>li>div.innerholder>a.norollover{opacity:1!important;color:#71ccd4}.additonalinfo{height:0;overflow:hidden;font-size:16px;color:#e6e6e6;margin-top:10px;position:absolute;bottom:60px}button.linkerone{position:absolute;width:80px;height:80px;background:none;border:none;top:60px;right:60px;background-image:url(./../images/burgerclose.svg);background-repeat:no-repeat;background-size:contain}body.noscrollage{overflow:hidden}.experimental h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:clamp(80px,6vw,300px);text-transform:uppercase;font-weight:100}.latestprojects{display:flex;position:relative;align-content:center;flex-wrap:wrap}.latestprojectsinner{position:relative;align-self:center;width:100%}.innerserviceone{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;width:100%}.innerserviceone>div{position:relative}.innerserviceone div div{max-width:320px;margin-bottom:60px}.innerserviceone p{font-size:14px;color:#bbb;font-weight:400}.topheaderonerelative{position:relative;width:100%;align-self:start}.bottomherocontent a,.bottomherocontent a span{transition:all .3s ease;cursor:pointer}@media (min-width: 900px){.bottomherocontent a:hover,.bottomherocontent a:hover span{color:#fff}.bottomherocontent a.inner-div-1-text:hover{background-image:url(./../svg/star-yellow.svg)}.bottomherocontent a.inner-div-1-text2:hover{background-image:url(./../svg/star2-yellow.svg)}.bottomherocontent a.inner-div-1-text3:hover{background-image:url(./../svg/trianglearrow-yellow.svg)}.innerserviceone div div:hover h3{color:#ffbf2a!important}}.innerserviceone div div{opacity:1;transition:all .3s ease}.innerserviceone div div h3{background-repeat:no-repeat;background-position:top left;background-size:auto 20px;padding-top:3rem;display:inline-block}.innerserviceone div div.blinker1 h3{background-image:url(./../icons/icon-threedee.png);padding-right:20%}.innerserviceone div div.blinker2 h3{background-image:url(./../icons/icon-animation.png)}.innerserviceone div div.blinker3 h3{background-image:url(./../icons/icon-development.png)}.innerserviceone div div.blinker4 h3{background-image:url(./../icons/icon-ai.png);padding-right:10%}.innerserviceone div div.blinker5 h3{background-image:url(./../icons/icon-webflow.png)}.innerserviceone div div.blinker6 h3{background-image:url(./../icons/icon-shopify.png)}@media (min-width: 900px){.innerserviceone div div:hover{opacity:1}}.innerreachouttext{position:relative;width:60%}.innerreachouttext h2{color:#165269;margin-bottom:20px}.innerreachouttext h2 span{color:#fff}.innerreachouttext p{color:#bbb;font-size:14px;margin-bottom:30px;max-width:50%}.mainbt{color:#2998c3;text-decoration:none;font-size:14px;background-repeat:no-repeat;background-position:0 7px;background-image:url(./../svg/trianglearrow.svg);background-position:20px 10px;padding:15px 30px 15px 60px;font-weight:600;border:1px solid #165269;display:inline-block;border-radius:5px;transition:all .3s ease}@media (min-width: 900px){.mainbt:hover{color:#fff;border:1px solid #3ac2f8}}.innerclientsone{position:relative;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:100px;padding:0 100px}.innerclientsone p{font-size:30px;color:#165269;font-weight:600;line-height:97%;letter-spacing:-2.7px}.innerclientsone>div:nth-child(2) p{text-align:right}.clientsone{height:100vh}.innerclientone{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:80%}.innerclientone img{max-width:100%}.scrollerz2>div.footerone{align-content:start}.footercontentone{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:100%;margin-top:20px;padding-top:60px}.footercontentone p{font-size:14px;color:#bbb;font-weight:400;margin-bottom:20px;line-height:18px}.footercontentone p span{font-size:22px;font-weight:600;line-height:30px;color:#fff}.footercontentone h5{font-weight:300;margin-bottom:20px;font-size:14px;text-transform:uppercase;color:#165269}.soundpanel{position:fixed;top:64px;right:83px;z-index:10000;width:68px;height:51px}button.soundbutton{position:absolute;width:100%;height:100%;border:0;cursor:pointer;background-image:url(./../svg/blaster.svg);background-size:contain;background-repeat:no-repeat;opacity:.3;background-color:transparent}button.active.soundbutton{opacity:1}@media (max-width: 900px){.soundpanel{display:none}.bottomherocontent a{color:#2697c3}.footercontentone{grid-template-columns:1fr 1fr}a.inner-div-1-text{display:none}.scrollerz2>div{padding:0 20px}.introtextone{width:100%;align-self:start}.innerserviceone>div{max-width:48%}.innerreachouttext{width:100%}.innerreachouttext p{max-width:100%}.bottomherocontent{padding:0 20px 120px;display:none}.logoone{top:20px}.innerserviceone p{font-size:12px;line-height:14px}.innerserviceone div div.blinker4 h3{padding-right:28%}.innerserviceone div div.blinker2 h3{padding-right:30%}.innerserviceone div div.blinker1 h3{padding-right:40%}.bottomletters .herotext h2{font-size:clamp(50px,10vw,260px)}.bottomletters{width:calc(100% - 40px)}}