@font-face{font-family:Geist;font-weight:100;src:url(/assets/Geist-Thin-DplzME_6.otf)}@font-face{font-family:Geist;font-weight:200;src:url(/assets/Geist-Light-B5W2ZqT2.otf)}@font-face{font-family:Geist;font-weight:300;src:url(/assets/Geist-Regular-CsujuWfx.otf)}@font-face{font-family:Geist;font-weight:400;src:url(/assets/Geist-Medium-BFuDMXin.otf)}@font-face{font-family:Geist;font-weight:500;src:url(/assets/Geist-SemiBold-BaXKUUWZ.otf)}@font-face{font-family:Geist;font-weight:600;src:url(/assets/Geist-Bold-5oLfdeVn.otf)}@font-face{font-family:Cunia;src:url(/assets/Cunia-8_xIQlZV.ttf)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;vertical-align:baseline;line-height:2}span{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:2}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}:root{--primary-color: #0b1215;--secondary-color: #ebebeb;--side-margin: 15vw;--content-width: 80vw;--top-bottom-margin: 5rem;--item-margin: 2.5rem;--h1-fontsize: 3rem;--h2-fontsize: 2.5rem;--h3-fontsize: 1.75rem;--h4-fontsize: 1.25rem;--p-fontsize: 1rem;line-height:2rem;--border: 2px;--projects-projectitems-gap: 25vw;--navbar-font-color: #e5e5e5;--navbar-callToAction-font-color: #0B1215;--loadingScreen-EndPosition: 100vw;--body-EndPosition: -100vw;--color-animation-time: .6s;--slide-animation-time: .6s;--text-slide-animation-time: .5s}html,body{color:var(--primary-color);padding:0;margin:0;background:var(--secondary-color)}html a,body a{text-decoration:none}body{overflow-x:hidden}img{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-link-title]{overflow:hidden;position:relative}[data-link-title] span{display:inline-block;transition:transform var(--text-slide-animation-time)}[data-link-title]:before{align-items:center;bottom:0;content:attr(data-link-title);display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transform:translateY(100%);transition:transform var(--text-slide-animation-time);font-family:Cunia}[data-link-title]:not(.call-to-action):before{color:var(--navbar-font-color)}[data-link-title].call-to-action:before{color:var(--navbar-callToAction-font-color)}[data-link-title]:hover span{transform:translateY(-150%)}[data-link-title]:hover:before{transform:translateY(0)}[data-link-title].contact-link:before{font-size:24px;color:var(--navbar-font-color)!important}nav{height:80px;position:fixed;display:grid;grid-template-rows:5rem;width:100%;z-index:2;color:var(--navbar-font-color);transition:.6s ease-in-out}nav .nav-inner{display:flex;margin:0 1rem;justify-content:space-between;align-items:center;gap:1rem}nav .nav-inner .nav-logo-brandname-container{display:flex;align-items:center;gap:1rem}nav .nav-inner .nav-logo-brandname-container .logo{height:3.75rem;width:3.75rem;border-radius:10rem}nav .nav-inner .nav-logo-brandname-container .logo #nav-logo{fill:var(--navbar-font-color);transition:.6s ease-in-out;pointer-events:none}nav .nav-inner .nav-logo-brandname-container .brand-name{transition:.6s ease-in-out}nav .nav-inner .nav-logo-brandname-container .brand-name span{font-size:1.5rem;margin:0;font-family:Cunia;width:200px;color:var(--navbar-font-color);transition:.6s ease-in-out}nav .nav-inner .nav-items{display:flex;gap:var(--item-margin);align-items:center}nav .nav-inner .nav-items .nav-item{transition:.6s ease-in-out}nav .nav-inner .nav-items .nav-item span{font-family:Cunia;transition:color .6s ease-in-out,transform var(--text-slide-animation-time)}nav .nav-inner .nav-items a:not(.call-to-action) span{font-family:Cunia;font-size:1rem;color:var(--navbar-font-color)}nav .nav-inner .nav-items .call-to-action{border-radius:25px;background:var(--navbar-font-color);padding:2px 8px;transition:.6s}nav .nav-inner .nav-items .call-to-action span{color:var(--navbar-callToAction-font-color)}nav .nav-inner .nav-hamburger-container{display:none}nav.contact-navbar-styles{background:#ebebeb6e}nav.sidemenu-open{height:100vh;background:var(--primary-color)!important}nav.sidemenu-open .nav-inner .logo #nav-logo{fill:var(--secondary-color)}nav.sidemenu-open .nav-inner .brand-name{color:var(--secondary-color)}nav.sidemenu-open .nav-inner .nav-items{opacity:0;display:flex!important;position:absolute;top:50vh;flex-direction:column;width:100vw;transform:translateY(-50%);transition:.6s ease-in-out;left:0}nav.sidemenu-open .nav-inner .nav-items a:not(.call-to-action) span{background:none;color:var(--secondary-color);border:none}nav.sidemenu-open .nav-inner .nav-items a.call-to-action span{color:var(--primary-color)}nav.sidemenu-open .nav-inner .nav-items a.call-to-action{background:var(--secondary-color)}nav.sidemenu-open .nav-inner .nav-hamburger-container #nav-hamburger{background:var(--secondary-color)}nav.sidemenu-open .nav-inner .nav-hamburger-container #nav-hamburger:before{background:var(--secondary-color)}nav.sidemenu-open .nav-inner .nav-hamburger-container #nav-hamburger:after{background:var(--secondary-color)}nav.sidemenu-open .call-to-action{background:var(--secondary-color);color:var(--primary-color)}nav.sidemenu-open-end .nav-items{opacity:1!important}nav.in-animation{background:none}nav.in-animation .nav-inner .nav-items .nav-item{pointer-events:none;opacity:0}nav.in-animation .nav-inner .call-to-action{background:var(--secondary-color);color:var(--primary-color)}nav.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}nav.hide .nav-inner .logo #nav-logo{opacity:0}nav.hide .nav-inner .brand-name{opacity:0}nav.hide .nav-inner .nav-items{opacity:0}nav.hide .nav-inner .nav-items a{opacity:0}nav.hide .nav-inner .nav-hamburger-container #nav-hamburger{opacity:0}nav.hide .nav-inner .nav-hamburger-container #nav-hamburger:before{opacity:0}nav.hide .nav-inner .nav-hamburger-container #nav-hamburger:after{opacity:0}section{position:relative;z-index:1}.over-the-fold-container{background-attachment:fixed;height:100vh;height:calc(var(--vh, 1vh) * 100);line-height:1}.over-the-fold-container .over-the-fold-inner{padding-top:6rem;margin:0 var(--side-margin);display:flex;flex-direction:row;height:100%;padding-bottom:6rem;justify-content:center}.over-the-fold-container .over-the-fold-inner .left{display:flex;gap:3rem;flex-direction:column;align-items:center;justify-content:space-between}.over-the-fold-container .over-the-fold-inner .left div{display:flex;flex-direction:column;gap:6rem}.over-the-fold-container .over-the-fold-inner .left .over-the-fold-uppertext{font-size:2rem;font-weight:300;color:var(--secondary-color);text-align:center}.over-the-fold-container .over-the-fold-inner .left .over-the-fold-call-to-Action{margin-top:2rem;padding:1rem;background:var(--secondary-color);color:var(--primary-color);line-height:1;border-radius:30px;display:flex;width:-moz-min-content;width:min-content}.over-the-fold-container .over-the-fold-inner .left .over-the-fold-call-to-Action span{color:var(--primary-color);font-size:2rem;font-family:Cunia}.over-the-fold-container .over-the-fold-inner .left .over-the-fold-call-to-Action:before{font-size:2rem}.about{background:var(--primary-color);display:flex;flex-direction:column;justify-content:center;color:var(--secondary-color)}.about .about-inner{margin:var(--top-bottom-margin) var(--side-margin);display:flex;flex-direction:column;align-items:center;padding-top:40px}.about .about-inner header{display:flex;justify-content:center}.about .about-inner .about-content{margin-top:20px;display:flex;gap:20px;width:100%;align-items:center}.about .about-inner .about-content img{border-radius:.5rem;grid-column:1;filter:brightness(.8);margin-right:52px;height:300px;margin-top:20px}.about .about-inner .about-content .about-text{border-radius:25px;flex-direction:column;gap:24px}.about .about-inner .about-content .about-text p{line-height:3.5rem}.services{display:flex;justify-content:center;background:var(--primary-color);color:var(--secondary-color)}.services .services-inner{margin:var(--top-bottom-margin) var(--side-margin);display:flex;flex-direction:row;justify-content:center;width:100%;padding-top:40px}.services .services-inner .services-main-header{position:sticky;display:flex;justify-content:center;width:50%;align-items:center;height:-moz-min-content;height:min-content;top:40%}.services .services-inner .services-items{display:flex;gap:4rem;align-items:center;width:50%;flex-direction:column}.services .services-inner .services-items .services-item{min-height:292px;border:var(--border) solid var(--secondary-color);border-radius:25px;padding:40px}.services .services-inner .services-items .services-item .services-heading-container{display:flex;align-items:center;margin-bottom:1.5rem;gap:1.25rem;flex-direction:row-reverse;left:10p;justify-content:flex-end}.services .services-inner .services-items .services-item .services-heading-container h3{margin:0}.services .services-inner .services-items .services-item .services-heading-container .services-svg-container{border-radius:100px;padding:.75rem;background:var(--secondary-color);display:flex}.services .services-inner .services-items .services-item .services-heading-container .services-svg-container .services-svg{stroke:var(--primary-color)}.services .services-inner .services-items .services-item .services-heading-container .services-svg-container .cross{height:50px;width:50px;display:flex;position:relative;align-items:center;justify-content:center}.services .services-inner .services-items .services-item .services-heading-container .services-svg-container .cross .line{background:var(--primary-color);position:absolute;border-radius:25px}.services .services-inner .services-items .services-item .services-heading-container .services-svg-container .cross .line.horizontal{width:100%;height:3px}.services .services-inner .services-items .services-item .services-heading-container .services-svg-container .cross .line.vertical{height:100%;width:3px}.services .services-inner .services-items .services-item .item-text{line-height:2}.services .services-inner .services-items .services-item .services-line{height:.125rem;width:100%;background:var(--secondary-color);margin-bottom:.75rem}.services .services-inner .services-items .services-item .small-items{display:flex;flex-direction:column;gap:20px}.services .services-inner .services-items .services-item .small-items .small-item h4{margin-bottom:.5rem;margin-top:.75rem}.services .services-inner .services-items .services-item #hidden-paragraph{transition:all 1s ease-in-out;max-height:0;opacity:0}.services .services-inner .services-items .services-item #hidden-paragraph.bigger{opacity:1;visibility:visible;max-height:1000px}.projects{background:var(--secondary-color);color:var(--primary-color);flex-direction:column;justify-content:center}.projects .projects-inner{padding:var(--top-bottom-margin) 0;margin:0 var(--side-margin);display:flex;gap:40px;flex-direction:column;align-items:center}.projects .projects-inner>header{position:sticky;top:80px}.projects .projects-inner .projects-projectsitem{display:flex;position:sticky;top:165px;flex-direction:row-reverse;align-items:center;width:100%;pointer-events:none}.projects .projects-inner .projects-projectsitem .projects-img-outer{display:flex;width:50%;height:100%;justify-content:center;align-items:center}.projects .projects-inner .projects-projectsitem .projects-img-outer .projects-img{cursor:pointer;position:relative;max-height:100%;max-width:100%;border-radius:25px;box-shadow:5px 5px 4px #00000085}.projects .projects-inner .projects-projectsitem .projects-img-outer .projects-img picture{display:flex;align-items:center;justify-content:center;border-radius:25px}.projects .projects-inner .projects-projectsitem .projects-img-outer .projects-img img{height:var(--projects-projectitems-width);width:var(--projects-projectitems-width);aspect-ratio:1/1;pointer-events:all;transition:.3s ease-in-out;border-radius:25px;-webkit-border-radius:25px}.projects .projects-inner .projects-projectsitem .projects-img-outer .projects-img .projects-img-text{position:absolute;top:10px;left:10px;font-family:Cunia;color:var(--secondary-color);width:33%;pointer-events:none;font-size:var(--h3-fontsize)!important}.projects .projects-inner .projects-projectsitem .projects-line{width:100%;background:var(--primary-color);height:var(--border);margin-top:10px}.projects .projects-inner .projects-projectsitem header{display:flex;justify-content:center;width:50%;background:var(--secondary-color)}.projects .projects-inner .projects-projectsitem header h3{padding:20px}.projects .projects-inner .projects-projectsitem.first{background:var(--secondary-color)}.projects .projects-inner .projects-extra{display:flex;align-items:center;flex-direction:column}.projects .projects-inner .projects-extra p{border:var(--border) solid var(--primary-color);border-radius:25px;padding:10px}.projects .projects-inner .projects-extra svg{filter:drop-shadow(5px 5px 4px rgba(0,0,0,.5215686275))}.contact{background:var(--secondary-color);background-size:cover;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);overflow:hidden}.contact .contact-inner{margin:var(--top-bottom-margin) var(--side-margin);padding:20px;display:flex;flex-direction:column;border-radius:25px;background:var(--primary-color);box-shadow:5px 5px 4px #00000085;z-index:3}.contact .contact-inner header h2{color:var(--secondary-color)}.contact .contact-inner .contact-items{display:flex;gap:5rem;justify-content:space-around;margin-bottom:2.5rem}.contact .contact-inner .contact-items .contact-item{padding:20px 0;order:2;display:flex;flex-direction:column;align-items:center}.contact .contact-inner .contact-items .contact-item .contact-item-heading{display:flex;color:var(--primary-color);gap:10px;margin-bottom:10px;align-items:center}.contact .contact-inner .contact-items .contact-item .contact-item-heading .contact-svg-container{width:50px;height:70px;display:flex;justify-content:center;align-items:center}.contact .contact-inner .contact-items .contact-item .contact-item-heading .contact-svg-container svg path{stroke:var(--secondary-color)}.contact .contact-inner .contact-items .contact-item .contact-item-heading h4{margin:0;color:var(--secondary-color)}.contact .contact-inner .contact-items .contact-item .button-container{display:flex;flex-direction:row;justify-content:center}.contact .contact-inner .contact-items .contact-item .button-container .contact-item-button{padding:10px;background:var(--secondary-color);border-radius:25px;line-height:1}.contact .contact-inner .contact-items .contact-item .button-container .contact-item-button span{color:var(--primary-color);font-family:Cunia;font-size:1.5rem!important;transition:transform var(--text-slide-animation-time)}.contact .contact-inner .contact-items .contact-item #form{display:flex;flex-direction:column;width:80%;color:var(--primary-color)}.contact .contact-inner .contact-items .contact-item #form label{font-family:geist;font-weight:200;color:var(--secondary-color);line-height:2}.contact .contact-inner .contact-items .contact-item #form input,.contact .contact-inner .contact-items .contact-item #form textarea{border-radius:10px;padding:10px;font-family:Geist;font-weight:200;border:2px solid var(--primary-color)}.contact .contact-inner .contact-items .contact-item #form .button-wrapper{display:flex;justify-content:center;margin-top:32px;background:var(--secondary-color);padding:10px;border-radius:25px;width:-moz-min-content;width:min-content}.contact .contact-inner .contact-items .contact-item #form .button-wrapper button{background:var(--secondary-color);border:none;cursor:pointer;line-height:1}.contact .contact-inner .contact-items .contact-item #form .button-wrapper button span{font-family:Cunia;font-size:24px;color:var(--primary-color);transition:transform var(--text-slide-animation-time)}.contact .contact-inner .contact-items #first{order:1}.contact .contact-inner .contact-items #second{order:2}.contact h2{color:var(--primary-color)}footer{background:var(--secondary-color);z-index:2;position:relative;height:0}footer .footer-inner{display:flex;flex-direction:row;gap:20px;justify-content:space-around;transform:translateY(calc(-.5 * var(--top-bottom-margin)));z-index:3;position:relative}footer .footer-inner a{font-family:Cunia;font-size:1rem;color:var(--primary-color)}.first-canvas{position:fixed;top:0;right:0;z-index:-1}a *{pointer-events:none}#test-modal{position:fixed;width:100%;height:100%;top:0;display:none;align-items:center;justify-content:center;background:#1a1f2261;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}#test-modal .modal-content{background:#fff;color:#0b1215;position:relative;height:200px;display:flex;align-items:center;padding:20px;max-width:300px;border-radius:25px}#test-modal .modal-content .close{position:absolute;right:10px;top:10px;padding:10px;font-size:32px;border:1px solid #0B1215;border-radius:25px;display:flex}#test-modal .modal-content .close:hover{cursor:pointer}#test-modal.show{display:flex;opacity:1;visibility:visible;z-index:3}#modal{display:none;margin-top:10px;width:80%}#modal #modalMessage{color:#cfcfcf;border:1px solid #b3b3b3;border-radius:25px;padding:10px;background:#00000040}#loading-screen{top:0;position:fixed;background:var(--primary-color);height:100vh;height:calc(var(--vh, 1vh) * 100);width:100vw;z-index:10;display:flex;justify-content:center;align-items:center}#loading-screen .logo{height:20vh;width:20vh;aspect-ratio:1/1;border-radius:9999px;display:flex;align-items:center;justify-content:center}#loading-screen .logo #logo{transition:.6s ease-in-out;fill:var(--primary-color);stroke:var(--primary-color)}#loading-screen .logo #first{position:absolute;width:100%;height:2px;background:var(--primary-color)}#loading-screen .logo #second{position:absolute;height:100%;width:2px;background:var(--primary-color)}#loading-screen.active #logo{fill:var(--secondary-color)}#loading-screen.animation{animation:moveRight var(--slide-animation-time) ease-in-out forwards}#loading-screen.end-animation{transform:translate(var(--loadingScreen-EndPosition))}#loading-screen.second-animation,#loading-screen.switch-animation-left{animation:moveLeftLoadingScreen var(--slide-animation-time) ease-in-out forwards}#loading-screen.switch-animation-left-end{transform:translate(0)}#loading-screen.switch-animation-right{animation:moveRight var(--slide-animation-time) ease-in-out forwards}@keyframes moveLeftLoadingScreen{0%{transform:translate(var(--loadingScreen-EndPosition))}to{transform:translate(0)}}@keyframes moveRight{0%{transform:translate(0)}to{transform:translate(var(--loadingScreen-EndPosition))}}@media (min-width: 2000px){:root{--side-margin: 20vw !important}.services .services-inner .services-items{width:40%}}@media (min-width: 1900px){.projects .projects-inner .projects-projectsitem .projects-img-outer .projects-img img{height:40vw;width:40vw}.over-the-foldd-call-to-Action{right:25vw!important;top:40%!important;transform:translate(50%)}}@media (max-width: 1199px){.about .about-inner .about-content{flex-direction:column;align-items:center}.about .about-inner .about-content img{height:250px;width:250px;margin-right:0;margin-top:0}}@media (min-width: 1100px){.projects .projects-inner .projects-projectsitem .projects-img-outer .projects-img img{height:30vw;width:30vw}}@media (max-width: 1025px){.contact{padding-top:80px}.contact .contact-items{flex-direction:column;align-items:center;gap:0px!important}}@media (max-width: 1000px){:root{--item-margin: 2.5rem;--h1-fontsize: 2.5rem;--h2-fontsize: 2.25rem;--p-fontsize: 1rem}.over-the-fold-container{background-size:auto;background-attachment:scroll}.contact{background-attachment:scroll}}@media (max-width: 945px){:root{--top-bottom-margin: 40px;--item-margin: 20px;--h1-fontsize: 40px;--h2-fontsize: 32px;--h3-fontsize: 24px;--h4-fontsize: 20px;--p-fontsize: 16px}nav.hamburger-active #nav-hamburger{transform:rotate(45deg) translate(11px,-3.5px);transform-origin:0 0}nav.hamburger-active #nav-hamburger:before{opacity:0}nav.hamburger-active #nav-hamburger:after{width:45px;transform:rotate(-90deg) translate(5px)}.nav-hamburger-container{display:flex!important;height:45px;width:45px;transition:.6s ease-in-out}.nav-hamburger-container #nav-hamburger{width:45px;height:5px;background:var(--navbar-font-color);transition:.6s ease-in-out}.nav-hamburger-container #nav-hamburger:before{content:"";display:block;width:30px;height:5px;background:var(--navbar-font-color);transform:translateY(15px);transition:.6s ease-in-out}.nav-hamburger-container #nav-hamburger:after{content:"";display:block;width:22.5px;height:5px;background:var(--navbar-font-color);transform:translateY(25px);transition:.6s ease-in-out}.nav-items{display:none!important}.contact .contact-items{flex-direction:column}.services .services-inner .services-main-header{position:static}}@media (max-width: 899px){.about .about-inner .about-content img{margin-right:16px;margin-top:12px}.about .about-inner .about-content .about-text{line-height:2.5rem}.projects .projects-inner .projects-projectsitem .projects-img-outer .projects-img img{filter:none}.services-svg{width:40px;height:40px}.cross{width:40px!important;height:40px!important}}@media (max-width: 770px){.contact footer{position:static}.over-the-fold-container{background-attachment:unset}}@media (max-width: 600px){:root{--side-margin: 10vw}.contact{min-height:auto}}@media (max-width: 599px){.about .about-inner .about-content{display:flex;flex-direction:column;align-items:center;padding:0 20px}.about .about-inner .about-content img{height:200px;width:200px;margin:0}.services-svg{width:30px;height:30px}.cross{width:30px!important;height:30px!important}.services-inner .services-items .services-item{width:80%!important}}@media (max-width: 431px){.projects .projects-inner .projects-projectsitem .projects-img-outer .projects-img .projects-img-text{top:5px;left:5px;font-size:20px!important}.illustrations_image{width:auto!important;max-height:25%}.over-the-foldd-call-to-Action{top:auto!important}}@media (max-width: 380px){.projects .projects-inner .projects-projectsitem{flex-direction:column}.projects .projects-inner .projects-projectsitem .projects-img-outer{width:100%;z-index:2}.projects .projects-inner .projects-projectsitem>header{width:100%}.projects .projects-inner .projects-projectsitem>header:before{content:"";position:absolute;background:var(--secondary-color);height:100px;width:100%;transform:translateY(-100%)}.projects .projects-inner .projects-projectsitem .projects-img-outer .projects-img .projects-img-text{display:none}.over-the-foldd-call-to-Action{top:50%!important}}@media (max-width: 350px){.services-inner .services-items .services-item{width:90%!important}}.projectItemCursor{width:1px;height:1px;position:absolute;opacity:0;transition:opacity .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out;pointer-events:none;transform:translate(-50%,-50%);border-radius:100px;position:fixed;z-index:2}.projectItemCursor.active{width:50px;height:50px;background:gray;opacity:1}.projectItemCursor.unactive{width:1px!important;height:1px!important;opacity:0!important}.projectItemCursor.transparent{background:#80808080!important}