:root{--navy:#142c53;--blue:#8fcfe5;--ink:#172641;--muted:#657183;--light:#f4f7fa;--line:#e5eaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:white;-webkit-font-smoothing:antialiased}img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}.brand{display:block;width:264px;height:80px;overflow:hidden}.brand img{height:100%;object-fit:contain;object-position:left center}.links{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:700}.links>a:not(.btn):hover,.text-link:hover{color:#378ab0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 22px;font-size:13px;font-weight:700;border-radius:4px;white-space:nowrap;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#26497d}.btn-outline{border:1px solid var(--navy)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:45% 55%;min-height:540px;align-items:center;padding-right:0}.hero-copy{padding:65px 45px 65px 0}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;font-weight:800;color:var(--navy)}.line{width:27px;height:2px;background:var(--blue);display:inline-block}.hero h1{font-size:clamp(48px,5vw,76px);line-height:1.08;letter-spacing:-3.2px;margin:31px 0 22px;color:var(--navy)}.hero h1 em{font-style:normal;color:#68b5d5}.hero p{font-size:17px;line-height:1.8;max-width:430px;color:#475971}.actions{display:flex;gap:14px;margin-top:31px}.hero-photo{height:540px;position:relative;overflow:hidden;clip-path:polygon(19% 0,100% 0,100% 100%,0 100%)}.hero-photo img{height:100%}.photo-note{position:absolute;bottom:14px;right:15px;background:#fffdf2dd;color:#344052;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:1px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:66px;padding-bottom:74px}.service{border-right:1px solid var(--line);padding-right:25px}.service:last-child{border:0}.number{color:#68b5d5;font-size:12px;font-weight:800}.service h2{font-size:20px;margin:15px 0 9px;color:var(--navy)}.service p{font-size:14px;line-height:1.7;color:var(--muted);max-width:270px;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:50px;padding-bottom:110px}.about-photo{position:relative}.about-photo img{height:360px}.about-copy h2,.section-heading h2,.contact h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1.3px;color:var(--navy);margin:20px 0}.about-copy p{font-size:15px;line-height:1.9;color:#52637a;max-width:480px}.text-link{display:inline-block;font-weight:700;font-size:14px;margin-top:14px}.text-link span{padding-left:12px}.projects{background:var(--light);padding:78px 0 88px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-heading h2{margin-bottom:0}.section-heading p{color:var(--muted);font-size:13px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-grid article{background:#fff}.project-grid img{height:310px}.project-meta{display:flex;align-items:center;justify-content:space-between;padding:19px 21px}.project-meta h3{font-size:17px;margin:0;color:var(--navy)}.project-meta span{font-size:10px;color:#8390a2;letter-spacing:1px;font-weight:800}.contact{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:90px;padding-bottom:90px}.contact h2{margin:20px 0 10px}.contact p{color:var(--muted);font-size:15px}footer{border-top:1px solid var(--line)}.footer{display:flex;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px;color:#728094;font-size:12px}.draft-note{color:#a0aab5}@media(max-width:850px){.container{padding-left:24px;padding-right:24px}.nav{min-height:76px}.brand{width:214px;height:70px}.menu-toggle{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--navy);font-weight:700;cursor:pointer}.links{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px 24px;box-shadow:0 12px 15px #0001;flex-direction:column;align-items:stretch;gap:22px}.links.open{display:flex}.hero{display:flex;flex-direction:column-reverse;padding-right:24px}.hero-photo{clip-path:none;width:100%;height:290px;margin-top:22px}.hero-copy{padding:45px 0 55px;width:100%}.hero h1{font-size:52px}.services{gap:18px;padding-top:25px;padding-bottom:55px}.about{gap:30px;padding-top:25px;padding-bottom:70px}.about-photo img{height:290px}}@media(max-width:600px){.hero h1{font-size:45px;letter-spacing:-2px}.hero p{font-size:15px}.actions{flex-wrap:wrap}.services{grid-template-columns:1fr;gap:22px}.service{border-right:0;border-bottom:1px solid var(--line);padding-bottom:22px}.about{grid-template-columns:1fr}.about-photo img{height:240px}.project-grid{grid-template-columns:1fr}.project-grid img{height:230px}.section-heading{align-items:start;flex-direction:column;gap:10px}.contact{align-items:start;flex-direction:column;padding-top:65px;padding-bottom:65px}.footer{flex-direction:column;gap:8px}.projects{padding-top:60px;padding-bottom:60px}}

/* Minimal quote inquiry form */
.contact{align-items:start;display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;scroll-margin-top:110px}.contact-intro{padding-top:8px}.contact-intro p{line-height:1.75;max-width:340px}.contact .form-note{font-size:13px;color:#7b8797;margin-top:25px}.quote-form{border:1px solid var(--line);background:#fff;padding:32px;border-radius:5px;box-shadow:0 12px 38px #142c5309}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px}.field{display:flex;flex-direction:column;gap:9px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:var(--navy)}.field label span{color:#3988ac}.field input,.field select,.field textarea{width:100%;font:inherit;font-size:14px;color:var(--ink);background:white;border:1px solid #d6dfe8;border-radius:3px;padding:13px 14px;min-height:46px}.field textarea{resize:vertical;min-height:124px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #9bd2e7;outline-offset:1px;border-color:#4b9cc0}.field input::placeholder,.field textarea::placeholder{color:#929eaa}.submit-quote{margin-top:22px;cursor:pointer;border:0}.privacy-note{font-size:11px!important;line-height:1.6;color:#7d8897!important;margin:15px 0 0}.form-status{font-size:13px;color:#9a4d1b;line-height:1.5}.form-status:empty{display:none}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:850px){.contact{gap:32px;grid-template-columns:1fr 1.4fr}}@media(max-width:600px){.contact{grid-template-columns:1fr;gap:24px}.quote-form{padding:22px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.submit-quote{width:100%}}

/* V5: understated service-mark tagline */
.hero-tagline{color:#52759b;font-size:clamp(22px,2.2vw,30px);font-weight:500;letter-spacing:-.5px;margin:-5px 0 12px}
.hero-tagline sup{font-size:12px;vertical-align:super;margin-left:2px}
@media(max-width:600px){.brand{width:204px;height:68px}.hero-tagline{font-size:24px}}

/* V6: larger logo and adjacent service-mark tagline in the header */
.nav{gap:16px}
.brand{display:flex;align-items:center;flex:0 0 auto;width:auto;height:auto;min-height:96px;overflow:visible;gap:18px}
.brand img{width:290px;height:94px;object-fit:contain;object-position:left center;flex-shrink:0}
.brand-tagline{font-size:17px;font-weight:600;letter-spacing:-.35px;color:#52759b;white-space:nowrap}
.brand-tagline sup{font-size:10px;margin-left:2px}
.links{gap:24px}
@media(max-width:1100px){.brand img{width:245px;height:84px}.brand{gap:12px}.brand-tagline{font-size:15px}.links{gap:16px}}
@media(max-width:850px){.brand{min-height:78px;gap:10px}.brand img{width:220px;height:76px}.brand-tagline{font-size:14px}.nav{min-height:80px}.links{top:80px}}
@media(max-width:600px){.brand{gap:7px;min-height:68px}.brand img{width:clamp(145px,43vw,200px);height:66px}.brand-tagline{font-size:clamp(10px,2.8vw,13px)}.brand-tagline sup{font-size:8px}.nav{gap:8px}.menu-toggle{font-size:12px}.links{top:76px}}

/* V7: quiet footer signature; retain V6 enlarged logo */
.brand{gap:0}
.footer{align-items:center;flex-wrap:wrap}
.footer-tagline{color:#52759b;font-size:13px;font-weight:600;letter-spacing:-.1px;white-space:nowrap}
.footer-tagline sup{font-size:9px;margin-left:2px}
@media(max-width:600px){.footer{align-items:flex-start}.footer-tagline{font-size:13px}}
