@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap";@font-face{font-family:customBold;src:url(/assets/Zodiak-Bold-3a16318c.woff2)}@font-face{font-family:customItalic;src:url(/assets/Zodiak-Italic-63af7018.woff2)}@font-face{font-family:customRegular;src:url(/assets/Zodiak-Regular-9a3c445d.woff)}:root{--primary: #03c19c;--secondary: #929395;--darkGray: #202020}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%}body{font-family:customRegular;background-color:#111;color:#fff}#overall-div{padding:200px 0 0;overflow:hidden}.spacing-div{padding:0 7%}.cursorCircle{position:fixed;top:0;left:0;transform:translate(-50%,-50%);background-color:var(--primary);width:20px;height:20px;border-radius:50%;z-index:3;display:flex;justify-content:center;align-items:center;pointer-events:none;mix-blend-mode:difference;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.cursor-no-svg svg{display:none}.enlarge-cursor{width:80px;height:80px}.cursor-left-arrow-svg svg{transform:rotate(180deg)}.cursor-right-up-arrow-svg svg{transform:rotate(-40deg)}.slide-div{position:fixed;top:0;left:0;height:100vh;width:100%;background:var(--primary);z-index:9999}.slide-in{transform-origin:bottom}.slide-out{transform-origin:top}a{text-decoration:none;color:#fff;height:fit-content}@media (pointer: coarse){.cursorCircle{display:none}}#navBar{position:fixed;left:50%;transform:translate(-50%);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;justify-content:center;margin-top:20px;transition:top .5s ease;padding:0 7%;z-index:4;gap:20px;width:100%}#navBar .wrapper{display:flex;justify-content:center;align-items:center}#innerNavBar{display:flex;flex-direction:row;width:fit-content;justify-content:center;align-items:center;gap:40px;border-radius:20px;padding:8px 50px;box-shadow:0 0 2px #fff;box-shadow:0 0 10px #303030;background-color:#111}.navBarButton{padding-top:8px;display:flex;flex-direction:column;border:none;background-color:transparent;outline:none;cursor:pointer}.text-cover{overflow:hidden}.navBarText{font-size:max(.85vw,18px);color:#fff;z-index:1;max-lines:1}.navBarText .word{opacity:1;transform:translate(0);display:flex!important;flex-direction:row!important}.navBarText .char{transform:translateY(40px) rotate(35deg)}.navBarUnderline{width:0%;height:8px;border-radius:10px;background-color:var(--primary);transform:translateY(-10px);z-index:0;transition:width .3s ease-in}.navBarButton:hover .navBarUnderline{width:100%}#logo{justify-self:start;max-lines:1;font-family:Space Mono,monospace;font-size:32px}@media only screen and (max-width: 1100px){#navBar{display:flex;flex-direction:row;justify-content:start}#innerNavBar{display:none}}.hamburger-menu{display:none;cursor:pointer}#full-nav-bar{display:none;height:0;width:100vw;position:fixed;z-index:4;left:0;top:0;background-color:var(--primary);overflow-x:hidden;transition:height .75s ease-in-out,-webkit-transform .75s ease-in-out;gap:20px;justify-content:center;align-items:center}#full-nav-bar .navBarButton p{font-size:40px}@media only screen and (max-width: 1100px){.hamburger-menu{display:flex;flex-direction:row;justify-content:end;align-items:center;width:100%}.hamburger-menu .container{position:relative;padding:1.5rem}#full-nav-bar{display:flex;flex-direction:column}}.menu-toggle{position:absolute;right:1.5rem;top:49%;transform:translateY(-50%);height:26px;width:29px}.menu-toggle,.menu-toggle:hover{color:#fff}.menu-toggle-bar{display:block;position:absolute;top:50%;margin-top:-1px;right:0;width:100%;height:4px;border-radius:4px;background-color:#fff;transition:all .3s ease}.menu-toggle-bar.menu-toggle-bar--top{transform:translateY(-8px)}.menu-toggle-bar.menu-toggle-bar--bottom{transform:translateY(8px)}.nav-open .menu-toggle-bar.menu-toggle-bar--top{transform:translate(0) rotate(45deg)}.nav-open .menu-toggle-bar.menu-toggle-bar--middle{opacity:0}.nav-open .menu-toggle-bar.menu-toggle-bar--bottom{transform:translate(0) rotate(-45deg)}:root{--blur-size: 30px;--shape-1-size: 320px;--shape-3-size: 280px;--shapes-opacity: 50%}#landingSection{position:relative;height:70vh;display:grid;grid-template-rows:1fr 100px;padding-bottom:40px}.huge-headline{font-size:max(5.3vw,34px)}.gray-headline{color:var(--secondary);font-family:customItalic}.headline-div{transform:translate(40px);opacity:0}.mouse{justify-self:center;position:relative;width:30px;height:65px;border:3px solid #333;border-radius:60px;margin-bottom:40px}.mouse:before{content:"";width:12px;height:12px;position:absolute;top:10px;left:50%;transform:translate(-50%);background-color:var(--primary);border-radius:50%;opacity:1;animation:wheel 2s infinite}@keyframes wheel{to{opacity:0;top:70%}}@-webkit-keyframes wheel{to{opacity:0;top:70%}}.shape-1,.shape-2{width:26vw;height:26vw;border-radius:50%;position:absolute;filter:blur(80px);opacity:20%}.shape-1{background-color:var(--primary);right:5%;bottom:5%;animation:blob ease-in-out 8s infinite}.shape-2{background-color:#6f0282;right:20%;bottom:40%;animation:blob2 ease-in-out 8s infinite}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(-200px,-200px) scale(1.1)}66%{transform:translate(-120px,-120px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes blob2{0%{transform:translate(0) scale(1)}33%{transform:translate(200px,200px) scale(1.1)}66%{transform:translate(120px,120px) scale(.9)}to{transform:translate(0) scale(1)}}#about-section-div{display:flex;flex-direction:column;gap:20px;padding-bottom:200px}.lowered-text-about{color:var(--primary);font-size:max(1.5vw,20px)}.body-text{line-height:2em;color:#d3d3d3;width:50%;align-self:end;padding-top:40px}#about-images-outerdiv{display:flex;flex-direction:column;transform:rotate(10deg);gap:20px;padding-top:80px}.about-images-div{display:flex;flex-direction:row;gap:20px}.about-image{object-fit:cover;height:20vw;min-height:150px;max-height:450px;border-radius:1vw;-webkit-transition:transform .3s ease-out;-moz-transition:transform .3s ease-out;-ms-transition:transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out}.about-image:hover{transform:scale(1.06)}@media only screen and (max-width: 700px){.body-text{align-self:center;width:100%}}#all-services-div{display:flex;flex-direction:column;gap:80px;padding-bottom:200px}.service-outer-section{position:relative}.service-section{display:flex;flex-direction:row;cursor:pointer;height:100vh;width:100vw;gap:40px}.service-section .animated-text-div{opacity:-1;transform:translate(100px)}.service-section .text-div{display:flex;flex-direction:column;justify-content:center;gap:16px;width:50vw;padding:0 7%}.service-section .text-div h1{font-size:max(3vw,26px);letter-spacing:2px;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.service-section .text-div span{text-transform:uppercase;letter-spacing:2px}.service-section .text-div .tag-text{font-size:max(.8vw,14px);color:var(--primary)}.service-section .text-div .more-info-button{display:flex;flex-direction:row;align-items:center;gap:8px}.service-section .text-div .more-info-button svg{-webkit-transition:transform .3s ease-out;-moz-transition:transform .3s ease-out;-ms-transition:transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out}.service-section .text-div .more-info-button:hover svg{transform:translate(4px)}.description-text{line-height:1.8em;padding-bottom:16px;font-size:18px;color:var(--secondary)}.reversed{flex-direction:row-reverse}.reversed .closeup-service-img{right:0;transform:translate(-100%,-50%)}.reversed .carseat-service-img{justify-self:start;transform:translate(-100%)}.description-section{background-color:#0f2b26;position:absolute;top:0;transform:translate(100%);-webkit-transition:transform .75s ease-in-out;-moz-transition:transform .75s ease-in-out;-ms-transition:transform .75s ease-in-out;-o-transition:transform .75s ease-in-out;transition:transform .75s ease-in-out}.reversed-description{transform:translate(-100%)}.service-img{width:50vw;height:100%;object-fit:cover;opacity:0;transform:translate(-100px)}.service-imgs-div{position:relative;width:50vw;display:grid;grid-template-columns:1fr}.service-imgs-div img{position:absolute;object-fit:cover;opacity:0;-webkit-transition:all .75s ease-in-out;-moz-transition:all .75s ease-in-out;-ms-transition:all .75s ease-in-out;-o-transition:all .75s ease-in-out;transition:all .75s ease-in-out}.closeup-service-img{top:50%;transform:translate(100%,-50%);width:70%;height:70%;z-index:1;box-shadow:0 0 8px #111}.carseat-service-img{width:60%;justify-self:end;transform:translate(100%)}.buttons-div{padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.custom-button{background-color:transparent;outline:none;border:1px solid white;color:#fff;padding:16px;cursor:pointer;transition:all .3s ease;font-size:12px;text-align:center;height:fit-content}.custom-button:hover{background-color:#fff;color:#111}@media only screen and (max-width: 700px){.service-section{flex-direction:column;justify-content:center;align-items:center}.reversed{flex-direction:column}.service-img{width:100%;height:50vh}.text-div{width:100%!important}.closeup-service-img,.carseat-service-img{display:none}}.startup-section-overall{display:grid;grid-template-columns:1fr 1fr;padding-top:20vh;height:fit-content;gap:100px}.startup-left-div{display:flex;flex-direction:column;gap:20px;height:100vh}.medium-text{font-size:20px}.startup-right-div{display:grid;grid-auto-rows:250px;gap:300px}.startup-right-div .startup-text-div{font-family:customBold;background-color:#202020;border-radius:20px;padding:20px;box-shadow:1px 2px 10px #2f2f2f;transform-origin:top;z-index:1;-webkit-transition:box-shadow .3s ease-out;-moz-transition:box-shadow .3s ease-out;-ms-transition:box-shadow .3s ease-out;-o-transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out;display:flex;align-items:center;font-size:max(1.5vw,18px);letter-spacing:1px;line-height:1.8em}.startup-right-div .startup-text-div:hover{box-shadow:0 0 10px #404040}.huge-heading{font-size:max(2.2vw,32px);margin-bottom:12px}@media only screen and (max-width: 700px){.startup-section-overall{display:flex;flex-direction:column;padding-bottom:50vh}.startup-left-div{height:fit-content}}#projects-section{display:flex;flex-direction:column}#projects-section span{padding-bottom:20px}#projects-section .seperator{margin-bottom:40px}.projects-overall{display:flex;flex-direction:column;gap:60px;margin-top:60px}.project-showcase-div{width:100%;display:flex;flex-direction:column;gap:32px;opacity:0;transform:translateY(100px)}.tags-outer-div{display:flex;flex-direction:row;gap:12px}.tags-outer-div .tag-div{background-color:var(--darkGray);width:fit-content;padding:12px 20px;border-radius:30px}.sub-headline{font-size:max(2.5vw,26px)}.img-div{overflow:hidden;width:100%;height:80vh}.img-div img{height:100%;width:100%;object-fit:cover;cursor:pointer;-webkit-transition:transform .3s ease-out;-moz-transition:transform .3s ease-out;-ms-transition:transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out}.img-div img:hover{transform:scale(1.08)}#progress-section{padding-left:0;padding-bottom:200px;display:grid;grid-auto-rows:90vh;width:90%}#progress-section .section{overflow:auto;display:grid;grid-template-columns:20% 1fr;height:100%;gap:40px}#progress-section .section .svg-container{display:flex;flex-direction:column;align-items:center;position:relative}#progress-section .section .svg-container .svg-circle-container{position:relative;height:fit-content;width:100%;display:flex;justify-content:center;align-items:center}#progress-section .section .svg-container .progress-number{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:max(3.5vw,22px);font-family:customBold}#progress-section .section .svg-container svg{overflow:visible;fill:transparent;stroke:var(--primary);stroke-width:2px;stroke-dasharray:471;stroke-dashoffset:471;padding:20px 0 14px}.animate-circle svg{animation:circle-animation 1.5s ease;animation-fill-mode:forwards}.animate-circle .vertical-divider{width:2px;background-color:var(--primary);animation:vertical-divider-animation 1.5s ease 1.5s;animation-fill-mode:forwards}.progress-text-div{position:relative;display:flex;flex-direction:column;gap:20px;padding-top:35px;opacity:0;transform:translateY(-100px)}.progress-text-div p{font-size:max(1.5vw,14px);line-height:2em;width:100%}@keyframes circle-animation{0%{stroke-dashoffset:471}to{stroke-dashoffset:0}}@keyframes vertical-divider-animation{0%{height:0%}to{height:100%}}@media only screen and (max-width: 1100px){.svg-container svg{transform:scale(.8)}}@media only screen and (max-width: 700px){.svg-container svg{transform:scale(.65)}}@media only screen and (max-width: 550px){.svg-container svg{transform:scale(.5)}.progress-text-div{padding-top:65px}#progress-section{grid-auto-rows:100vh}}@media only screen and (max-width: 450px){.svg-container svg{transform:scale(.35)}}#contact-session{padding-bottom:40px;display:grid;grid-template-columns:2fr 3fr;justify-content:center;align-items:center;gap:60px}#contact-session form{display:flex;flex-direction:column;gap:40px;opacity:0;transform:translateY(100px)}#contact-session h1{align-self:start}label{display:block;font-family:customRegular;text-transform:uppercase;font-size:max(1.1vw,12px);letter-spacing:2px}.input-field{box-sizing:border-box;margin-top:12px;background-color:transparent;outline:none;border:2px solid var(--darkGray);border-radius:max(1.4vw,30px);width:100%;padding:20px;color:#fff;font-size:max(1.1vw,16px);font-family:customRegular;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-ms-transition:border .3s ease;-o-transition:border .3s ease;transition:border .3s ease}.input-field:hover{border-color:#303030}.input-field:focus{border-color:var(--primary)}.text-area{min-height:150px}.input-hori-div{display:grid;grid-template-columns:1fr 1fr;gap:80px}.submit-div{width:100%;position:relative;background-color:#ebebeb;cursor:pointer;margin:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.submit-div:hover{background-color:var(--primary);color:#fff}.submit-button{color:#111;font-family:customBold;width:100%;height:100%;border:none;background-color:transparent;font-size:max(1.1vw,16px);min-height:20px}.lds-ripple{display:inline-block;position:absolute;width:40px;height:40px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.lds-ripple div{position:absolute;border:4px solid #111;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:50%;left:50%;width:0;height:0;opacity:0}4.9%{top:50%;left:50%;width:0;height:0;opacity:0}5%{top:50%;left:50%;width:0;height:0;opacity:1}to{top:0;left:0;width:100%;height:100%;opacity:0}}@media only screen and (max-width: 1100px){#contact-session{display:flex;flex-direction:column}#contact-session form{width:100%}.input-hori-div{display:flex;flex-direction:column;gap:40px}}#project-page{display:flex;flex-direction:column;margin-top:120px;gap:20px}#project-page .description-text{width:50%}#project-page .project-content-div{display:flex;flex-direction:column;gap:80px;padding-bottom:80px}#project-page .project-text-div{display:flex;flex-direction:column;gap:20px;opacity:0;transform:translate(100px)}#project-page .project-headline-div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;overflow:hidden}#project-page .project-headline-div .project-headline{text-align:center;transform:translateY(100px)}.project-info-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.project-info-div a{font-size:20px;text-decoration:underline;-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-ms-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out}.project-info-div a:hover{color:var(--primary)}.cover-img-div{position:relative}.cover-img{width:100vw;height:70vh;object-fit:cover;filter:brightness(.6)}.buble-text{text-transform:uppercase;font-size:16px;border:1px solid white;width:fit-content;border-radius:40px;padding:12px 20px}.project-img{width:100%;height:100%;object-fit:cover;-webkit-transition:transform .3s ease-out;-moz-transition:transform .3s ease-out;-ms-transition:transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out}.project-img:hover{transform:scale(1.08)}.project-img-container{width:100%;height:80vh;position:relative;overflow:hidden}.project-img-container .project-img-cover{background-color:var(--primary);width:100%;height:100%;position:absolute;z-index:1;pointer-events:none}