*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--primary-font: Mokoko, serif;--secondary-font: Inter, sans-serif;--text-color: #b8daff;--menu-text-color: #ff6f61;--line-height: 1.5;--font-weight: 400;--font-synthesis: none;--text-rendering: optimizeLegibility}body{font-family:var(--secondary-font);line-height:var(--line-height);font-weight:var(--font-weight);color:var(--text-color);background-color:#000;background-position:center;background-attachment:fixed;text-rendering:var(--text-rendering);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/images/hero/starfield.png)}section{padding-top:2rem;padding-bottom:2rem}a,h1,h2,h3,h4,h5,h6{font-family:var(--primary-font);font-weight:var(--font-weight);color:var(--text-color);text-decoration:inherit}p,button{font-family:var(--secondary-font)}button{all:unset}header{width:100%}.logo{width:42px;height:42px}.logo-link{display:flex;flex-direction:column;justify-content:center;align-items:center}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:35px 30px;position:fixed;width:100%;top:0;left:0;z-index:10}.menu-toggle{cursor:pointer;z-index:3}.hamburger-menu{border:3px solid #b8daff;border-radius:10px;padding:6px;transition:all ease .3s}.hamburger-menu:hover{box-shadow:0 0 10px #b8daff}.main-nav.menu-open .hamburger-menu{border-color:transparent}.bar{width:25px;height:3px;background-color:#b8daff;border-radius:15px;margin:5px 0;transition:all .3s ease}.menu-toggle .hamburger-menu .bar:hover{box-shadow:0 0 10px #b8daff}.menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;opacity:.75;font-family:mokoko,serif;font-weight:800;font-size:3rem;z-index:1;flex-direction:column;justify-content:center;align-items:center;transition:all ease .3s;transform:translateY(-100%)}.main-nav.menu-open .menu{display:flex;transform:translateY(0);opacity:1}.menu li{list-style:none;margin:2rem 0;opacity:0;transform:translateY(30px);transition:all .4s ease-out}.menu li:nth-child(1){transition-delay:.2s}.menu li:nth-child(2){transition-delay:.3s}.menu li:nth-child(3){transition-delay:.4s}.menu li:nth-child(4){transition-delay:.5s}.menu a{text-decoration:none;color:#a0d5f9;font-size:2rem;font-weight:700;letter-spacing:1px;position:relative;transition:color .3s ease,transform .3s ease}.menu a:hover{color:#ff6f61;transform:translateY(-5px)}.menu a:after{content:"";position:absolute;width:100%;height:2px;background-color:#ff6f61;bottom:0;left:0;transform:scaleX(0);transition:transform .3s ease}.menu a:hover:after{transform:scaleX(1)}.main-nav.menu-open .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.main-nav.menu-open .bar:nth-child(2){opacity:0}.main-nav.menu-open .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.main-nav.menu-open .menu li{opacity:1;transform:translateY(0)}.hero-container{position:relative;width:100%;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding-top:10rem;padding-bottom:2rem}canvas{cursor:grab}canvas:active{cursor:grabbing}.moon{width:300px;height:300px;border-radius:50%;z-index:1}h1{font-weight:800;font-style:normal;margin:20px auto 50px;font-size:clamp(1.75rem,5vw,4rem)}.hero-container button{background-color:transparent;color:#b8daff;font-family:Inter,sans-serif;font-size:1.2rem;font-optical-sizing:auto;font-weight:700;font-style:normal;border:2px solid #b8daff;border-radius:20px;padding:20px 30px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #c7e4ffb3}.hero-container button:hover{background-color:#b8daff;color:#000;box-shadow:0 0 10px #b8daff,0 0 15px #b8daff}button:active{transform:scale(.97);box-shadow:0 0 10px #a0d5f9}.ourWork-container{display:flex;flex-direction:column;align-items:center;padding-top:4rem}.ourWork-container h1{margin:0 0 0 -2px;width:375px}.ourWork-container p{padding-bottom:10px;font-size:clamp(1rem,2vw,1.2rem);width:375px}.ourWork-projects{display:flex;flex-direction:column;align-items:center;width:375px;height:600px;background-color:var(--text-color);border-radius:10px;overflow:hidden}.project-image{width:350px;height:425px;margin-top:10px;margin-bottom:20px;border-radius:10px;background-image:url(/assets/images/work/sog.png);background-position:center;background-size:cover;background-repeat:no-repeat}h3{color:#000;width:350px;font-size:clamp(1.25rem,2vw,2rem);padding-bottom:5px}.ourWork-projects p{color:#000;font-size:clamp(1rem,2vw,1.5rem);width:350px}.project-job-type{display:flex;flex-direction:row;width:350px;padding:8px 10px 10px 0}.project-type{font-family:var(--secondary-font);color:#000;border:#000 2px solid;padding:5px;border-radius:10px;margin-right:10px}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.about-container h2{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;line-height:1.2;padding-bottom:1rem;width:375px;text-align:center}.about-container p{font-size:clamp(1rem,2vw,1.5rem);width:375px;text-align:center}.contact-container{display:flex;flex-direction:column;align-items:center}.contact-form{display:flex;flex-direction:column;align-items:left;gap:20px;width:358px}.contact-container h1{margin-top:0;text-align:left;margin-bottom:20px;font-weight:700;width:358px}input,textarea{border:2px solid #a0d5f9;padding:15px 20px;border-radius:10px;background-color:transparent;color:#a0d5f9;box-shadow:0 0 10px #c7e4ffb3;transition:all .3s ease;font-family:Inter,sans-serif;font-optical-sizing:auto;font-size:1rem}input:focus,textarea:focus{outline:none;box-shadow:0 0 10px #b8daff,0 0 15px #b8daff;filter:blur(.2px)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}input[type=number]{-moz-appearance:textfield}textarea{scrollbar-width:none;resize:none}textarea::-webkit-scrollbar{display:none}.contact-container button{font-family:var(--secondary-font);background-color:transparent;color:#b8daff;border:2px solid #b8daff;text-align:center;width:100px;padding:10px;border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #c7e4ffb3}.contact-container button:hover{background-color:#b8daff;color:#000;box-shadow:0 0 10px #b8daff,0 0 15px #b8daff}footer{display:flex;flex-direction:column;justify-content:center;margin-top:100px;margin-bottom:50px}footer p{text-align:center;font-size:.8rem}@media (min-width: 768px){.ourWork-container h1,.ourWork-container p{width:500px}.ourWork-projects{width:500px;height:800px}.project-image{width:480px;height:600px}.ourWork-projects h3,.ourWork-projects p,.project-job-type{width:480px}.about-container h2{width:500px}.about-container p{width:450px}.contact-form,.contact-container h1{width:500px}.contact-container button{width:100px}footer p{font-size:1rem}}@media (min-width: 1280px){.ourWork-container h1,.ourWork-container p{width:600px}.ourWork-projects{width:600px;height:900px}.project-image{width:580px;height:700px}.ourWork-container h3{width:580px}.ourWork-projects p{width:580px;text-align:left}.project-job-type{width:580px}.about-container h2,.about-container p,.contact-form,.contact-container h1{width:600px}footer p{font-size:1.2rem}}@media (min-width: 1500px){.logo{width:60px;height:60px}.main-nav{padding:50px 40px}.hamburger-menu{padding:10px}}