.water-subsite .desktop-nav{gap:clamp(12px,1.4vw,24px)}
.water-subsite .desktop-nav a{font-size:13px}
.water-subsite .water-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:28px 0}
.water-subsite .water-steps h3{font-size:21px;line-height:1.25;margin:14px 0}
.water-subsite .water-steps p{font-size:15px;line-height:1.65;color:#52636b}
.water-subsite .water-industrial-note{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:40px}
.water-subsite .water-industrial-note h2{font-size:clamp(27px,3vw,40px);margin:12px 0}
.water-subsite .water-industrial-note p{max-width:700px;line-height:1.7}
.water-subsite .water-industrial-note>.button{justify-self:end}
.water-subsite .water-city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}
.water-subsite .water-city-grid a{padding:15px 0;border-bottom:1px solid #dce5e7;font-size:15px}
.water-subsite .article-wrap{max-width:1120px}
.water-subsite .article-heading{max-width:900px}
@media(max-width:1100px){.water-subsite .water-steps,.water-subsite .water-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.water-subsite .water-steps,.water-subsite .water-industrial-note{grid-template-columns:1fr;gap:20px}.water-subsite .water-industrial-note>.button{justify-self:start}.water-subsite .water-city-grid{gap:0 16px}}
.water-directory .article-body{max-width:none}
.water-directory .knowledge-card h3{margin-top:0}

.water-subsite .water-hero .landing-hero-media img{object-position:center 42%}

.water-subsite .water-hero .landing-hero-media{align-self:center}
.water-subsite .water-hero .landing-hero-media img{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/2;object-fit:contain;object-position:center;flex:none}
.water-subsite .water-hero .landing-hero-media figcaption{font-size:14px}