/* Water-page layout only. Core service controls, forms and navigation are shared. */
.water-directions{background:var(--color-paper)}.water-cards{gap:3rem 1.5rem}.water-card{gap:1.25rem;align-content:start}.water-card .service-picture{overflow:hidden;border-radius:.3rem}.water-card img{aspect-ratio:511/347;object-fit:cover}.water-card-title{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start}.water-card-title .icon{width:2.5rem;height:2.5rem;color:var(--color-teal);stroke-width:1.1}.water-card h3{font:1.2rem/1.3 var(--font-display);text-transform:uppercase;border-left:1px solid var(--color-line);padding-left:1rem;min-height:2.5rem}.water-card p{line-height:1.5}.water-complete{margin-top:3rem;text-align:center;font:var(--text-h3)/1.4 var(--font-display)}.water-complete p{max-width:none}.water-divider{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;color:var(--color-muted)}.water-divider::before,.water-divider::after{content:'';flex:1;height:1px;background:var(--color-line)}.water-divider .icon{width:2.5rem;height:2.5rem}
.water-process{background:var(--color-night)}.water-stages{list-style:none;display:grid;gap:2rem;padding:0;margin:0}.water-stages li{gap:.75rem;align-content:start}.water-stage-number{display:flex;align-items:center;gap:1rem;color:var(--color-cyan);font:1.6rem/1 var(--font-body)}.water-stage-number::after{content:'';height:1px;background:var(--color-cyan);flex:1;opacity:.65}.water-stages h3{font-size:1.5rem}.water-stages p{color:var(--color-muted);line-height:1.45}.water-signature{display:flex;align-items:start;justify-content:flex-end;gap:1.5rem;font:italic 1.125rem/1.2 var(--font-display);max-width:none;margin-top:2rem}.water-signature::before{content:'';height:1px;width:4rem;background:var(--color-cyan);margin-top:.5rem}
.water-portfolio{background:radial-gradient(ellipse at top,#06485a,var(--color-night));overflow:hidden}.water-portfolio::after{display:none}.water-portfolio-intro{display:grid;gap:2rem}.water-values{list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem;padding:0;margin:0}.water-values li{display:flex;align-items:center;gap:1rem}.water-values .icon{width:2rem;height:2rem;color:var(--color-cyan);stroke-width:1.1}.water-estimate-bottom{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}.water-estimate-bottom .estimate-signature{margin-top:2rem}.water-estimate-bottom .water-signature{margin-left:auto}
@media(min-width:48rem){.water-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.water-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.water-portfolio-intro{grid-template-columns:1.2fr 1fr}.water-values{grid-column:1/-1}}
@media(min-width:64rem){
.water-page .services-hero{min-height:calc(946 * var(--service-unit))}.water-page .services-hero-copy{width:65%;padding-top:calc(185 * var(--service-unit));gap:calc(30 * var(--service-unit))}.water-page .services-hero h1{font-size:clamp(3rem,4.55vw,6rem);line-height:1}.water-page .services-hero-copy>p{max-width:46ch;font-size:clamp(1rem,1.2vw,1.45rem);line-height:1.5}.water-page .services-hero::after{background:linear-gradient(90deg,#00152430,transparent 65%)}
.water-directions{padding-top:calc(50 * var(--service-unit));padding-bottom:calc(70 * var(--service-unit))}.water-directions>.split{grid-template-columns:1.7fr 1fr;align-items:center}.water-directions h2,.water-portfolio h2{font-size:clamp(3rem,5.5vw,6.5rem);line-height:.95}.water-directions>.split>p{max-width:40ch;font-size:clamp(1rem,1.3vw,1.6rem)}.water-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(55 * var(--service-unit)) calc(22 * var(--service-unit))}.water-card-title{grid-template-columns:calc(70 * var(--service-unit)) 1fr;gap:calc(20 * var(--service-unit))}.water-card h3{font-size:clamp(1.15rem,1.55vw,1.9rem);padding-left:calc(30 * var(--service-unit))}.water-card-title .icon{width:calc(60 * var(--service-unit));height:calc(60 * var(--service-unit))}.water-card p{font-size:clamp(1rem,1.4vw,1.65rem);line-height:1.4}.water-complete{margin-top:calc(80 * var(--service-unit));font-size:clamp(1.5rem,2.5vw,3rem)}
.water-process{padding-block:calc(40 * var(--service-unit))}.water-process>.split{grid-template-columns:1.1fr 1fr;gap:calc(80 * var(--service-unit));align-items:center}.water-process h2{font-size:clamp(2.5rem,4.3vw,5.2rem);line-height:1}.water-process>.split>p{border-left:1px solid var(--color-line);padding-left:calc(45 * var(--service-unit));max-width:50ch;font-size:clamp(1rem,1.1vw,1.3rem);line-height:1.5}.water-stages{grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(30 * var(--service-unit))}.water-stages h3{font-size:clamp(1.25rem,1.6vw,1.9rem)}.water-stages p{font-size:clamp(1rem,1vw,1.2rem)}
.water-portfolio-intro{grid-template-columns:1.5fr 1.1fr .4fr;align-items:center;gap:calc(50 * var(--service-unit))}.water-portfolio-intro>p{border-left:1px solid var(--color-line);padding-left:calc(60 * var(--service-unit));font-size:clamp(1rem,1.1vw,1.3rem);line-height:1.5}.water-values{grid-column:auto;flex-direction:column;gap:1rem;border-left:1px solid var(--color-line);padding-left:calc(30 * var(--service-unit));font-size:.65rem}.water-values li{gap:.75rem}.water-portfolio .water-signature{margin-top:0}.water-page .services-questions>.split{grid-template-columns:1.2fr 1fr;align-items:center}.water-page .services-questions>.split>p{border-left:1px solid var(--color-line);padding-left:3rem;max-width:45ch}
.water-page #estimate{min-height:calc(1114 * var(--service-unit))}.water-page #estimate .estimate-copy{width:58%}.water-page #estimate .services-backdrop img{object-position:center}.water-page #estimate .lead{max-width:44ch}.water-page .director-name{max-width:23ch}.water-estimate-bottom .estimate-signature{font-size:clamp(.625rem,.8vw,.95rem)}
}
@media(max-width:47.999rem){.water-page .services-hero h1{font-size:clamp(1.85rem,8vw,3.5rem)}.water-page .services-hero-copy>p br{display:none}.water-page .service-project img{aspect-ratio:3/2}.water-page .service-portfolio-slider .service-pagination{grid-template-columns:repeat(6,minmax(0,1fr))}.water-estimate-bottom .water-signature{margin-left:0}.water-page .services-estimate h2{font-size:clamp(2rem,8.5vw,3rem)}}
@media(min-width:64rem){
 .water-page #estimate::after{background:linear-gradient(90deg,#001524df 0%,#001524ae 38%,#00152435 57%,transparent 72%)}
}

/* The supplied mobile hero is a separate 4:3 composition. */
@media(max-width:63.999rem){.water-page .services-hero>.services-backdrop{aspect-ratio:4/3}}