.water-story-teaser{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:92px max(6vw,24px);color:#173d2c;background:#e8e2d5}.water-story-teaser h2{max-width:720px;margin:14px 0 18px;font-family:Georgia,serif;font-size:clamp(38px,5vw,66px);font-weight:500;line-height:1.02;letter-spacing:-.035em}.water-story-teaser>div>p:not(.marketing-kicker){max-width:720px;color:#5c6a62;font-size:16px;line-height:1.65}.water-story-teaser button{margin-top:24px;padding:15px 18px;border:0;border-radius:5px;color:#fff;background:#173d2c;font-size:12px;font-weight:850;cursor:pointer}.water-story-teaser button span{margin-left:18px}.water-story-teaser>aside{padding:29px;border:1px solid #c7c4b9;border-radius:14px;background:#f7f3e9;box-shadow:0 18px 45px rgba(30,50,40,.1)}.water-story-teaser>aside>small{color:#a05545;font-size:9px;font-weight:900;letter-spacing:.13em}.water-story-teaser>aside>strong{display:block;margin:10px 0 22px;font-family:Georgia,serif;font-size:27px;font-weight:500}.water-story-teaser>aside>div{display:grid;gap:8px}.water-story-teaser>aside span{display:flex;align-items:center;gap:9px;padding:11px;border-radius:7px;color:#5d6962;background:#fff;font-size:11px;font-weight:750}.water-story-teaser>aside span i{width:8px;height:8px;border-radius:50%;background:#b85e49}.water-story-teaser>aside>b{display:block;margin-top:20px;padding-top:16px;border-top:1px solid #ddd8cc;color:#3b7356;font-size:11px}
.water-story-backdrop{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,15,12,.86);backdrop-filter:blur(12px)}.water-story-modal{width:min(1080px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:22px;background:#f5f1e7;box-shadow:0 38px 110px rgba(0,0,0,.52)}.water-story-modal>header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;color:#fff;background:#173d2c}.water-story-modal>header div>*{display:block}.water-story-modal>header small{color:#efca73;font-size:9px;font-weight:900;letter-spacing:.14em}.water-story-modal>header strong{margin-top:4px;font-family:Georgia,serif;font-size:18px;font-weight:500}.water-story-modal>header button{width:39px;height:39px;border:1px solid rgba(255,255,255,.23);border-radius:50%;color:#fff;background:transparent;font-size:23px;cursor:pointer}.water-story-modal>nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:17px 24px;border-bottom:1px solid #d9dbd4;background:#fff}.water-story-modal>nav button{display:flex;align-items:center;gap:8px;padding:8px;border:0;color:#7b857f;background:transparent;text-align:left;cursor:pointer}.water-story-modal>nav i{width:26px;height:26px;display:grid;flex:0 0 26px;place-items:center;border:1px solid #d0d6d1;border-radius:50%;font-size:9px;font-style:normal;font-weight:900}.water-story-modal>nav span>*{display:block}.water-story-modal>nav small{font-size:8px}.water-story-modal>nav strong{margin-top:2px;font-size:9px}.water-story-modal>nav button.active i{border-color:#b85e49;color:#fff;background:#b85e49}.water-story-modal>nav button.done i{border-color:#3e7858;color:#fff;background:#3e7858}.water-story-scene{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;min-height:480px;padding:40px 46px;animation:waterSceneIn .35s ease}.water-story-scene>section>small{color:#a55543;font-size:9px;font-weight:900;letter-spacing:.12em}.water-story-scene h2{margin:15px 0 13px;font-family:Georgia,serif;font-size:39px;font-weight:500;line-height:1.06}.water-story-scene>section>p{color:#5e6c64;font-size:14px;line-height:1.65}.story-value{display:grid;gap:3px;margin-top:28px;padding:15px;border-left:4px solid #d2a13d;background:#fff}.story-value strong{font-size:11px}.story-value span{color:#6f7a74;font-size:10px}.water-story-scene>aside{min-height:330px;display:grid;place-items:center;padding:28px;border-radius:16px;background:#dfe6df}.arrival-card,.incident-card{width:min(360px,100%);padding:28px;border-radius:14px;background:#fff;box-shadow:0 16px 35px rgba(30,57,43,.12)}.arrival-card>span{width:48px;height:48px;display:grid;place-items:center;margin-bottom:20px;border-radius:50%;color:#fff;background:#3f7959;font-size:20px}.arrival-card small,.incident-card small{color:#718078;font-size:8px;font-weight:900;letter-spacing:.1em}.arrival-card strong,.incident-card strong{display:block;margin:8px 0;font-family:Georgia,serif;font-size:24px;font-weight:500}.arrival-card p,.incident-card p{color:#6a766f;font-size:11px;line-height:1.55}.water-burst{width:54px;height:54px;display:grid;place-items:center;margin-bottom:20px;border-radius:50%;color:#fff;background:#b85e49;font-size:25px;font-weight:900;box-shadow:0 0 0 12px #f6e7e2}.incident-card>b{display:inline-block;margin-top:10px;padding:8px 10px;border-radius:99px;color:#fff;background:#173d2c;font-size:9px}.shutoff-map{width:min(380px,100%);display:grid;gap:10px;text-align:center}.shutoff-map>span{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:17px;border-radius:11px;background:#fff;text-align:left}.shutoff-map span>i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#b65a47;font-size:18px;font-style:normal}.shutoff-map span>b{font-size:12px}.shutoff-map span>em{color:#758078;font-size:10px;font-style:normal}.shutoff-map>i{color:#6e7b73;font-style:normal}.shutoff-map>small{font-size:9px;font-weight:900;letter-spacing:.1em}.comms-stack{width:100%;display:grid;gap:10px}.comms-stack article{padding:16px;border-radius:10px;background:#fff}.comms-stack article>*{display:block}.comms-stack small{color:#6f7c74;font-size:8px;font-weight:900;letter-spacing:.08em}.comms-stack strong{margin:6px 0;font-size:12px}.comms-stack span{color:#65726a;font-size:10px;line-height:1.45}.comms-stack .sent{display:flex;align-items:center;gap:10px;color:#fff;background:#3d7657}.comms-stack .sent>b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#3d7657;background:#fff}.comms-stack .sent small,.comms-stack .sent span{color:#fff}.prevention-record{width:100%;overflow:hidden;border-radius:12px;background:#fff}.prevention-record header{padding:17px;color:#fff;background:#173d2c}.prevention-record header>*{display:block}.prevention-record header small{font-size:8px;letter-spacing:.1em}.prevention-record header strong{margin-top:5px;font-size:13px}.prevention-record ul{display:grid;gap:0;margin:0;padding:8px 18px;list-style:none}.prevention-record li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid #e3e7e3}.prevention-record li:last-child{border:0}.prevention-record li>i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#41795a;font-size:9px;font-style:normal}.prevention-record li span>*{display:block}.prevention-record li b{font-size:11px}.prevention-record li small{margin-top:4px;color:#718078;font-size:9px}.water-story-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 25px;border-top:1px solid #d8dcd7;background:#fff}.water-story-modal>footer p{max-width:650px;margin:0;color:#65726a;font-size:10px;line-height:1.5}.water-story-modal>footer p strong{color:#173d2c}.water-story-modal>footer div{display:flex;gap:8px}.water-story-modal>footer button{height:40px;padding:0 14px;border:1px solid #ccd3cd;border-radius:6px;background:#fff;font-size:10px;font-weight:850;cursor:pointer}.water-story-modal>footer button:last-child{border-color:#173d2c;color:#fff;background:#173d2c}.water-story-modal>footer button:disabled{opacity:.35}@keyframes waterSceneIn{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.water-story-teaser{grid-template-columns:1fr;gap:34px;padding:64px 20px}.water-story-teaser h2{font-size:42px}.water-story-backdrop{padding:8px}.water-story-modal{max-height:calc(100vh - 16px);border-radius:15px}.water-story-modal>nav{grid-template-columns:repeat(5,1fr);padding:10px}.water-story-modal>nav button{justify-content:center;padding:5px}.water-story-modal>nav span{display:none}.water-story-scene{grid-template-columns:1fr;gap:22px;min-height:0;padding:26px 18px}.water-story-scene h2{font-size:31px}.water-story-scene>aside{min-height:280px;padding:17px}.water-story-modal>footer{align-items:stretch;flex-direction:column}.water-story-modal>footer div{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.water-story-scene{animation:none}}