:root{--navy:#073a69;--navy-deep:#062d52;--orange:#f28a00;--cream:#f6f3ed;--ink:#12273a;--muted:#687783;--white:#fff;--line:#dce1e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Manrope",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:96px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%}.brand img{width:185px;display:block}.nav-links{display:flex;align-items:center;gap:34px;font-weight:600;font-size:14px}.nav-links a:not(.nav-cta):hover{color:var(--orange)}.nav-cta{background:var(--navy);color:white;padding:15px 22px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:760px;display:grid;grid-template-columns:1.03fr .97fr;background:var(--cream);overflow:hidden}.hero-copy{padding:180px 7vw 70px max(7vw,calc((100vw - 1440px)/2));align-self:center}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--navy)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:32px;height:2px;background:var(--orange)}h1{font-size:clamp(54px,6vw,90px);line-height:.98;letter-spacing:-.055em;margin:25px 0 28px;color:var(--navy-deep);max-width:700px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-lead{font-size:19px;line-height:1.65;color:#586875;max-width:590px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;padding:17px 23px;font-weight:700;font-family:inherit;cursor:pointer}.button.primary{background:var(--orange);color:white}.button span{font-size:18px}.text-link{font-weight:700;border-bottom:1px solid #a4adb3;padding-bottom:5px}.text-link span{color:var(--orange);margin-left:8px}.trust-row{display:flex;gap:0;margin-top:68px}.trust-row div{display:flex;flex-direction:column;padding:0 26px;border-left:1px solid #cdd3d4}.trust-row div:first-child{padding-left:0;border:0}.trust-row strong{color:var(--navy);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.trust-row span{font-size:12px;color:#7a878f;margin-top:4px}.hero-visual{position:relative;background:var(--navy);min-height:760px;overflow:hidden}.blueprint-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:52px 52px;transform:perspective(500px) rotate(-4deg) scale(1.2)}.hero-card{position:absolute;background:white;padding:12px;box-shadow:0 22px 60px rgba(0,0,0,.24)}.hero-card p{font-family:"Manrope";font-weight:700;margin:12px 5px 5px;color:var(--navy);font-size:15px}.hero-card.commercial{width:57%;left:9%;top:18%;transform:rotate(-3deg)}.hero-card.residential{width:48%;right:5%;bottom:10%;transform:rotate(3deg)}.project-tag{position:absolute;z-index:2;top:22px;left:22px;background:var(--orange);color:white;padding:7px 11px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:700}.architectural-scene{height:260px;position:relative;overflow:hidden}.storefront{background:linear-gradient(160deg,#cad8df,#8ba5b5)}.storefront:before{content:"";position:absolute;background:#e8e4dc;inset:45px 12px 0 70px;border-top:13px solid #233e50}.storefront i,.storefront b,.storefront u{position:absolute;background:#558092;border:6px solid #173b52;bottom:0;height:150px;width:23%;text-decoration:none}.storefront i{left:19%}.storefront b{left:43%}.storefront u{left:67%}.interior{height:210px;background:linear-gradient(110deg,#e6e0d6 0 50%,#c2b6a3 50%)}.interior:before{content:"";position:absolute;left:12%;right:12%;bottom:0;height:45%;background:#e6d4b7;border-top:12px solid #af8a53}.interior i{position:absolute;width:26%;height:55%;background:#f7f3e9;right:15%;top:12%;box-shadow:0 0 0 8px #66747a}.interior b{position:absolute;width:30%;height:25%;background:#29475a;left:13%;bottom:0}.seal{position:absolute;right:3%;top:13%;width:112px;height:112px;border-radius:50%;background:var(--orange);color:white;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(8deg);border:3px solid rgba(255,255,255,.5)}.seal strong{font:800 30px Manrope;border-right:1px solid white;padding-right:8px}.seal span{font-size:10px;text-transform:uppercase;line-height:1.3}.section-pad{padding:110px max(6vw,calc((100vw - 1280px)/2))}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.section-heading h2,.work h2,.about h2,.contact h2{font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-.045em;margin:18px 0}.section-heading p,.about-copy>p{color:var(--muted);font-size:17px;line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border:1px solid var(--line)}.services-grid article{padding:36px 34px;min-height:360px;border-right:1px solid var(--line);position:relative}.services-grid article:last-child{border:0}.services-grid article>span{position:absolute;right:24px;top:22px;color:#a2aeb5;font-size:12px}.services-grid .featured{background:var(--navy);color:white;transform:translateY(-12px);border:0;box-shadow:0 18px 40px rgba(7,58,105,.18)}.service-icon{font-size:45px;color:var(--orange);height:85px}.services-grid h3{font-size:22px}.services-grid p{color:#7a878f;line-height:1.65;font-size:14px}.featured p{color:#c3d0da}.services-grid a{position:absolute;bottom:34px;font-weight:700;font-size:13px;color:var(--navy)}.featured a{color:var(--orange)}.work{background:var(--navy-deep);color:white;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;overflow:hidden}.section-label.light{color:#f4a63b}.work-copy p:not(.section-label),.contact-copy>p{color:#b8c8d5;line-height:1.7;font-size:16px}.button.pale{background:white;color:var(--navy);margin-top:24px}.work-collage{min-height:520px;position:relative}.project-shape{position:absolute;box-shadow:0 18px 50px rgba(0,0,0,.2);overflow:hidden}.project-shape span{position:absolute;bottom:16px;left:17px;background:white;color:var(--navy);padding:8px 12px;font-weight:700;font-size:12px}.kitchen{width:63%;height:76%;left:0;top:5%;background:linear-gradient(150deg,#c6b190,#e5ded0 55%,#737f84 56%)}.kitchen:after{content:"";position:absolute;width:55%;height:30%;bottom:0;left:18%;background:#f0eee8;border-top:14px solid #a17c4c}.retail{width:42%;height:55%;right:0;top:0;background:linear-gradient(100deg,#cbd9db 0 40%,#5f7881 40% 48%,#e8e0d4 48%)}.retail:after{content:"";position:absolute;bottom:0;left:8%;width:75%;height:24%;background:#cb8d51}.detail{width:38%;height:43%;right:8%;bottom:0;background:linear-gradient(140deg,#c89e69 0 30%,#f3efe8 31% 63%,#173a53 64%)}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center;background:#f9f8f5}.about-mark{height:540px;background:var(--navy);display:flex;align-items:center;justify-content:center;position:relative}.about-mark:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.25)}.about-mark img{width:74%;background:white;padding:20px;position:relative}.about-copy ul{list-style:none;padding:0;margin:38px 0 0}.about-copy li{display:flex;gap:16px;padding:17px 0;border-top:1px solid #d6dcdf}.about-copy li>span{background:var(--orange);color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.about-copy strong{color:var(--navy)}.about-copy li p{margin:5px 0 0;color:var(--muted);font-size:14px}.contact{background:#0b3558;color:white;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact-meta{display:flex;flex-direction:column;gap:10px;color:#d6e0e8;font-size:13px;margin-top:34px}.contact-meta span:before{content:"✓";color:var(--orange);margin-right:9px}.estimate-form{background:white;color:var(--ink);padding:38px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.estimate-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:18px}.estimate-form input,.estimate-form select,.estimate-form textarea{width:100%;border:0;border-bottom:1px solid #cfd7dc;padding:10px 2px;font:14px "DM Sans";outline:none;background:white;border-radius:0}.estimate-form input:focus,.estimate-form select:focus,.estimate-form textarea:focus{border-color:var(--orange)}.estimate-form button{width:100%;margin-top:5px}.form-note{text-align:center;color:#82909a;font-size:11px;margin:11px 0 0}footer{min-height:130px;padding:25px 6vw;display:flex;align-items:center;gap:50px;border-top:1px solid #d9e0e5}footer img{width:145px}footer p{margin:0 auto 0 0;color:#788690;font-size:12px}footer div{display:flex;gap:24px;font-size:13px;font-weight:700}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav-links{display:none;position:absolute;top:80px;left:20px;right:20px;background:white;padding:24px;flex-direction:column;box-shadow:0 15px 30px rgba(0,0,0,.12)}.nav-links.open{display:flex}.menu-toggle{display:block}.menu-toggle span{display:block;width:27px;height:2px;background:var(--navy);margin:6px}.hero{grid-template-columns:1fr}.hero-copy{padding:145px 8vw 70px}.hero-visual{min-height:650px}.section-heading,.work,.about,.contact{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr}.services-grid article{border-right:0;border-bottom:1px solid var(--line)}.services-grid .featured{transform:none}.work-collage{min-height:530px}.about-mark{height:420px}.work,.about,.contact{gap:50px}}@media(max-width:600px){.site-header{height:80px}.brand img{width:142px}.hero-copy{padding-top:120px}.hero-visual{min-height:520px}.hero-card.commercial{width:72%;left:4%;top:13%}.hero-card.residential{width:62%;right:3%;bottom:8%}.architectural-scene{height:180px}.interior{height:145px}.seal{width:80px;height:80px}.seal strong{font-size:20px}.seal span{display:none}.trust-row{flex-wrap:wrap;gap:18px}.trust-row div{padding:0 12px}.section-pad{padding:78px 24px}.section-heading{gap:10px}.services-grid{margin-top:40px}.work-collage{min-height:390px}.field-row{grid-template-columns:1fr}.estimate-form{padding:25px 20px}footer{flex-direction:column;gap:18px;text-align:center}footer p{margin:0;order:3}h1{font-size:52px}}