/* Editorial engineering hero. The independent water introduction, genuine
   logo, shared header and all sections below this hero remain unchanged. */
body[data-page="home"] .water-hero.eh-hero{height:auto;min-height:0;max-height:none;overflow:hidden;background:#fff;color:#17191b;padding:28px var(--pad) 0;isolation:isolate}
.eh-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(35px,4.6vw,82px);align-items:center;max-width:1720px;margin:0 auto}
body[data-page="home"] .eh-hero .water-copy{width:auto;max-width:none;margin:0;padding:12px 0 26px;text-align:left;opacity:1;transform:none}
.eh-kicker{font:11px/1.5 "Courier New",monospace;letter-spacing:.13em;text-transform:uppercase;color:#4e5359;display:flex;align-items:center;gap:12px;margin:0 0 25px}
.eh-kicker::before{content:"";width:27px;height:3px;background:#e60012;flex:none}
body[data-page="home"] .eh-hero .water-copy h1{font:500 clamp(48px,4.85vw,82px)/1.03 Arial,sans-serif;letter-spacing:-.065em;color:#17191b;margin:0 0 24px}
.eh-hero h1 span{color:#c60011}
.eh-hero h1:focus{outline:none}
.eh-intro{font-size:clamp(17px,1.35vw,22px);line-height:1.55;color:#535960;max-width:43ch;margin:0 0 27px}
.eh-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin:0}
.eh-actions .water-quote{font-size:16px;min-height:52px;padding:14px 23px;border-radius:0;gap:26px}
.eh-secondary{display:inline-flex;gap:22px;align-items:center;min-height:44px;font-size:15px;border-bottom:1px solid #9a9fa5;line-height:1.3}
.eh-secondary span{font-size:22px;line-height:1}
.eh-secondary:hover{color:#c60011;border-color:#c60011}
.eh-copy-note{font:11px/1.6 "Courier New",monospace;letter-spacing:.09em;color:#6b7076;margin-top:29px;text-transform:uppercase}
.eh-visual{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:minmax(190px,1fr) minmax(195px,.83fr);gap:12px;height:clamp(410px,31.8vw,510px);min-width:0}
.eh-photo{position:relative;overflow:hidden;margin:0;min-width:0;background:#e5e7e9}
.eh-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.65);transition:transform .5s ease}
.eh-photo:hover img{transform:scale(1.025)}
.eh-photo--main{grid-column:1;grid-row:1/span 2}
.eh-photo--main img{object-position:53% center}
.eh-photo--detail img{object-position:40% center}
.eh-photo figcaption{position:absolute;left:0;right:0;bottom:0;background:#17191bed;color:#fff;padding:16px 18px;font:10px/1.5 "Courier New",monospace;letter-spacing:.09em;text-transform:uppercase;border-left:3px solid #e60012}
.eh-photo--detail figcaption{padding:11px 13px;font-size:10px;letter-spacing:.045em}
.eh-red-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:23px 24px;background:linear-gradient(135deg,#e60012,#a7000e);color:#fff;overflow:hidden}
.eh-red-panel::after{content:"";position:absolute;width:80px;height:170%;right:-35px;top:-20%;background:#ffffff0a;transform:rotate(24deg);pointer-events:none}
.eh-red-panel>small{font:10px/1.5 "Courier New",monospace;letter-spacing:.1em;opacity:.8}
.eh-red-panel strong{font-size:clamp(23px,2vw,33px);font-weight:500;line-height:1.1;letter-spacing:-.045em;position:relative;z-index:1}
.eh-red-panel>span{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.4;border-top:1px solid #ffffff55;padding-top:13px;position:relative;z-index:1}
.eh-red-panel b{font-size:22px;font-weight:400;line-height:1}
.eh-red-panel:hover{background:linear-gradient(135deg,#cf0011,#8d000c)}
.eh-service-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1720px;margin:34px auto 0;border-top:3px solid #e60012;border-bottom:1px solid #d7dade;background:#f0f1f3}
.eh-service{display:grid;grid-template-columns:24px 1fr 17px;gap:8px 12px;padding:22px 22px;color:#17191b;min-width:0;transition:background .2s}
.eh-service+.eh-service{border-left:1px solid #d4d7db}
.eh-service>small{grid-column:1;grid-row:1/span 2;font:10px/1.5 "Courier New",monospace;color:#b60010;padding-top:3px}
.eh-service>strong{grid-column:2;font-size:17px;font-weight:500;letter-spacing:-.025em;line-height:1.25}
.eh-service>span{grid-column:2;font-size:12px;line-height:1.45;color:#60666c}
.eh-service>b{grid-column:3;grid-row:1;font-size:21px;font-weight:400;line-height:1}
.eh-service:hover{background:#e5e7ea}
.eh-service:hover>strong,.eh-service:hover>b{color:#c40011}
.eh-utility{max-width:1720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:53px;padding:9px 0;color:#757b81}
.eh-utility>p{font:10px/1.5 "Courier New",monospace;letter-spacing:.07em;text-transform:uppercase}
.eh-replay-controls{display:flex;align-items:center;margin-left:auto}
.eh-replay-controls button{min-height:36px;padding:7px 0 7px 14px;font:11px/1.5 Arial,sans-serif;color:#656b71;display:inline-flex;gap:7px;align-items:center;white-space:nowrap}
.eh-replay-controls button::before{content:"↻";font-size:16px;line-height:1}
.eh-replay-controls button:hover{color:#c60011}
.eh-replay-controls button:disabled{color:#969ba0;cursor:default}
.eh-replay-controls[hidden],.eh-replay-controls button[hidden]{display:none!important}
.eh-hero a:focus-visible,.eh-replay-controls button:focus-visible{outline:2px solid #e60012;outline-offset:5px}
@media(min-width:1700px){body[data-page="home"] .water-hero.eh-hero{padding-top:38px}.eh-layout{gap:84px}.eh-copy-note{margin-top:36px}.eh-service-strip{margin-top:40px}.eh-service{padding:25px 28px}.eh-service>strong{font-size:19px}}
@media(max-width:1150px){
 body[data-page="home"] .water-hero.eh-hero{padding-top:20px}
 .eh-layout{gap:30px;grid-template-columns:1fr 1fr}
 body[data-page="home"] .eh-hero .water-copy h1{font-size:clamp(43px,5.2vw,61px)}
 .eh-visual{height:410px;gap:9px;grid-template-columns:1fr 1fr}
 .eh-red-panel{padding:20px 17px;gap:15px}
 .eh-red-panel strong{font-size:25px}
 .eh-red-panel>span{font-size:11px}
 .eh-photo figcaption{padding:13px 12px;font-size:10px}
 .eh-photo--detail figcaption{font-size:10px;padding:9px}
 .eh-service{padding:20px 16px;grid-template-columns:18px 1fr 14px;gap:6px 8px}
 .eh-service>strong{font-size:15px}
 .eh-service>span{font-size:11px}
 .eh-actions{gap:15px 22px}
 .eh-actions .water-quote{font-size:14px;padding:13px 18px;gap:18px}
 .eh-secondary{font-size:14px;gap:15px}
}
@media(max-width:850px){
 body[data-page="home"] .water-hero.eh-hero{padding-top:24px}
 .eh-layout{grid-template-columns:1fr;gap:25px}
 body[data-page="home"] .eh-hero .water-copy{padding:0}
 body[data-page="home"] .eh-hero .water-copy h1{font-size:clamp(48px,7.5vw,70px);max-width:13ch;margin-bottom:20px}
 .eh-kicker{margin-bottom:20px;font-size:10px}
 .eh-intro{max-width:53ch;font-size:18px;margin-bottom:23px}
 .eh-copy-note{margin-top:23px}
 .eh-visual{height:385px;grid-template-columns:1.3fr 1fr;grid-template-rows:minmax(160px,1fr) minmax(195px,.95fr)}
 .eh-red-panel strong{font-size:29px}
 .eh-service-strip{grid-template-columns:1fr 1fr;margin-top:27px}
 .eh-service{padding:19px 18px;grid-template-columns:22px 1fr 17px;gap:6px 10px}
 .eh-service:nth-child(3){border-left:0;border-top:1px solid #d4d7db}
 .eh-service:nth-child(4){border-top:1px solid #d4d7db}
 .eh-service>strong{font-size:17px}
 .eh-service>span{font-size:12px}
}
@media(max-width:520px){
 body[data-page="home"] .water-hero.eh-hero{padding:22px 20px 0}
 body[data-page="home"] .eh-hero .water-copy h1{font-size:clamp(42px,10.5vw,54px);line-height:1.035;letter-spacing:-.06em}
 .eh-kicker{font-size:10px;letter-spacing:.07em;gap:9px;margin-bottom:18px}
 .eh-kicker::before{width:20px}
 .eh-intro{font-size:16px;line-height:1.6;max-width:34ch;margin-bottom:23px}
 .eh-actions{gap:14px 21px}
 .eh-actions .water-quote{font-size:14px;padding:13px 18px;gap:16px;min-height:49px}
 .eh-secondary{font-size:13px;gap:15px}
 .eh-copy-note{font-size:10px;letter-spacing:.04em;margin-top:21px}
 .eh-visual{height:388px;gap:8px;grid-template-columns:1.08fr 1fr;grid-template-rows:1fr 220px}
 .eh-photo--main img{object-position:46% center}
 .eh-photo figcaption{font-size:10px;letter-spacing:.025em;padding:11px 10px;line-height:1.6}
 .eh-photo--detail figcaption{font-size:10px;padding:8px}
 .eh-red-panel{padding:17px 15px;gap:10px}
 .eh-red-panel>small{font-size:10px;letter-spacing:.025em}
 .eh-red-panel strong{font-size:24px}
 .eh-red-panel>span{font-size:10px;padding-top:10px}
 .eh-red-panel b{font-size:19px}
 .eh-service{grid-template-columns:1fr 15px;padding:17px 14px;gap:7px 8px}
 .eh-service>small{grid-column:1;grid-row:1;font-size:10px;padding:0}
 .eh-service>strong{grid-column:1;grid-row:2;font-size:15px}
 .eh-service>span{grid-column:1/span 2;grid-row:3;font-size:11px}
 .eh-service>b{grid-column:2;grid-row:1;font-size:18px}
 .eh-utility{align-items:center;gap:12px;min-height:54px}
 .eh-utility>p{font-size:10px;max-width:21ch;letter-spacing:.04em}
 .eh-replay-controls button{font-size:10px;padding-left:0}
}
@media(max-width:360px){.eh-visual{height:410px;grid-template-rows:1fr 240px}.eh-red-panel strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.eh-photo img,.eh-service{transition:none}.eh-photo:hover img{transform:none}}
