@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&display=swap";*{font-family:Oxanium;margin:0}body{background-color:#191919;transition:background-color .3s;overflow-x:hidden}html{scroll-behavior:smooth}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.overlay.show{opacity:1;pointer-events:auto}.scroll{margin:-100px 200px 0;position:relative}.scroll h1{width:11rem;color:#faf7f0;font-size:15px;letter-spacing:5px;text-align:center;font-weight:100;opacity:60%;animation:bounce 2.4s ease-in-out infinite}.scroll:before{content:"";position:absolute;left:5.3rem;top:200%;height:400px;width:1px;background-color:#faf7f0;opacity:30%}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.scramble-link{white-space:nowrap;text-align:center;overflow:hidden}@media only screen and (max-width: 1629px){.scroll{margin:-60px 100px 0}}@media only screen and (max-width: 1400px){.scroll{margin:-100px 100px 0}}@media only screen and (max-width: 1200px){.scroll{margin:-120px 50px 0}}@media only screen and (max-width: 1000px){.scroll{margin:-40px 50px 0}}@media only screen and (max-width: 800px){.scroll{margin:-30px 20px 0}}@media only screen and (max-width: 500px){.scroll{margin:-100px 20px 0}.scroll h1{width:9rem;color:#faf7f0;font-size:10px;letter-spacing:5px;text-align:center;font-weight:100}.scroll:before{content:"";position:absolute;left:4.3rem;top:200%;height:400px;width:1px;background-color:#faf7f0;opacity:50%}}.nav-bar{margin:40px 200px;display:flex;justify-content:space-between;align-items:center;z-index:2}.logo{text-decoration:none;color:#faf7f0;letter-spacing:2px;font-weight:900}.nav-ul{display:flex;gap:25px}.nav-ul li{list-style-type:none}.nav-ul li a{text-decoration:none;color:#faf7f0;letter-spacing:2px}.nav-toggle{display:none}@media only screen and (max-width: 1629px){.nav-bar{margin:40px 100px}}@media only screen and (max-width: 1200px){.nav-bar{margin:40px 50px}}@media only screen and (max-width: 800px){.nav-bar{margin:30px 20px}.nav-toggle{margin-top:10px;display:block;cursor:pointer;z-index:2}.bar{width:25px;height:3px;background-color:#faf7f0;margin:5px 0;transition:.4s}.bar:nth-child(4){opacity:0}.bar:nth-child(3){opacity:0}.change .bar:nth-child(1){transform:translate(0);background-color:#faf7f0}.change .bar:nth-child(2){transform:rotate(90deg) translate(3px,11px);background-color:#faf7f0}.change .bar:nth-child(3){transform:rotate(90deg) translate(-3px,-11px);background-color:#faf7f0;opacity:1}.change .bar:nth-child(4){transform:translate(0);background-color:#faf7f0;opacity:1}.nav-links{display:none}.nav-links.show{display:flex;right:0;margin-top:10px;margin-right:30px;z-index:2;justify-content:center;align-items:center;position:fixed;top:50px;background-color:#faf7f0;width:12rem;height:30vh;text-align:center;border-radius:10px}.nav-ul{flex-direction:column;padding-left:0;margin-left:0}.nav-ul li a{font-size:25px;color:#191919}}@media only screen and (max-width: 375px){.nav-bar{margin:30px 20px}.nav-toggle{margin-top:10px;display:block;cursor:pointer;z-index:2}.bar{width:25px;height:3px;background-color:#faf7f0;margin:5px 0;transition:.4s}.bar:nth-child(4){opacity:0}.bar:nth-child(3){opacity:0}.change .bar:nth-child(1){transform:translate(0);background-color:#faf7f0}.change .bar:nth-child(2){transform:rotate(90deg) translate(3px,11px);background-color:#faf7f0}.change .bar:nth-child(3){transform:rotate(90deg) translate(-3px,-11px);background-color:#faf7f0;opacity:1}.change .bar:nth-child(4){transform:translate(0);background-color:#faf7f0;opacity:1}.nav-links{display:none}.nav-links.show{display:flex;right:0;margin-top:10px;margin-right:30px;z-index:2;justify-content:center;align-items:center;position:fixed;top:50px;background-color:#faf7f0;width:12rem;height:30vh;text-align:center;border-radius:10px}.nav-ul{flex-direction:column;padding-left:0;margin-left:0}.nav-ul li a{font-size:20px;color:#191919}}.header{display:flex;margin:0 200px;justify-content:space-between;align-items:center}.left-header{position:relative;width:60%;margin-top:200px;margin-bottom:200px}.header-h1 h1{color:#faf7f0;font-size:110px;font-weight:100;letter-spacing:2px}.header-h1 h1 span{font-weight:900}.left-header h6{margin-top:40px;color:#faf7f0;margin-bottom:20px;font-size:20px;font-weight:100;letter-spacing:1.5px}.left-header h6 span{font-weight:900}.left-header a{width:200px!important;color:#191919;background-color:#faf7f0;text-decoration:none;padding:10px 20px;border-radius:6px;font-weight:600}.left-image{position:absolute;width:30rem;top:59%;left:36%}.left-image img{width:100%}.right-header{width:45rem}.right-header img{width:100%}@media only screen and (max-width: 1629px){.header{margin:0 100px}.left-header{margin-top:100px;margin-bottom:200px}.left-image{width:30rem;top:57%;left:200px}.left-image img{width:100%}.header-h1{width:42rem}.header-h1 h1{font-size:6rem}.right-header{width:45rem}}@media only screen and (max-width: 1200px){.header{margin:0 50px}.left-header{width:100%;margin-top:100px;margin-bottom:200px}}@media only screen and (max-width: 800px){.header{margin:0 20px}.left-header{width:100%;margin-top:100px;margin-bottom:200px}.left-image{width:20rem;top:54%;left:160px}.left-image img{width:100%}.header-h1{width:30rem;line-height:80px}.header-h1 h1{font-size:4.2rem}.left-header h6{font-size:15px}.right-header{display:none}}@media only screen and (max-width: 500px){.header{margin:0 20px}.left-header{width:100%;margin-top:150px;margin-bottom:200px}.left-image{width:12rem;top:47%;left:125px}.left-image img{width:100%}.header-h1{width:20rem;line-height:50px}.header-h1 h1{font-size:2.7rem}.left-header h6{margin-top:30px;font-size:12px}.left-header a{font-size:12px}.right-header{display:none}}@media only screen and (max-width: 340px){.header{margin:12rem 20px}.left-header{width:100%}.left-image{width:18rem;top:28%;left:5%}.left-image img{width:100%}.header-h1{width:20rem;line-height:50px}.header-h1 h1{font-size:2.7rem}.left-header h6{margin-top:15px;font-size:12px}.left-header a{font-size:12px}.right-header{display:none}}.about{margin:450px 200px 100px}.about h1{color:#faf7f0;font-size:80px;letter-spacing:3px}.about p{color:#faf7f0;font-weight:100;line-height:30px;letter-spacing:1px;font-size:15px}@media only screen and (max-width: 1629px){.about{margin:450px 100px 100px}}@media only screen and (max-width: 1200px){.about{margin:450px 50px 100px}}@media only screen and (max-width: 800px){.about{margin:450px 20px 200px}.about h1{font-size:50px;letter-spacing:3px}}.projects{margin:200px 200px 100px}.project-h1{color:#faf7f0;font-size:80px;letter-spacing:3px;margin-bottom:15px}.project-slide{display:flex!important;gap:30px;position:relative}.project-image-p1,.project-image-p2,.project-image-p3{background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:50vh;left:0;z-index:2;transition:width 1s ease;background-color:#faf7f0}.project-image-p1{background-image:url(/assets/bencladding-BTpIikzH.png)}.project-image-p2{background-image:url(/assets/greenviro-DGaKgJJj.png)}.project-image-p3{background-image:url(/assets/palbites-KolYt-X0.png)}.project-content{margin-top:25px;width:50%;position:relative;z-index:1;opacity:0;transition:opacity .8s ease}.project-content h1{color:#faf7f0;font-size:50px;letter-spacing:2px;font-weight:400}.project-content p{color:#faf7f0;line-height:30px;letter-spacing:1px;font-weight:100;font-size:15px;margin-bottom:20px}.project-content a{width:100px!important;background-color:#faf7f0;color:#191919;padding:12px 20px;font-weight:600;text-decoration:none;border-radius:2px;font-size:13px}.project-content h6{color:#faf7f0;position:absolute;bottom:40px;font-size:12px;letter-spacing:1px;font-weight:100}.project-content h2{position:absolute;bottom:-37px;right:0;font-size:100px;padding:0;margin:0;color:#faf7f0;opacity:50%;font-weight:400}.swiper-slide-active .project-image-p1,.swiper-slide-active .project-image-p2,.swiper-slide-active .project-image-p3{width:100%;z-index:1}.swiper-slide-active .project-content{opacity:1}.swiper-navigation{display:flex;position:absolute;bottom:0;gap:5px}.swiper-button-prev:after,.swiper-button-next:after{display:none!important}.swiper-button-prev,.swiper-button-next{position:static!important;color:#000!important;font-size:25px!important;cursor:pointer;background-color:#fff;padding:0;margin:0;width:2rem!important;height:50%!important}@media only screen and (max-width: 1629px){.projects{margin:100px;overflow-x:hidden;padding:100px 0}}@media only screen and (max-width: 1200px){.projects{margin:100px 50px;overflow-x:hidden;padding:100px 0}}@media only screen and (max-width: 800px){.projects{margin:-50px 20px 100px;overflow-x:hidden;padding:100px 0}.project-content{margin-top:10px;width:100%;position:relative;z-index:1;opacity:0;transition:opacity .8s ease}.project-h1{color:#faf7f0;font-size:50px;letter-spacing:3px;margin-bottom:15px}}@media only screen and (max-width: 500px){.projects{margin:100px 20px 200px;overflow-x:hidden;overflow-y:hidden;padding:0}.project-content{margin-top:10px;width:100%;position:relative;z-index:1;opacity:0;transition:opacity 3s ease}.project-content h1{font-size:30px}.project-content p{font-size:12px}.project-content h6{font-size:10px}}.project-tabs{display:flex;gap:0;margin-bottom:50px;border-bottom:.1px solid rgba(250,247,240,.15)}.tab-btn{background:none;border:none;cursor:pointer;color:#faf7f0;font-family:Oxanium;font-size:12px;letter-spacing:5px;text-transform:uppercase;font-weight:400;padding:10px 30px 12px 0;opacity:.3;transition:opacity .2s ease}.tab-btn.active{opacity:1}.tab-btn:hover{opacity:.7}.tab-btn.active:hover{opacity:1}.project-card{display:flex;gap:40px;align-items:flex-start}.project-card-image{background-repeat:no-repeat;background-size:cover;background-position:center;width:50%;height:50vh;flex-shrink:0}.project-card-image.inventrixs-img{background-image:url(/assets/inventrixs-BwrsScaP.png);background-color:#111827}.project-card-image.bencladding-img{background-image:url(/assets/bencladding-BTpIikzH.png);background-color:#faf7f0}.project-card-image.palbites-img{background-image:url(/assets/palbites-KolYt-X0.png);background-color:#faf7f0}.project-card-content{width:50%;padding-top:25px;position:relative;min-height:50vh}.project-card-content h1{color:#faf7f0;font-size:50px;letter-spacing:2px;font-weight:400;margin-bottom:15px}.project-card-content p{color:#faf7f0;line-height:30px;letter-spacing:1px;font-weight:100;font-size:15px;margin-bottom:20px}.project-card-content a{background-color:#faf7f0;color:#191919;padding:12px 20px;font-weight:600;text-decoration:none;border-radius:2px;font-size:13px}.card-links{display:flex;gap:10px;flex-wrap:wrap}.card-link-secondary{background-color:transparent!important;color:#faf7f0!important;border:.1px solid rgba(250,247,240,.4)!important}.project-card-content h6{color:#faf7f0;position:absolute;bottom:40px;font-size:12px;letter-spacing:1px;font-weight:100}.project-card-content h2{position:absolute;bottom:-37px;right:0;font-size:100px;color:#faf7f0;opacity:50%;font-weight:400;line-height:1}@media only screen and (max-width: 800px){.project-card{flex-direction:column;gap:15px}.project-card-image{width:100%;height:30vh}.project-card-content{width:100%;min-height:unset;padding-top:10px;padding-bottom:80px}.project-card-content h1{font-size:30px}.project-card-content p{font-size:12px;line-height:22px}.project-card-content h6{font-size:10px}}@media only screen and (max-width: 500px){.project-category{margin-bottom:80px}.project-card-content h2{font-size:60px;bottom:-20px}}.tech-stack{margin:150px 200px 100px}.tech-h1{color:#faf7f0;font-size:80px;letter-spacing:3px;margin-bottom:50px}.tech-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.tech-category h3{font-size:11px;letter-spacing:5px;text-transform:uppercase;color:#faf7f0;opacity:.4;font-weight:400;margin-bottom:20px;padding-bottom:10px;border-bottom:.1px solid rgba(250,247,240,.15)}.tech-items{display:flex;flex-direction:column;gap:12px}.tech-item{color:#faf7f0;font-size:15px;font-weight:100;letter-spacing:1px}@media only screen and (max-width: 1629px){.tech-stack{margin:100px}}@media only screen and (max-width: 1200px){.tech-stack{margin:0 50px}.tech-categories{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 800px){.tech-stack{margin:50px 20px 0}.tech-h1{font-size:50px}.tech-categories{grid-template-columns:repeat(2,1fr);gap:30px}}@media only screen and (max-width: 500px){.tech-categories{grid-template-columns:repeat(1,1fr)}}.contact{margin:200px 200px 100px}.contact h1{font-size:80px;color:#faf7f0;letter-spacing:3px}.contact p{color:#faf7f0;font-weight:100;line-height:30px;letter-spacing:1px;font-size:15px;margin-bottom:10px}.connect{display:flex;gap:25px;align-items:center}.connect a{text-decoration:none;color:#191919;padding:10px 15px;background-color:#faf7f0;border-radius:5px;font-size:15px;font-weight:600;letter-spacing:1px}.connect h2{font-size:15px;color:#faf7f0;letter-spacing:1px;font-weight:400}@media only screen and (max-width: 1629px){.contact{margin:100px}}@media only screen and (max-width: 1200px){.contact{margin:100px 50px}}@media only screen and (max-width: 800px){.contact{margin:-50px 20px 100px}.contact h1{font-size:50px}.connect{display:flex;gap:10px;align-items:center}.connect a{font-size:12px}.connect h2{font-size:10px}}@media only screen and (max-width: 500px){.contact{margin:200px 20px}.contact h1{font-size:50px}.connect{display:flex;gap:10px;align-items:center}.connect a{font-size:12px}.connect h2{font-size:10px}}.footer{margin:200px 200px 10px;display:flex;justify-content:space-between;align-items:center;border-top:.1px solid rgba(243,243,243,.5)}.footer h1{margin-top:10px;font-size:15px;color:#faf7f0;letter-spacing:1px;font-weight:100}.footer-icons{display:flex;gap:10px;margin-top:10px}.footer-icons a{text-decoration:none;color:#faf7f0;font-size:20px}@media only screen and (max-width: 1629px){.footer{margin:200px 100px 10px}}@media only screen and (max-width: 1200px){.footer{margin:200px 50px 10px}}@media only screen and (max-width: 800px){.footer{margin:100px 20px 10px}.footer h1{margin-top:10px;font-size:10px}.footer-icons{display:flex;gap:10px;margin-top:10px}.footer-icons a{text-decoration:none;color:#faf7f0;font-size:15px}}@media only screen and (max-width: 500px){.footer{margin:100px 20px 10px}.footer h1{margin-top:10px;font-size:10px}.footer-icons{display:flex;gap:10px;margin-top:10px}.footer-icons a{text-decoration:none;color:#faf7f0;font-size:15px}}