:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.archi-font{font-family:Architects Daughter,cursive;font-weight:400;font-style:normal}*{font-family:Roboto,system-ui;font-weight:400;font-style:normal;margin:0;box-sizing:border-box}a{color:inherit;text-decoration:inherit}h1{font-size:80px;font-weight:600}h2{font-size:60px;font-weight:500}h3{font-size:40px;font-weight:400}h4{font-size:25px;font-weight:300}body{background-color:#1e1e1e;color:#e6e6e6}nav{display:flex;position:absolute;justify-content:space-between;padding:3rem 10rem;left:0;right:0;z-index:50}nav ul{display:flex;gap:45px;list-style-type:none;margin:0;padding:0}nav ul .nav-link{color:#747474}nav ul .nav-link:hover{text-decoration:underline}nav ul .nav-link.active{color:#efefef;cursor:default}.hero-container{padding:0;position:relative;overflow:hidden;height:100vh}.hero-container .hider{background-color:#171921;height:100%;width:100%;top:0;position:absolute;z-index:30}.hero-container h1{position:relative;z-index:10;top:10%;font-weight:800;color:#fff;font-size:21vw;-webkit-text-stroke:10px white;color:transparent}.hero-container h1 span{font-weight:800;color:#fff;font-size:21vw;-webkit-text-stroke:10px white}.hero-container .hero-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-o-object-fit:cover;object-fit:cover}.hero-container .mask-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;-o-object-fit:cover;object-fit:cover}.hero-container .hero-content{position:absolute;bottom:40%;left:10rem;right:10rem}.hero-container .hero-content .hero-subtitle{color:#f79c57;margin-bottom:3rem}.about-container .about-header-container{flex:1.5}.about-container .about-header-container .about-header{font-weight:400;color:#f79c57;font-size:25px;margin-bottom:2rem}.about-container .about-header-container h2{font-size:6vh}.about-container .about-content{flex:1;width:45rem}.about-container .about-content p{color:#bababa;font-size:14px;line-height:2.5em;margin-bottom:5rem}.about-container .about-content .about-btn{width:10rem;height:2.5rem;border:1px solid white;background-color:transparent;color:#fff;cursor:pointer}.detail-container{padding:8rem 13rem;display:flex;gap:75px;min-height:50vh}@media (max-width: 1530px){.detail-container{padding:8rem 5rem}}@media (max-width: 1300px){.detail-container{flex-direction:column}}@media (max-width: 1530px){.detail-container{padding:8rem 10rem}}.detail-container .detail-header{writing-mode:vertical-lr;text-orientation:mixed;font-weight:400;color:#f79c57;font-size:25px}@media (max-width: 1300px){.detail-container .detail-header{text-orientation:sideways;writing-mode:horizontal-tb}}.detail-container.service-container .services-items{display:flex;flex:1;gap:5rem}@media (max-width: 1100px){.detail-container.service-container .services-items{flex-direction:column}}.detail-container.service-container .services-items .service-box{display:flex;flex-direction:column;gap:25px}@media (max-width: 1100px){.detail-container.service-container .services-items .service-box{align-items:center}}.detail-container.service-container .services-items .service-box svg{fill:#fff;height:3rem;width:3rem}.detail-container.service-container .services-items .service-box p{color:#bababa;font-size:14px;line-height:2em}@media (max-width: 1530px){.detail-container.service-container .services-items .service-box p{font-size:12px}}.project-container{position:relative;background-color:#171921;height:300vh;display:flex}.project-container .project-content{flex:1;position:sticky;top:0;display:flex;gap:1rem;justify-items:center;height:100vh;padding:5rem;overflow:hidden}.project-container .project-content .project-details{flex:.2}.project-container .project-content .project-details h1{-webkit-text-stroke:2px #f79c57;color:transparent;writing-mode:vertical-lr;text-orientation:mixed;font-weight:400;font-size:15vh}.project-container .project-content .gallery-container{flex:1;position:relative;height:100%;overflow:hidden}.project-container .project-content .gallery-container .gallery-box{position:absolute;display:flex;top:0;bottom:0;gap:2rem;overflow:hidden}.project-container .project-content .gallery-container .gallery-box .img-container{height:100%;width:37vw}.project-container .project-content .gallery-container .gallery-box .img-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-about-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#171921;position:relative;z-index:1}.main-about-container .about-hero{height:74vh;width:100%;position:relative}.main-about-container .about-hero img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;background-color:transparent}.main-about-container .about-hero .hider{background-color:#171921;height:100%;width:100%;top:0;position:absolute;z-index:5}.main-about-container .about-hero .grade{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#0000008d;display:flex;align-items:center;justify-content:center}.main-about-container .about-hero .about-hero-text-container{position:absolute;bottom:5vw;left:5rem}.main-about-container .about-hero .about-hero-text-container h3{color:#f7921f;font-size:2vw}.main-about-container .about-hero .about-hero-text-container h1{color:#fff;font-size:5vw;font-weight:500;line-height:1.4em;letter-spacing:.1em}.main-about-container .vid-container{position:fixed;top:0;left:0;right:0;height:100vh;z-index:-1}.main-about-container .vid-container video{opacity:5%;min-height:100%;min-width:100%}.main-about-container .about-description{display:flex;gap:5rem;width:80rem;padding:15rem 0}.main-about-container .about-description .img-container{height:25rem}.main-about-container .about-description .img-container img{height:100%;-o-object-fit:cover;object-fit:cover}.main-about-container .about-description .description-content h2{margin-bottom:2rem;color:#e0711d}.main-about-container .about-description .description-content p{line-height:1.75em;color:#bababa}.main-about-container .about-quote{width:40rem;display:flex;flex-direction:column;align-items:center}.main-about-container .about-quote svg{width:10rem;fill:#e0711d}.main-about-container .about-quote p{line-height:35px;color:#bababa}.main-about-container .about-quote .author{margin-top:1rem;color:#939393}.main-about-container .overlap-grid{width:80rem;display:flex;flex-direction:column;margin:15rem auto;line-height:2em}.main-about-container .overlap-grid .container{display:flex;gap:2rem;height:35rem}.main-about-container .overlap-grid .container.top{text-align:right}.main-about-container .overlap-grid .container.bottom{margin-top:-3rem;align-items:flex-end}.main-about-container .overlap-grid .container .content-container{flex:1}.main-about-container .overlap-grid .container .img-container{height:100%;flex:1}.main-about-container .overlap-grid .container .img-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-about-container .founders-container{width:100%;padding:10rem 0;background-color:#1c1f29}.main-about-container .founders-container h2{text-align:center;color:#e0711d;margin-bottom:5rem}.main-about-container .founders-container .founders-content{width:80rem;margin:auto;display:flex;gap:5rem}.main-about-container .founders-container .founders-content .founders-item{height:70vh;flex:1;background-color:#1c1f29;position:relative;overflow:hidden;border-radius:10px;box-shadow:7px 12px 18px -7px #2d385c42}.main-about-container .founders-container .founders-content .founders-item h4{font-weight:500;position:absolute;bottom:1.5rem;left:2rem;right:0;z-index:20}.main-about-container .founders-container .founders-content .founders-item .animation-container{width:100%;height:100%}.main-about-container .founders-container .founders-content .founders-item .animation-container .grade{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;background-color:#1c1f29;opacity:30%}.main-about-container .founders-container .founders-content .founders-item .animation-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-service-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#171921;position:relative;z-index:1;overflow-x:hidden}.main-service-container .service-hero{height:74vh;width:100%;position:relative}.main-service-container .service-hero img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.main-service-container .service-hero .hider{background-color:#171921;height:100vh;width:100vw;top:0;position:absolute;z-index:5}.main-service-container .service-hero .grade{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#0000008d;display:flex;align-items:center;justify-content:center}.main-service-container .service-hero .service-hero-text-container{position:absolute;bottom:5vw;left:5rem}.main-service-container .service-hero .service-hero-text-container h3{color:#f7921f;font-size:2vw}.main-service-container .service-hero .service-hero-text-container h1{color:#fff;font-size:5vw;font-weight:500;line-height:1.4em;letter-spacing:.1em}.main-service-container .service-description{background-color:#1c1f29;padding:26vh 5rem;width:100%}.main-service-container .service-description .service-content{display:flex;gap:5rem;width:80vw;margin:auto}.main-service-container .service-description .service-content .img-container{flex:1}.main-service-container .service-description .service-content .img-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-service-container .service-description .service-content .description-container{flex:1}.main-service-container .service-description .service-content .description-container h2{margin-bottom:2rem;color:#f79c57}.main-service-container .service-description .service-content .description-container p{line-height:2em;color:#adadad}.main-service-container .service-gallery-container{padding:5rem}.main-service-container .service-gallery-container h1{color:#f79c57;text-align:center;font-size:8em}.main-service-container .service-gallery-container .service-row{display:flex;gap:3rem;height:60vh;width:80vw;margin:10rem auto 25rem}.main-service-container .service-gallery-container .service-row .service-item.big{flex:2}.main-service-container .service-gallery-container .service-row .service-item.small{box-sizing:border-box;flex:1;height:60%}.main-service-container .service-gallery-container .service-row .service-item img{width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0 100%;object-position:0 100%;margin-bottom:1rem}.auth-container{min-height:100vh;background:#402009;background:radial-gradient(circle,#14161f,#0f1015);display:flex;padding:10rem 0}.auth-container .auth-card{display:flex;flex-direction:column;align-self:center;gap:1rem;margin:0 auto;width:30rem;padding:3rem;border:2px solid rgb(44,47,61);border-radius:10px;background-color:#0f1015}.auth-container .auth-card h1{margin-bottom:3rem}.auth-container .auth-card div{margin-bottom:.5rem}.auth-container .auth-card div label{color:#a4a4a4}.auth-container .auth-card div input{height:.5rem;border-radius:5px;border:1px solid rgb(57,62,81);background-color:#0a0b0f}.contact-container{display:flex;height:100vh;overflow:hidden;background-color:#171921}.contact-container .img-container{flex:.8;position:relative}.contact-container .img-container .grade{position:absolute;top:0;left:0;right:0;bottom:0}.contact-container .img-container .hider{position:absolute;top:0;width:100%;height:100%;z-index:40;background-color:#171921}.contact-container .img-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contact-container .contact-form-container{box-sizing:border-box;flex:1;color:#f79c57;padding:5rem}.contact-container .contact-form-container .contact-form{width:100%;margin-top:2.5rem}.contact-container .contact-form-container .contact-form .contact-input{margin-bottom:2rem}