:root{--navy:#081421;--navy2:#0d2032;--orange:#f7a51b;--orange2:#ff8a00;--blue:#4e7fbd;--white:#fff;--light:#f4f5f3;--text:#132437;--muted:#65717d;--line:rgba(255,255,255,.14);--shadow:0 30px 80px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--navy);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.container{width:min(1240px,calc(100% - 80px));margin:auto}.relative{position:relative}.site-header{position:absolute;z-index:20;top:0;left:0;right:0;height:94px;display:flex;align-items:center;gap:40px;padding:0 max(40px,calc((100vw - 1240px)/2));color:#fff;background:linear-gradient(180deg,rgba(3,10,17,.7),transparent)}.brand{width:190px;display:block}.brand img{width:100%;height:auto;display:block;mix-blend-mode:normal;filter:none}.desktop-nav{margin-left:auto;display:flex;gap:34px}.desktop-nav button,.mobile-menu button{border:0;background:none;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;position:relative;padding:14px 0}.desktop-nav button:hover{color:var(--orange)}.header-cta,.btn{border:0;font-weight:800;letter-spacing:.04em;font-size:12px;padding:17px 24px;transition:.25s}.header-cta,.btn-orange{background:var(--orange);color:#101820}.header-cta:hover,.btn-orange:hover{background:#ffb12f;transform:translateY(-2px)}.header-cta span,.btn span{font-size:17px;margin-left:14px}.menu-toggle{display:none;margin-left:auto;background:none;color:#fff;border:0;font-size:25px}.hero{min-height:760px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-bg,.services-bg,.cta-bg{position:absolute;inset:0;background-size:cover;background-position:center}.hero-bg{background-image:url('../assets/hero-construction.jpg');background-position:center center;background-repeat:no-repeat;background-size:cover;animation:heroZoom 18s ease-in-out infinite alternate}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,11,19,.93) 0%,rgba(5,15,24,.78) 42%,rgba(3,10,16,.25) 100%),linear-gradient(0deg,rgba(4,11,17,.5),transparent 40%)}.hero-content{position:relative;padding-top:115px}.eyebrow{font-size:12px;letter-spacing:.32em;font-weight:700;color:#fff;max-width:420px}.orange-line{display:block;width:35px;height:3px;background:var(--orange);margin:27px 0 22px}.hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(60px,7vw,100px);line-height:.87;letter-spacing:-.025em;margin:0;font-weight:800;max-width:780px}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{max-width:500px;color:rgba(255,255,255,.8);line-height:1.7;margin:28px 0;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{background:none;border:0;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}.text-link:hover{color:var(--orange)}.hero-points{display:flex;margin-top:72px;gap:0}.hero-points div{display:flex;gap:12px;align-items:center;padding:0 30px;border-right:1px solid rgba(255,255,255,.22)}.hero-points div:first-child{padding-left:0}.hero-points strong{color:var(--orange);font-size:26px}.hero-points span{font-size:10px;font-weight:800;line-height:1.35;letter-spacing:.08em}.scroll-cue{position:absolute;right:5%;bottom:30px;font-size:9px;letter-spacing:.2em;color:#fff;display:flex;gap:15px;align-items:center}.scroll-cue span{font-size:22px}.section-light{background:var(--light)}.about-section{padding:100px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-kicker{font-size:11px;letter-spacing:.25em;font-weight:800;color:var(--text);display:flex;align-items:center;gap:14px}.section-kicker:before{content:"";width:27px;height:2px;background:var(--orange);display:block}.section-kicker.light{color:#fff}.about-copy h2,.section-head h2,.commitment-section h2,.cta-section h2{font-family:'Barlow Condensed',sans-serif;font-size:52px;line-height:.95;margin:25px 0;color:var(--text);font-weight:800}.about-copy h2 span,.section-head h2 span,.commitment-section h2 span,.cta-section h2 span{color:var(--orange)}.about-copy p{line-height:1.8;color:#5f6b76;font-size:14px;max-width:620px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid #d6dadd;border-bottom:1px solid #d6dadd;margin:30px 0;padding:22px 0}.facts b,.footer b{font-size:9px;letter-spacing:.15em;display:block;color:#78838d;margin-bottom:8px}.facts strong{font-size:11px;line-height:1.4}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#18304a}.about-visual{height:540px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:8px;position:relative}.image-card{background-size:cover;background-position:center}.image-road{grid-row:1/3;background-image:url('../assets/about-construction.jpg')}.image-machine{background-image:url('../assets/hero-construction.jpg')}.image-engineer{background-image:url('../assets/about-construction.jpg')}.visual-caption{position:absolute;right:0;bottom:0;background:rgba(8,20,33,.92);color:#fff;padding:20px 25px;font-family:'Barlow Condensed';font-weight:700;font-size:20px;line-height:1.05}.services-section{position:relative;padding:100px 0;background:#071421;color:#fff;overflow:hidden}.services-bg{background-image:linear-gradient(rgba(6,18,29,.88),rgba(6,18,29,.94)),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=2200&q=85');opacity:.8}.section-head{position:relative;display:grid;grid-template-columns:1.2fr 1fr auto;gap:40px;align-items:end;margin-bottom:45px}.section-head h2{color:#fff;margin-bottom:0}.section-head p{font-size:13px;line-height:1.7;color:#aeb8c1;max-width:420px;margin:0}.btn-outline{border:1px solid rgba(255,255,255,.45);color:#fff;background:transparent}.btn-outline:hover{border-color:var(--orange);color:var(--orange)}.service-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{min-height:270px;border:1px solid rgba(255,255,255,.16);background:rgba(8,24,39,.8);color:#fff;text-align:left;padding:25px;position:relative;overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-6px);border-color:var(--orange);background:rgba(13,35,54,.94)}.service-card.wide{grid-column:span 2}.service-num{font-family:'Barlow Condensed';font-size:14px;color:var(--orange);font-weight:700}.service-icon{font-size:32px;color:var(--orange);margin:25px 0 12px}.service-card h3{font-size:16px;line-height:1.25;margin:0 0 10px}.service-card p{font-size:11px;line-height:1.6;color:#aeb8c1;max-width:280px}.card-arrow{position:absolute;right:20px;bottom:18px;color:var(--orange);font-size:20px}.commitment-section{padding:100px 0}.commitment-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.commitment-items{display:grid;grid-template-columns:1fr 1fr;gap:0;border-left:1px solid #d8dde0}.commitment-items>div{padding:10px 30px 30px;border-bottom:1px solid #d8dde0}.commitment-items strong{color:var(--orange);font-size:12px}.commitment-items h3{font-size:13px;margin:12px 0}.commitment-items p{font-size:12px;color:#69747d;line-height:1.6}.cta-section{position:relative;color:#fff;padding:85px 0;overflow:hidden}.cta-bg{background-image:linear-gradient(90deg,rgba(5,15,24,.94),rgba(5,15,24,.74)),url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=2200&q=85')}.cta-inner{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.cta-section h2{color:#fff;margin-bottom:0}.cta-right p{color:#bdc6ce;font-size:13px;line-height:1.7;margin-top:0}.footer{background:#050d15;color:#fff;padding:50px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding-bottom:45px}.footer-logo{width:190px;filter:none}.footer p{font-size:12px;line-height:1.8;color:#9ca8b1}.footer a:hover{color:var(--orange)}.copyright{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;color:#68747e;font-size:9px;letter-spacing:.12em}.mobile-menu{display:none!important}.overlay{position:fixed;inset:0;z-index:100;display:none}.overlay.open{display:block}.overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(9px)}.overlay-panel{position:absolute;right:0;top:0;bottom:0;width:min(760px,94vw);background:#081421;color:#fff;box-shadow:-30px 0 100px rgba(0,0,0,.4);overflow:auto;transform:translateX(100%);animation:slideIn .38s cubic-bezier(.2,.8,.2,1) forwards}.overlay-close{position:sticky;top:24px;float:right;margin:24px 30px 0 0;width:45px;height:45px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);color:#fff;font-size:30px;z-index:2}.overlay-content{padding:100px 70px 80px}.overlay-kicker{font-size:10px;letter-spacing:.25em;color:var(--orange);font-weight:800}.overlay-content h2{font-family:'Barlow Condensed';font-size:62px;line-height:.92;margin:15px 0 28px}.overlay-content h2 span{color:var(--orange)}.overlay-content p{font-size:14px;line-height:1.85;color:#aeb9c2}.overlay-list{display:grid;gap:12px;margin-top:30px}.overlay-item{border:1px solid rgba(255,255,255,.12);padding:20px;background:rgba(255,255,255,.03)}.overlay-item h3{margin:0 0 8px;font-size:15px}.overlay-item p{font-size:12px;margin:0}.overlay-meta{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0}.meta-card{padding:20px;border:1px solid rgba(255,255,255,.12)}.meta-card b{display:block;color:var(--orange);font-size:9px;letter-spacing:.14em;margin-bottom:10px}.meta-card span{font-size:13px;line-height:1.5}.contact-form{display:grid;gap:14px;margin-top:30px}.contact-form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{font-size:10px;letter-spacing:.12em;color:#9ca9b3;font-weight:700}.contact-form input,.contact-form textarea{width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.16);background:#0d2235;color:#fff;padding:14px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange)}.contact-form textarea{min-height:130px;resize:vertical}.form-status{font-size:12px;line-height:1.5}.project-note{padding:30px;border-left:3px solid var(--orange);background:rgba(255,255,255,.04);margin-top:25px}
@keyframes slideIn{to{transform:translateX(0)}}
@media(max-width:1000px){.desktop-nav,.header-cta{display:none!important}.menu-toggle{display:block!important}.site-header{padding:0 24px}.brand{width:170px}.container{width:min(100% - 40px,700px)}.hero{min-height:760px}.hero h1{font-size:70px}.about-grid,.commitment-grid,.cta-inner{grid-template-columns:1fr;gap:45px}.about-visual{height:450px}.section-head{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.service-card.wide{grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr}.mobile-menu{display:flex!important;position:fixed;z-index:50;inset:0;background:#071421;display:flex;flex-direction:column;justify-content:center;padding:60px 35px;transform:translateY(-100%);transition:.35s;visibility:hidden;pointer-events:none}.mobile-menu.open{transform:translateY(0);visibility:visible;pointer-events:auto}.mobile-menu button{text-align:left;font-family:'Barlow Condensed';font-size:45px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu button span{float:right;color:var(--orange)}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.site-header{height:78px;padding:0 16px}.brand{width:150px}.hero{min-height:100svh}.hero-content{padding-top:120px}.eyebrow{font-size:9px;letter-spacing:.2em}.hero h1{font-size:54px}.hero p{font-size:13px}.hero-actions{flex-wrap:wrap}.hero-points{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero-points div{padding:0!important;border:0}.hero-points div:last-child{grid-column:span 2}.about-section,.services-section,.commitment-section{padding:70px 0}.about-copy h2,.section-head h2,.commitment-section h2,.cta-section h2{font-size:42px}.about-visual{height:350px}.facts{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card.wide{grid-column:auto}.service-card{min-height:230px}.commitment-items{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.overlay-panel{width:100%}.overlay-content{padding:90px 24px 50px}.overlay-content h2{font-size:50px}.overlay-meta,.contact-form .two{grid-template-columns:1fr}.cta-inner{gap:25px}.scroll-cue{display:none}}

@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.045)}}