@media (width<=768px){.navbar-inner{height:75px;padding:0 22px}.navbar-links{display:none}.menu-button{display:flex}.mobile-menu{opacity:0;visibility:hidden;background:#0a0a0af5;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:22px;padding:25px;transition:all .3s;display:flex;position:absolute;top:75px;left:18px;right:18px;transform:translateY(-10px)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu a{color:#fffc;font-size:16px;text-decoration:none;transition:color .3s}.mobile-menu a:hover{color:#fff}}@media (width<=480px){.navbar-inner{padding:0 18px}.navbar-logo{font-size:13px}.mobile-menu{left:15px;right:15px}}*{box-sizing:border-box;margin:0;padding:0}.hero{background:#000;width:100%;min-height:720px;position:relative;overflow:hidden}.hero-gradient{background:linear-gradient(135deg,#000 0%,#050505 50%,#111 100%);position:absolute;inset:0}.hero-content{z-index:2;align-items:center;max-width:1280px;min-height:720px;margin:0 auto;padding:80px 40px;display:flex;position:relative}.hero-inner{width:100%}.hero-label{color:#777;letter-spacing:4px;margin:0 0 18px;font-size:14px}.hero-inner h1{color:#fff;letter-spacing:-3px;max-width:900px;margin:0;font-size:clamp(48px,7vw,90px);line-height:1}.hero-inner h1 span{display:block}.hero-description{color:#888;max-width:550px;margin-top:25px;font-size:18px;line-height:1.6}.hero-button{z-index:10;color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;padding:18px 35px;font-size:15px;font-weight:600;transition:all .3s;position:absolute;bottom:-28px;right:40px}.hero-button:hover{transform:translateY(-4px)}@media (width<=1024px){.hero{min-height:650px}.hero-content{min-height:650px;padding:60px 32px}.hero-button{right:32px}}@media (width<=768px){.hero{min-height:600px}.hero-content{align-items:center;min-height:600px;padding:40px 22px}.hero-inner h1{letter-spacing:-1.5px;font-size:clamp(40px,11vw,58px)}.hero-description{font-size:15px}.hero-button{padding:15px 28px;bottom:-25px;right:22px}}@media (width<=480px){.hero{min-height:560px}.hero-content{min-height:560px;padding:30px 18px}.hero-inner h1{font-size:39px}.hero-button{width:calc(100% - 36px);bottom:-25px;left:18px;right:18px}}.services{color:#fff;background:#050505;width:100%;padding:140px 40px}.services-container{max-width:1280px;margin:0 auto}.services-heading{grid-template-columns:200px 1fr;gap:80px;margin-bottom:90px;display:grid}.services-label{align-items:flex-start;gap:15px;display:flex}.services-label span{color:#444;font-size:13px}.services-label p{color:#666;letter-spacing:3px;margin:0;font-size:12px}.services-title{max-width:850px}.services-title h2{letter-spacing:-3px;margin:0;font-size:clamp(50px,7vw,85px);line-height:.95}.services-title h2 span{color:#666;display:block}.services-title>p{color:#777;max-width:600px;margin:35px 0 0;font-size:17px;line-height:1.7}.services-grid{border-top:1px solid #222;border-left:1px solid #222;grid-template-columns:repeat(2,1fr);display:grid}.service-card{border-bottom:1px solid #222;border-right:1px solid #222;flex-direction:column;justify-content:space-between;min-height:330px;padding:35px;transition:background .4s;display:flex}.service-card:hover{background:#101010}.service-top{justify-content:space-between;align-items:center;display:flex}.service-top>span:first-child{color:#555;font-size:13px}.service-arrow{color:#666;font-size:25px;transition:all .3s}.service-card:hover .service-arrow{color:#fff;transform:translate(4px,-4px)}.service-content h3{letter-spacing:-1px;margin:0;font-size:32px;font-weight:500}.service-content p{color:#666;max-width:430px;margin:18px 0 0;font-size:15px;line-height:1.7}@media (width<=768px){.services{padding:100px 22px}.services-heading{grid-template-columns:1fr;gap:35px;margin-bottom:60px}.services-title h2{letter-spacing:-2px;font-size:52px}.services-title>p{font-size:15px}.services-grid{grid-template-columns:1fr}.service-card{min-height:280px;padding:28px}.service-content h3{font-size:27px}}@media (width<=480px){.services{padding:80px 18px}.services-title h2{font-size:42px}.service-card{min-height:250px;padding:24px}.service-content h3{font-size:24px}.service-content p{font-size:14px}}@media (width<=900px){.footer{padding:80px 30px 25px}.footer-top{grid-template-columns:1fr 1fr;gap:50px}.footer-big-text{letter-spacing:-5px;margin-top:90px;font-size:12vw}}@media (width<=600px){.footer{padding:70px 22px 25px}.footer-top{grid-template-columns:1fr 1fr;gap:45px 30px}.footer-brand{grid-column:1/-1}.footer-big-text{letter-spacing:-4px;margin-top:80px;font-size:17vw}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px;margin-top:60px}.footer-bottom-links{gap:20px}}@media (width<=400px){.footer{padding-left:18px;padding-right:18px}.footer-top{grid-template-columns:1fr;gap:35px}.footer-brand{grid-column:auto}.footer-big-text{font-size:19vw}}.navbar{z-index:100;background:0 0;width:100%;position:absolute;top:0;left:0}.navbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1280px;height:90px;margin:0 auto;padding:0 40px;display:flex}.navbar-logo{color:#fff;letter-spacing:2px;align-items:center;gap:7px;font-size:15px;text-decoration:none;display:flex}.navbar-logo span{color:#ffffff80;font-weight:400}.navbar-logo strong{color:#fff;font-weight:700}.navbar-links{align-items:center;gap:42px;display:flex}.navbar-links a{color:#ffffffb3;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.navbar-links a:after{content:"";background:#fff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-7px;left:0}.navbar-links a:hover{color:#fff}.navbar-links a:hover:after{width:100%}.menu-button{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;width:42px;height:42px;padding:0;display:none}.menu-button span{background:#fff;height:1px;transition:all .3s;display:block}.menu-button span:first-child{width:25px}.menu-button span:last-child{width:17px}.mobile-menu{display:none}@media (width<=768px){.navbar-inner{height:75px;padding:0 22px}.navbar-links{display:none}.menu-button{display:flex}.mobile-menu{opacity:0;visibility:hidden;background:#0a0a0af5;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:22px;padding:25px;transition:all .3s;display:flex;position:absolute;top:75px;left:18px;right:18px;transform:translateY(-10px)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu a{color:#fffc;font-size:16px;text-decoration:none;transition:color .3s}.mobile-menu a:hover{color:#fff}}@media (width<=480px){.navbar-inner{padding:0 18px}.navbar-logo{font-size:13px}.mobile-menu{left:15px;right:15px}}.footer{color:#fff;background:#000;border-top:1px solid #181818;width:100%;padding:100px 40px 30px}.footer-container{max-width:1280px;margin:0 auto}.footer-top{grid-template-columns:2fr 1fr 1.5fr 1fr;gap:60px;display:grid}.footer-logo{color:#fff;letter-spacing:2px;align-items:center;gap:7px;font-size:16px;text-decoration:none;display:inline-flex}.footer-logo span{color:#555}.footer-logo strong{color:#fff}.footer-brand p{color:#666;margin-top:25px;font-size:14px;line-height:1.7}.footer-column{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.footer-title{color:#444;letter-spacing:3px;margin-bottom:10px;font-size:10px}.footer-column a{color:#777;font-size:14px;text-decoration:none;transition:color .3s}.footer-column a:hover{color:#fff}.footer-big-text{color:#fff;letter-spacing:-8px;white-space:nowrap;margin-top:120px;font-size:clamp(70px,14vw,190px);font-weight:600;line-height:.8}.footer-bottom{border-top:1px solid #181818;justify-content:space-between;align-items:center;gap:30px;margin-top:80px;padding-top:25px;display:flex}.footer-bottom p{color:#444;margin:0;font-size:12px}.footer-bottom-links{gap:25px;display:flex}.footer-bottom-links a,.back-top{color:#555;font-size:12px;text-decoration:none;transition:color .3s}.footer-bottom-links a:hover,.back-top:hover{color:#fff}@media (width<=900px){.footer{padding:80px 30px 25px}.footer-top{grid-template-columns:1fr 1fr;gap:50px}.footer-big-text{letter-spacing:-5px;margin-top:90px;font-size:12vw}}@media (width<=600px){.footer{padding:70px 22px 25px}.footer-top{grid-template-columns:1fr 1fr;gap:45px 30px}.footer-brand{grid-column:1/-1}.footer-big-text{letter-spacing:-4px;margin-top:80px;font-size:17vw}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px;margin-top:60px}.footer-bottom-links{gap:20px}}@media (width<=400px){.footer{padding-left:18px;padding-right:18px}.footer-top{grid-template-columns:1fr;gap:35px}.footer-brand{grid-column:auto}.footer-big-text{font-size:19vw}}.about-page{color:#fff;background:#000}.about-hero{align-items:flex-end;min-height:90vh;padding:150px 40px 100px;display:flex}.about-hero-inner{width:100%;max-width:1280px;margin:0 auto}.about-label,.section-label{color:#555;letter-spacing:4px;margin:0 0 30px;font-size:11px}.about-hero h1{letter-spacing:-6px;max-width:1000px;margin:0;font-size:clamp(65px,10vw,140px);line-height:.9}.about-hero h1 span{color:#666;display:block}.about-intro{color:#777;max-width:600px;margin:50px 0 0;font-size:18px;line-height:1.7}.about-story{grid-template-columns:1fr 1fr;align-items:center;gap:100px;max-width:1280px;margin:0 auto;padding:140px 40px;display:grid}.about-image{background:#111;height:600px;overflow:hidden}.about-image img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform .6s}.about-image:hover img{transform:scale(1.04)}.about-story-content{max-width:600px}.about-story-content h2{letter-spacing:-3px;margin:0;font-size:clamp(45px,6vw,75px);line-height:.95}.about-story-content h2 span{color:#666;display:block}.about-story-content>p:not(.section-label){color:#777;margin-top:30px;font-size:16px;line-height:1.8}.about-values{background:#050505;padding:140px 40px}.values-heading{max-width:1280px;margin:0 auto 90px}.values-heading h2{letter-spacing:-4px;margin:0;font-size:clamp(55px,7vw,90px);line-height:.9}.values-heading h2 span{color:#666;display:block}.values-list{border-top:1px solid #222;max-width:1280px;margin:0 auto}.value-item{border-bottom:1px solid #222;grid-template-columns:100px 1fr;gap:50px;padding:40px 0;display:grid}.value-item>span{color:#444;font-size:13px}.value-item h3{margin:0;font-size:30px;font-weight:500}.value-item p{color:#666;max-width:600px;margin:15px 0 0;font-size:15px;line-height:1.7}.about-cta{text-align:center;max-width:1280px;margin:0 auto;padding:180px 40px}.about-cta .section-label{margin-bottom:35px}.about-cta h2{letter-spacing:-5px;margin:0;font-size:clamp(55px,8vw,110px);line-height:.9}.about-cta h2 span{color:#666;display:block}.about-cta-button{color:#fff;border:1px solid #333;border-radius:50px;margin-top:50px;padding:15px 28px;font-size:14px;text-decoration:none;transition:all .3s;display:inline-block}.about-cta-button:hover{color:#000;background:#fff}@media (width<=768px){.about-hero{min-height:75vh;padding:130px 22px 80px}.about-hero h1{letter-spacing:-3px;font-size:clamp(52px,12vw,75px)}.about-intro{margin-top:35px;font-size:15px}.about-story{grid-template-columns:1fr;gap:55px;padding:100px 22px}.about-image{height:450px}.about-values{padding:100px 22px}.values-heading{margin-bottom:60px}.values-heading h2{font-size:55px}.value-item{grid-template-columns:45px 1fr;gap:20px}.value-item h3{font-size:24px}.about-cta{padding:120px 22px}.about-cta h2{letter-spacing:-3px;font-size:55px}}@media (width<=480px){.about-hero{padding:120px 18px 70px}.about-hero h1{font-size:48px}.about-intro{font-size:14px}.about-story{padding:80px 18px}.about-image{height:350px}.about-story-content h2{font-size:42px}.about-values{padding:80px 18px}.values-heading h2{font-size:42px}.value-item{padding:28px 0}.value-item h3{font-size:21px}.value-item p{font-size:14px}.about-cta{padding:100px 18px}.about-cta h2{font-size:43px}}.projects-page{color:#fff;background:#000}.projects-hero{align-items:flex-end;min-height:75vh;padding:150px 40px 100px;display:flex}.projects-hero-inner{width:100%;max-width:1280px;margin:0 auto}.projects-label{color:#555;letter-spacing:4px;margin:0 0 30px;font-size:11px}.projects-hero h1{letter-spacing:-7px;margin:0;font-size:clamp(70px,11vw,150px);line-height:.85}.projects-hero h1 span{color:#666;display:block}.projects-intro{color:#777;max-width:600px;margin:45px 0 0;font-size:18px;line-height:1.7}.projects-list-section{padding:0 40px}.projects-list{border-top:1px solid #222;max-width:1280px;margin:0 auto}.project-card{border-bottom:1px solid #222;transition:background .4s}.project-card:hover{background:#050505}.project-image{width:100%;height:550px;overflow:hidden}.project-placeholder{background:radial-gradient(circle,#222 0%,#0d0d0d 45%,#050505 100%);justify-content:center;align-items:center;width:100%;height:100%;transition:transform .7s;display:flex}.project-card:hover .project-placeholder{transform:scale(1.02)}.project-placeholder span{color:#333;font-size:180px;font-weight:600;line-height:1}.project-details{grid-template-columns:100px 1fr auto;align-items:center;gap:30px;min-height:130px;padding:30px 0;display:grid}.project-number{color:#555;font-size:13px}.project-main h2{letter-spacing:-1px;margin:0;font-size:32px;font-weight:500}.project-main p{color:#666;margin:8px 0 0;font-size:13px}.project-meta{color:#555;align-items:center;gap:35px;font-size:13px;display:flex}.project-arrow{color:#777;font-size:28px;transition:all .3s}.project-card:hover .project-arrow{color:#fff;transform:translate(4px,-4px)}.projects-cta{text-align:center;max-width:1280px;margin:0 auto;padding:180px 40px}.projects-cta>p{color:#444;letter-spacing:4px;margin:0 0 30px;font-size:10px}.projects-cta h2{letter-spacing:-5px;margin:0;font-size:clamp(55px,8vw,110px);line-height:.9}.projects-cta h2 span{color:#666;display:block}.projects-cta-button{color:#fff;border:1px solid #333;border-radius:50px;margin-top:50px;padding:16px 30px;font-size:14px;text-decoration:none;transition:all .3s;display:inline-block}.projects-cta-button:hover{color:#000;background:#fff}@media (width<=768px){.projects-hero{min-height:70vh;padding:130px 22px 80px}.projects-hero h1{letter-spacing:-4px;font-size:75px}.projects-intro{font-size:15px}.projects-list-section{padding:0 22px}.project-image{height:400px}.project-placeholder span{font-size:120px}.project-details{grid-template-columns:45px 1fr auto;gap:15px}.project-main h2{font-size:24px}.project-meta{gap:15px}.projects-cta{padding:120px 22px}.projects-cta h2{letter-spacing:-3px;font-size:55px}}@media (width<=480px){.projects-hero{padding:120px 18px 70px}.projects-hero h1{letter-spacing:-3px;font-size:52px}.projects-intro{margin-top:30px;font-size:14px}.projects-list-section{padding:0 18px}.project-image{height:280px}.project-placeholder span{font-size:90px}.project-details{grid-template-columns:35px 1fr auto;min-height:100px;padding:22px 0}.project-main h2{font-size:19px}.project-main p{font-size:11px}.project-meta>span:first-child{display:none}.project-arrow{font-size:22px}.projects-cta{padding:100px 18px}.projects-cta h2{font-size:43px}}.contact-page{color:#fff;background:#000}.contact-hero{align-items:flex-end;min-height:75vh;padding:150px 40px 100px;display:flex}.contact-hero-inner{width:100%;max-width:1280px;margin:0 auto}.contact-label,.contact-section-label{color:#555;letter-spacing:4px;margin:0 0 30px;font-size:11px}.contact-hero h1{letter-spacing:-6px;max-width:1000px;margin:0;font-size:clamp(65px,10vw,140px);line-height:.9}.contact-hero h1 span{color:#666;display:block}.contact-intro{color:#777;max-width:600px;margin:45px 0 0;font-size:18px;line-height:1.7}.contact-content{border-top:1px solid #181818;grid-template-columns:1fr 1fr;gap:120px;max-width:1280px;margin:0 auto;padding:140px 40px;display:grid}.contact-info h2{letter-spacing:-3px;margin:0;font-size:clamp(45px,6vw,75px);line-height:.95}.contact-info h2 span{color:#666;display:block}.contact-details{flex-direction:column;gap:35px;margin-top:70px;display:flex}.contact-detail{flex-direction:column;gap:8px;display:flex}.contact-detail span{color:#444;letter-spacing:3px;text-transform:uppercase;font-size:10px}.contact-detail a,.contact-detail p{color:#aaa;margin:0;font-size:16px;text-decoration:none}.contact-detail a{transition:color .3s}.contact-detail a:hover{color:#fff}.contact-form-wrapper{width:100%}.contact-form{flex-direction:column;gap:35px;display:flex}.form-field{flex-direction:column;gap:12px;display:flex}.form-field label{color:#555;letter-spacing:3px;text-transform:uppercase;font-size:11px}.form-field input,.form-field textarea,.form-field select{color:#fff;background:0 0;border:none;border-bottom:1px solid #2a2a2a;outline:none;width:100%;padding:15px 0;font-family:inherit;font-size:15px;transition:border-color .3s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#fff}.form-field textarea{resize:vertical;min-height:120px}.form-field select{cursor:pointer}.form-field select option{color:#fff;background:#111}.contact-submit{color:#000;cursor:pointer;background:#fff;border:1px solid #333;border-radius:50px;align-self:flex-start;align-items:center;gap:15px;margin-top:10px;padding:16px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.contact-submit span{font-size:19px}.contact-submit:hover{background:#ddd;transform:translateY(-3px)}.contact-social{border-top:1px solid #181818;border-bottom:1px solid #181818;max-width:1280px;margin:0 auto;padding:60px 40px}.contact-social>p{color:#444;letter-spacing:3px;margin:0 0 25px;font-size:10px}.social-links{flex-wrap:wrap;gap:35px;display:flex}.social-links a{color:#777;font-size:14px;text-decoration:none;transition:color .3s}.social-links a:hover{color:#fff}.contact-bottom{max-width:1280px;margin:0 auto;padding:50px 40px 100px}.back-home{color:#666;font-size:14px;text-decoration:none;transition:color .3s}.back-home:hover{color:#fff}@media (width<=768px){.contact-hero{min-height:70vh;padding:130px 22px 80px}.contact-hero h1{letter-spacing:-3px;font-size:clamp(52px,12vw,75px)}.contact-intro{margin-top:35px;font-size:15px}.contact-content{grid-template-columns:1fr;gap:80px;padding:100px 22px}.contact-info h2{font-size:52px}.contact-details{margin-top:50px}.contact-social{padding:50px 22px}.contact-bottom{padding:40px 22px 80px}}@media (width<=480px){.contact-hero{padding:120px 18px 70px}.contact-hero h1{font-size:48px}.contact-intro{font-size:14px}.contact-content{gap:65px;padding:80px 18px}.contact-info h2{letter-spacing:-2px;font-size:42px}.contact-details{gap:28px;margin-top:45px}.contact-submit{justify-content:center;width:100%}.contact-social{padding:45px 18px}.social-links{flex-direction:column;gap:20px}.contact-bottom{padding:35px 18px 70px}}
