@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Montserrat:wght@600;700;800;900&display=swap");
:root{--navy:#08253a;--navy2:#061a2b;--blue:#18a3ee;--gold:#e7b648;--cream:#f7f4ef;--ink:#142333;--muted:#62707b;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:absolute;z-index:5;width:100%;background:linear-gradient(180deg,rgba(4,24,39,.97),rgba(4,24,39,.84))}.nav{height:108px;display:flex;align-items:center;gap:28px}.brand{display:block;line-height:0}.brand img{width:255px;height:auto}.nav-links{display:flex;gap:28px;margin-left:auto}.nav-links a{color:#fff;text-decoration:none;font-weight:600;font-size:.92rem;letter-spacing:.02em}.nav-links a:hover{color:var(--blue)}.phone-button{background:linear-gradient(135deg,#f0c65e,#d99f33);color:#101820;text-decoration:none;padding:14px 24px;border-radius:5px;line-height:1.05;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.25)}.phone-button span{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.phone-button strong{display:block;font-size:1.35rem;margin-top:4px}.menu-toggle{display:none}.hero{height:720px;position:relative;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url("assets/hero-commercial.jpg") center/cover no-repeat;transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,34,.91) 0%,rgba(4,28,45,.74) 38%,rgba(3,24,40,.18) 70%,rgba(3,24,40,.12))}.hero-content{position:relative;z-index:2;padding-top:215px;max-width:1180px}.eyebrow{margin:0 0 11px;color:#f0c563;text-transform:uppercase;letter-spacing:.27em;font-size:.78rem;font-weight:800}.eyebrow.blue{color:#108ed1}.hero h1,.intro h2,.services h2,.projects h2,.craft h2,.contact h2{font-family:"Montserrat",Arial,sans-serif;line-height:.96;margin:0;font-weight:900}.hero h1{font-size:clamp(3rem,6.2vw,5.8rem);letter-spacing:-.06em;text-transform:uppercase;max-width:650px}.hero h1 span{color:var(--blue)}.hero-copy{font-size:1.16rem;max-width:540px;margin:24px 0 28px;color:#f2f5f7}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;cursor:pointer;font:700 .92rem "DM Sans",sans-serif;text-decoration:none;padding:15px 21px;border-radius:4px;letter-spacing:.015em}.primary{background:linear-gradient(135deg,#f2ca62,#dca73d);color:#10202d}.primary:hover{filter:brightness(1.05)}.ghost{color:white;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.1)}.hero-trust{position:absolute;right:0;bottom:0;z-index:2;background:rgba(5,31,49,.92);border-left:1px solid rgba(255,255,255,.14);width:310px;padding:38px 34px 28px}.hero-trust div{display:flex;align-items:center;gap:15px;margin:0 0 18px;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.18;text-transform:uppercase;font-size:.9rem}.hero-trust b{font-size:1.45rem;color:white;width:25px;text-align:center}.hero-trust p{border-top:2px solid var(--gold);margin:24px 0 0;padding-top:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.intro{padding:95px 0 85px;max-width:780px;text-align:center}.intro h2,.services h2,.projects h2,.contact h2{font-size:clamp(2rem,4vw,3.55rem);letter-spacing:-.05em}.intro p:last-child{font-size:1.12rem;color:var(--muted);margin:23px auto 0;max-width:720px}.services{background:var(--cream);padding:82px 0}.services .wrap{text-align:center}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;text-align:left}.service-grid article{background:#fff;padding:29px 27px;min-height:220px;border-bottom:3px solid transparent;transition:.2s}.service-grid article:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 28px rgba(10,32,47,.08)}.service-grid span{display:flex;align-items:center;justify-content:center;background:#f0c35d;color:#08253a;width:48px;height:48px;border-radius:50%;font-size:1.55rem;font-weight:700}.service-grid h3{font:800 1.05rem Montserrat,sans-serif;margin:19px 0 7px}.service-grid p{margin:0;color:var(--muted);font-size:.96rem}.projects{padding:94px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.section-heading>p{max-width:420px;color:var(--muted);margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery figure{height:270px;margin:0;position:relative;overflow:hidden;background:var(--navy)}.gallery figure.wide{grid-column:span 2;height:400px}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery figure:hover img{transform:scale(1.045)}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:38px 18px 15px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-weight:700}.craft{display:grid;grid-template-columns:1fr 1fr;background:var(--navy2);color:white;min-height:500px}.craft-image{background:url("assets/work-in-progress.jpg") center/cover no-repeat;min-height:470px}.craft-copy{padding:82px max(40px,calc((100vw - 1180px)/2)) 72px 72px;max-width:690px}.craft-copy h2{font-size:clamp(2rem,3.7vw,3.4rem);letter-spacing:-.055em}.craft-copy>p:not(.eyebrow){color:#d1dae0;font-size:1.08rem;margin:23px 0}.text-link{color:#f0c35d;font-weight:800;text-decoration:none}.contact{padding:95px 0;display:grid;grid-template-columns:.82fr 1.18fr;gap:90px}.contact-copy h2{margin-bottom:22px}.contact-copy>p:not(.eyebrow){color:var(--muted);font-size:1.08rem}.contact-phone{display:block;color:var(--navy);text-decoration:none;font:800 clamp(1.8rem,3vw,2.45rem) Montserrat,sans-serif;margin:26px 0 4px}.contact-email{color:#087fbd;font-weight:700;text-decoration:none}.location{font-size:.94rem!important;margin-top:25px}form{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{font-size:.86rem;font-weight:800;color:#263849}label.full{grid-column:span 2}input,textarea,select{width:100%;margin-top:7px;border:1px solid #ccd5dc;border-radius:3px;padding:13px;font:400 1rem "DM Sans",sans-serif;background:#fff;color:var(--ink)}textarea{resize:vertical}form .button{width:max-content} .form-note{grid-column:span 2;margin:0;color:#6d7a85;font-size:.82rem}footer{background:#061a2b;color:#d6e0e5;padding:37px 0 90px}.footer-wrap{display:flex;align-items:center;gap:30px}.footer-wrap img{width:215px}.footer-wrap p{font-size:.9rem;margin:0}.footer-wrap a{margin-left:auto;color:#f0c35d;text-decoration:none;font-weight:800;font-size:1.08rem}.mobile-bar{display:none}
@media(max-width:950px){.nav{height:83px}.brand img{width:190px}.nav-links{gap:15px}.phone-button{padding:10px 12px}.phone-button strong{font-size:1.05rem}.hero{height:680px}.hero-content{padding-top:165px}.hero-trust{width:250px;padding:25px}.hero-trust div{font-size:.77rem}.service-grid{grid-template-columns:repeat(2,1fr)}.contact{gap:40px}.craft-copy{padding:65px 38px}}
@media(max-width:680px){body{padding-bottom:61px}.wrap{width:min(100% - 30px,1180px)}.site-header{position:relative;background:var(--navy)}.nav{height:76px;gap:12px}.brand img{width:175px}.phone-button{margin-left:auto;padding:9px 9px}.phone-button span{font-size:.58rem}.phone-button strong{font-size:.82rem}.menu-toggle{display:block;order:4;background:transparent;color:white;border:0;font-size:1.7rem;padding:3px}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#071e30;padding:18px 15px 22px;flex-direction:column;gap:15px;border-top:1px solid rgba(255,255,255,.13)}.nav-links.open{display:flex}.nav-links a{font-size:1rem}.hero{height:620px}.hero-bg{background-position:59% center}.hero-shade{background:linear-gradient(90deg,rgba(2,20,34,.94),rgba(2,20,34,.55)),linear-gradient(0deg,rgba(2,20,34,.5),transparent)}.hero-content{padding-top:85px}.hero h1{font-size:3.3rem}.hero-copy{font-size:1rem;max-width:330px}.hero-trust{display:none}.button{padding:13px 16px;font-size:.84rem}.intro{padding:65px 0}.intro h2,.services h2,.projects h2,.contact h2{font-size:2.18rem}.services{padding:60px 0}.service-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:29px}.service-grid article{padding:20px 16px;min-height:215px}.service-grid h3{font-size:.9rem}.service-grid p{font-size:.84rem}.service-grid span{width:42px;height:42px;font-size:1.25rem}.projects{padding:63px 0}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:16px}.gallery{grid-template-columns:1fr 1fr;gap:9px}.gallery figure,.gallery figure.wide{height:210px;grid-column:span 1}.gallery figure.wide{grid-column:span 2;height:280px}.gallery figcaption{padding:28px 11px 10px;font-size:.8rem}.craft{grid-template-columns:1fr}.craft-image{min-height:330px}.craft-copy{padding:55px 22px}.contact{padding:65px 0;display:block}.contact-copy{margin-bottom:42px}.contact-phone{font-size:1.8rem}form{grid-template-columns:1fr}label.full{grid-column:auto}form .button{width:100%}.form-note{grid-column:auto}.footer-wrap{display:block;text-align:center}.footer-wrap img{width:210px}.footer-wrap p{margin:15px 0}.footer-wrap a{display:block}.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:20;height:61px;background:#071e30;display:grid;grid-template-columns:1fr 1fr 1.25fr;border-top:1px solid rgba(255,255,255,.25)}.mobile-bar a{color:white;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;border-right:1px solid rgba(255,255,255,.17)}.mobile-bar a:last-child{background:var(--gold);color:#10202d;border:0}.eyebrow{font-size:.69rem;letter-spacing:.2em}}
