.water-systems-page .water-hero-art{color:#b9e4f4;max-width:440px;width:100%;justify-self:center;background:radial-gradient(ellipse,#468ead38,transparent 70%)}
.water-hero-art svg{display:block;width:100%;height:auto}
.water-systems-page .p-hero-grid{min-height:0;padding-block:56px;gap:48px}
.water-systems-page .p-hero h1{font-size:clamp(38px,4.7vw,72px)}
.water-systems-page .p-hero h2{font-size:clamp(23px,2.4vw,34px)}
.water-range{padding:64px var(--pad);background:linear-gradient(120deg,#0b283e,#174761);color:#edf7ff}
.water-range>h2,.water-project h2{font-size:clamp(32px,3.6vw,52px);line-height:1.2;margin:16px 0 28px}
.water-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.water-system-card{display:flex;flex-direction:column;padding:26px;background:#e6f2f807;border:1px solid #b7dce238;transition:background .2s}
.water-system-card:hover{background:#e6f2f812}.water-card-art{height:150px;margin:0 0 20px;color:#bce5ed}.water-card-art svg{height:100%;width:100%}
.water-system-card h3{font-size:25px;line-height:1.3;margin:14px 0}.water-system-card p{font-size:15px;line-height:1.7;color:#c2dce5;margin:0 0 24px}.water-card-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid #b7dce238;font-size:14px}
.water-project{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:64px var(--pad);background:#eaf3f7}
.water-project p{font-size:17px;line-height:1.8;color:#46677b}.water-project ul{padding:0;list-style:none;margin:0}.water-project li{padding:18px 0;border-bottom:1px solid #163e5926;font-size:17px;line-height:1.5}.water-project li:before{content:'—';margin-right:14px;color:#4c839c}
.water-systems-page .p-contact-copy{min-width:0}.water-systems-page .p-contact .eyebrow{line-height:1.6}
@media(max-width:1000px){.water-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.water-system-grid,.water-project{grid-template-columns:1fr}.water-project{gap:24px;padding-block:40px}.water-range{padding-block:40px}.water-systems-page .p-hero-grid{padding-block:32px;gap:24px}.water-systems-page .water-hero-art{max-width:300px}.water-card-art{height:130px}}

/* Approved dimensional Water Systems illustrations. */
.water-dimensional{display:block;width:100%;height:100%;object-fit:contain}
.water-systems-page .water-hero-art{max-width:500px}
.water-systems-page .water-hero-art .water-dimensional{height:auto;max-height:380px}
.water-card-art{height:180px}
@media(max-width:650px){.water-systems-page .water-hero-art{max-width:330px}.water-card-art{height:160px}}