
:root{--ink:#102a43;--muted:#52677a;--paper:#fff;--wash:#f3f7f8;--brand:#176b87;--accent:#e5b74b;--radius:18px;--shadow:0 18px 50px rgba(16,42,67,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3{line-height:1.1;margin:0 0 .75rem}h1{font-size:clamp(2.35rem,7vw,5.4rem);max-width:14ch}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:1.22rem}p{margin:.4rem 0 1rem}.wrap{width:min(1160px,calc(100% - 2rem));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.75rem;z-index:100}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #d9e4ea;backdrop-filter:blur(12px)}.nav-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;min-width:0;align-items:center;gap:.75rem;font-weight:850;text-decoration:none}.brand img{width:auto;height:52px;object-fit:contain}.nav{display:flex;align-items:center;gap:.25rem}.nav a{padding:.55rem .7rem;text-decoration:none;font-weight:700;font-size:.92rem;border-radius:10px}.nav a:hover,.nav a[aria-current=page]{background:var(--wash);color:var(--brand)}.menu{display:none;flex:0 0 auto;position:relative;z-index:21;color:var(--ink);border:1px solid #bfd0d9;border-radius:9px;padding:.55rem .75rem;background:white;font-weight:750}.hero{min-height:620px;display:grid;align-items:center;background:linear-gradient(90deg,rgba(8,33,48,.94),rgba(8,33,48,.55)),var(--hero) center/cover;color:white;padding:5rem 0}.hero p{font-size:1.16rem;max-width:62ch;color:#e7f3f6}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.78rem;color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.button{display:inline-block;background:var(--accent);color:#172c3b;padding:.78rem 1.12rem;border:0;border-radius:999px;font-weight:850;text-decoration:none;cursor:pointer}.button.secondary{background:transparent;color:inherit;border:1px solid currentColor}.section{padding:5rem 0}.section.alt{background:var(--wash)}.lead{font-size:1.12rem;max-width:72ch;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:white;border:1px solid #d8e3e8;border-radius:var(--radius);padding:1.45rem;box-shadow:0 7px 24px rgba(16,42,67,.06)}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin-bottom:1rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.stat{text-align:center;padding:1.4rem;border-radius:var(--radius);background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15)}.stat strong{display:block;font-size:2rem;color:var(--accent)}.checklist{padding-left:1.2rem}.checklist li{margin:.45rem 0}.price{font-size:2.4rem;font-weight:900}.notice{padding:1rem 1.2rem;border-left:4px solid var(--accent);background:#fff9e8;border-radius:8px}.page-head{padding:4.5rem 0 3rem;background:linear-gradient(135deg,var(--ink),var(--brand));color:white}.page-head p{max-width:70ch;color:#e3f1f4}.prose{max-width:820px}.prose h2{margin-top:2.3rem}.project{border-left:4px solid var(--brand)}.meta{color:var(--muted);font-size:.92rem}.form{display:grid;gap:1rem;max-width:760px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form label{display:grid;gap:.35rem;font-weight:750}.form input,.form select,.form textarea{width:100%;padding:.8rem;border:1px solid #aebfc9;border-radius:10px;font:inherit;color:var(--ink);background:white}.form textarea{min-height:150px;resize:vertical}.form-status{min-height:1.7rem;font-weight:700}.hp{position:absolute;left:-9999px}.footer{background:#0c2534;color:#dbe8ee;padding:3.5rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer a{color:#dbe8ee}.small{font-size:.88rem;color:#a9bdc7}.pills{display:flex;flex-wrap:wrap;gap:.5rem}.pill{background:#e8f1f4;border-radius:999px;padding:.32rem .7rem;font-weight:750;font-size:.86rem}.image-band{min-height:360px;background:linear-gradient(90deg,rgba(8,33,48,.82),rgba(8,33,48,.24)),var(--band) center/cover;display:grid;align-items:center;color:white}.not-found{text-align:center;padding:7rem 1rem}.not-found h1{margin-inline:auto}
@media(max-width:860px){.menu{display:block}.nav{position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:white;border-bottom:1px solid #d9e4ea;padding:1rem}.nav.open{display:flex}.nav a{padding:.75rem 1rem}.grid,.grid.two,.stats,.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:540px}}
@media(max-width:560px){.wrap{width:min(100% - 1.2rem,1160px)}.brand span{max-width:180px;line-height:1.05}.brand img{height:42px}.grid,.grid.two,.stats,.footer-grid,.form .row{grid-template-columns:1fr}.section{padding:3.6rem 0}.hero{padding:3.8rem 0}.actions{align-items:stretch}.actions .button{text-align:center;width:100%}h1{font-size:clamp(2.2rem,12vw,3.6rem)}}
:root{--brand:#087a8c;--accent:#d4a437;--ink:#17313d;--wash:#edf6f6;--hero:url('/images/wastewater_aerial.jpg')}.brand img{max-width:145px}