/* Water service: scoped layout, predictable image proportions and contact card. */
.water-hero{padding:48px 0 56px;background:#17242c;color:#fff}
.water-hero .breadcrumbs{color:#c3cdd2;margin-bottom:28px}
.water-hero .breadcrumbs a{color:#fff}
.water-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px}
.water-hero h1{font-size:clamp(36px,3.5vw,54px);line-height:1.12;margin:16px 0 22px;max-width:760px}
.water-hero p{font-size:18px;line-height:1.65;color:#d7dfe2;margin:0 0 24px;max-width:680px}
.water-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px}
.water-hero-actions>a:not(.button){color:#ffc048;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.water-visual{margin:0;min-width:0}
.water-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.water-visual figcaption{font-size:12px;line-height:1.5;padding-top:8px;color:#748088}
.water-hero .water-visual figcaption{color:#b8c5cc}
.water-layout{grid-template-columns:minmax(0,1fr) 360px;gap:56px}
.water-content>h2:first-child{margin-top:0}
.water-content p,.water-content li{font-size:16px;line-height:1.7}
.water-process{list-style:none;margin:24px 0 16px;padding:0;counter-reset:water-step}
.water-process>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:24px 0;border-top:1px solid #dce1e3;margin:0;counter-increment:water-step}
.water-process>li:before{content:counter(water-step,decimal-leading-zero);display:grid;place-items:center;align-self:start;width:44px;height:44px;border-radius:50%;background:#fff1d3;color:#865800;font-size:16px;font-weight:800}
.water-process h3{margin:6px 0 10px;font-size:21px;line-height:1.35}
.water-process p{margin:0}
.water-depth-note{padding:18px 22px;background:#f3f5f5;border-left:3px solid #f3a712}
.water-content .water-depth-note{font-size:14px;line-height:1.65}
.water-quality{margin:40px 0}
.water-quality h2{margin-top:0}
.water-quality .water-visual{margin-top:24px}
.water-documents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.water-documents>div{padding:22px;border:1px solid #dce1e3;background:#f6f7f7}
.water-documents h3{margin:0 0 10px;font-size:20px}
.water-documents p{margin:0;font-size:15px}
.water-responsibility{margin:32px 0;padding:28px;background:#17242c;color:#fff;border-left:4px solid #f3a712}
.water-responsibility h2{color:#fff;margin:0 0 16px;font-size:28px}
.water-responsibility p{color:#d7dfe2;margin:0}
.water-responsibility p+p{margin-top:12px}
.water-contact{top:calc(var(--site-header-height,100px) + 20px);padding:28px;border-top:4px solid #f3a712;min-width:0;scroll-margin-top:calc(var(--site-header-height,100px) + 24px)}
.water-contact h2{font-size:28px;line-height:1.2;margin:12px 0 24px}
.water-contact .water-contact-profile{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center;margin:0 0 22px}
.water-contact-profile>img{display:block;width:88px;height:110px;object-fit:cover;object-position:center 20%;border-radius:4px;filter:grayscale(1)}
.water-contact-profile h3{font-size:21px;line-height:1.3;margin:0 0 8px;overflow-wrap:break-word}
.water-contact-profile p{font-size:14px;line-height:1.5;margin:0;color:#657179}
.water-contact>p{font-size:16px;line-height:1.65;margin:0 0 22px}
.water-contact>.button{display:flex;justify-content:center;text-align:center;width:100%;white-space:normal;margin:0}
.water-contact .water-contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid #d5dcdf}
.water-contact-links a{font-size:16px;font-weight:800;line-height:1.5;text-decoration:underline;text-underline-offset:4px;color:#8c5c00;max-width:100%;overflow-wrap:anywhere}
.water-contact-links a[href^="tel:"]{font-size:20px;color:#17242c;text-decoration:none}
.water-contact .kicker{font-size:12px}
.water-details [id]{scroll-margin-top:calc(var(--site-header-height,100px) + 24px)}
@media(max-width:1100px){.water-layout{gap:36px;grid-template-columns:minmax(0,1fr) 330px}.water-contact{padding:24px}.water-hero-grid{gap:32px}}
@media(max-width:960px){.water-hero-grid,.water-layout{grid-template-columns:minmax(0,1fr)}.water-hero-grid{gap:32px}.water-hero h1{max-width:750px}.water-hero .water-visual{max-width:760px}.water-contact{position:static}.water-contact .water-contact-profile{grid-template-columns:104px minmax(0,1fr)}.water-contact-profile>img{width:104px;height:130px}.water-contact-profile h3{font-size:24px}.water-layout{gap:40px}}
@media(max-width:640px){.water-hero{padding:30px 0 36px}.water-hero .breadcrumbs{font-size:12px;line-height:1.5;margin-bottom:24px}.water-hero h1{font-size:34px;line-height:1.15;margin:14px 0 20px}.water-hero p{font-size:16px}.water-hero-actions{align-items:stretch;flex-direction:column;gap:16px}.water-hero-actions .button{width:100%;text-align:center}.water-hero-actions>a:not(.button){text-align:center;font-size:15px}.water-details{padding:42px 0}.water-content h2{font-size:27px;line-height:1.25}.water-process>li{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:20px 0}.water-process>li:before{width:36px;height:36px;font-size:14px}.water-process h3{font-size:20px;margin:4px 0 10px}.water-process p{font-size:16px}.water-documents{grid-template-columns:1fr;gap:12px}.water-documents>div{padding:20px}.water-responsibility{padding:24px 20px}.water-contact{padding:24px 20px}.water-contact .water-contact-profile{grid-template-columns:88px minmax(0,1fr);gap:16px}.water-contact-profile>img{width:88px;height:110px}.water-contact-profile h3{font-size:22px}.water-contact h2{font-size:28px}.water-contact-links a[href^="tel:"]{font-size:20px}}
@media(max-width:360px){.water-contact .water-contact-profile{grid-template-columns:76px minmax(0,1fr);gap:12px}.water-contact-profile>img{width:76px;height:95px}.water-contact-profile h3{font-size:19px}.water-hero h1{font-size:31px}}
