.water-usage{background:#eaf2f3;padding-bottom:0;color:#123a47}
.water-ideal{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;margin-bottom:70px}
.water-usage .eyebrow{color:#316678;letter-spacing:.13em;margin-bottom:22px;font-family:var(--sans);font-size:12px}
.water-ideal h2{font-family:var(--serif);font-size:clamp(30px,3.5vw,48px);line-height:1.7;letter-spacing:.04em}
.water-ideal-copy>p{font-size:15px;line-height:2.1;margin-top:24px;color:#405e69}
.water-ideal-copy .water-ideal-note{font-size:12px;margin-top:20px}
.water-ideal-volume{padding:42px 28px;text-align:center;border-block:1px solid #8cb3bd}
.water-ideal-volume>span{font-size:14px;letter-spacing:.13em}
.water-ideal-volume>p{display:flex;align-items:baseline;justify-content:center;gap:12px;line-height:1;margin:17px 0 25px;color:#076a8d}
.water-ideal-volume strong{font:500 clamp(110px,14vw,190px)/.95 Arial,sans-serif;letter-spacing:-.07em}
.water-ideal-volume small{font-size:18px}.water-ideal-volume b{font:500 47px/1 Arial,sans-serif}
.water-ideal-volume .water-volume-from{display:block;font-family:var(--serif);font-size:19px;letter-spacing:.06em}
.water-ideal-volume>a{display:inline-block;margin-top:26px;font-size:12px;border-bottom:1px solid #7197a2;padding-bottom:3px}
.water-evidence{background:#fff;border-top:4px solid #287c96;padding:44px 46px;scroll-margin-top:25px}
.water-evidence-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:38px}
.water-evidence-heading .eyebrow{font-size:11px;margin-bottom:15px}
.water-evidence h3{font-family:var(--serif);font-size:32px;line-height:1.7;letter-spacing:.03em}
.water-evidence-heading>p{font-size:14px;line-height:2;color:#49636d}
.water-evidence-heading strong{font-weight:600;color:#123a47}
.water-evidence-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:42px}
.water-evidence-grid figure{min-width:0;margin:0}
.water-evidence-grid figcaption{font-size:15px;font-weight:600;line-height:1.7}
.water-flow-rate{font-size:12px;color:#58727c;margin:7px 0 27px}
.water-bar-row{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center;margin:18px 0 0}
.water-bar-row>span{font-size:12px;white-space:nowrap}
.water-bar-track{background:repeating-linear-gradient(to right,#e8eff2 0,#e8eff2 1px,transparent 1px,transparent 50%);border-right:1px solid #e8eff2}
.water-bar{background:#3b7282;color:#fff;height:48px;display:flex;align-items:center;justify-content:flex-end;padding-right:13px}
.water-bar-fifty{width:83.333333%}.water-bar-sixty{width:100%;background:#076a8d}
.water-bar strong{font:500 30px/1 Arial,sans-serif}.water-bar small{font-size:15px;margin-left:5px}
.water-chart-axis{margin:7px 0 0 100px;display:flex;justify-content:space-between;font:11px/1.5 Arial,sans-serif;color:#607b85}
.water-chart-note{font-size:11px;line-height:1.85;color:#576e78;margin-top:20px}
.water-bottle-chart{padding-left:36px;border-left:1px solid #d8e5e8}
.water-bottles{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:16px 10px;margin:28px 0 20px;padding-top:7px}
.water-bottle{height:38px;position:relative;background:#3b7282;border:1px solid #3b7282;border-radius:6px 6px 3px 3px}
.water-bottle:before{content:'';position:absolute;left:26%;right:26%;top:-8px;height:8px;background:inherit;border:1px solid #3b7282;border-radius:2px 2px 0 0}
.water-bottle:after{content:'';position:absolute;left:15%;right:15%;top:15px;height:9px;border-block:1px solid #ffffff6b}
.water-bottle-extra{background:#cde6ef;border-color:#076a8d}.water-bottle-extra:before{border-color:#076a8d}.water-bottle-extra:after{border-color:#6d9ba8}
.water-bottle-table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.8}
.water-bottle-table th,.water-bottle-table td{padding:10px 0;border-bottom:1px solid #e1eaed;background:none;color:#123a47;text-align:left;font-weight:400;letter-spacing:0}
.water-bottle-table td{text-align:right}.water-bottle-table strong{font-size:18px;font-weight:600}
.water-swatch{width:10px;height:10px;display:inline-block;background:#3b7282;margin-right:8px}.water-swatch-all{background:linear-gradient(90deg,#3b7282 50%,#cde6ef 50%);border:1px solid #3b7282}
.water-evidence-source{border-top:1px solid #d8e5e8;margin-top:32px;padding-top:20px;color:#526a74;font-size:11px;line-height:1.9}
.water-evidence-source p+p{margin-top:8px}.water-evidence-source strong{color:#123a47;margin-right:8px}.water-evidence-source a{text-decoration:underline;text-underline-offset:3px}
.water-comparison-bridge{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;padding:40px 0}
.water-comparison-bridge>span{font-size:11px;letter-spacing:.08em;color:#356c7c}
.water-comparison-bridge p{font-size:16px;line-height:1.9}.water-comparison-bridge strong{font-size:24px;font-weight:600}
.water-comparison-bridge>a{font-size:12px;border-bottom:1px solid #7197a2;padding-bottom:4px;white-space:nowrap}
.water-usage+.water-value{padding-top:75px}
.water-evidence{scroll-margin-top:110px}
.water-why-heading{margin-bottom:28px}
.water-why-heading .eyebrow{margin-bottom:10px}
.water-why-heading>p{font-size:14px;line-height:1.95;margin-top:14px;color:#49636d}
.water-daily-fact{background:#f0f6f8;border-left:4px solid #568597;padding:27px 30px;margin-bottom:36px}
.water-fact-label{font-size:12px;font-weight:700;color:#49636d}
.water-fact-title{font-size:26px;font-weight:700;line-height:1.5;color:#173b4e;margin:12px 0 16px}
.water-fact-title>span{display:block;font-size:30px}
.water-fact-title strong{font:800 clamp(68px,7vw,96px)/1.15 Arial,sans-serif;letter-spacing:-.04em;margin-left:10px}
.water-fact-title b{font-size:44px;margin-left:4px}
.water-fact-source{font-size:11px;line-height:1.9;color:#526a74}
.water-fact-source a{text-decoration:underline;text-underline-offset:3px}
.water-evidence-heading .water-impact{display:block;color:#076a8d;font-family:var(--sans);font-size:25px;font-weight:600;white-space:nowrap;margin:10px 0}
.water-volume-calculation small{display:block;font-size:11px;line-height:1.8}
.water-evidence-heading .water-impact strong{color:inherit;font:800 72px/1.2 Arial,sans-serif;margin-left:4px}
.water-bar strong{font-weight:800}
.water-bar-fifty{background:#5d8592}.water-bar-sixty{background:#076a8d}
.water-bottle-table strong{color:#173b4e;font-size:22px;font-weight:700}
.comparison-basis>p{flex:1;min-width:0}
.water-why-link{display:block;flex-shrink:0;border:1px solid #315a69;padding:12px 17px;text-align:center;font-size:15px;font-weight:700;line-height:1.6;background:#fff}
.water-why-link small{display:block;font-size:11px;font-weight:400;margin-top:3px}
.water-why-link:hover,.water-why-link:focus-visible{background:#173b4e;color:white}
.water-why-inline{display:inline-block;margin-top:16px;font-size:12px;font-weight:700;line-height:1.8;text-decoration:underline;text-underline-offset:4px;color:#174d66}
.water-why-inline:hover,.water-why-inline:focus-visible{color:#0874b9}
.value-burden .comparison-chores b{font-size:16px;font-weight:700;line-height:1.65;color:#173b4e}
.value-burden .comparison-count b{font-size:44px;font-weight:800}
@media(max-width:900px){.comparison-basis{flex-wrap:wrap;gap:16px}.comparison-basis>.water-why-link{flex-basis:100%}.water-fact-title>span{font-size:27px}}
@media(max-width:600px){.water-why-heading>p{font-size:12px}.water-daily-fact{padding:22px 17px;margin-bottom:28px}.water-fact-label{font-size:11px}.water-fact-title{font-size:22px}.water-fact-title>span{font-size:20px}.water-fact-title strong{font-size:65px;margin-left:4px}.water-fact-title b{font-size:32px}.water-fact-source{font-size:10px}.water-evidence-heading .water-impact{font-size:25px}.water-evidence-heading .water-impact strong{font-size:65px}.comparison-basis>.water-why-link{margin-top:16px}.water-why-inline{font-size:12px}}
@media(max-width:1000px){.water-ideal{gap:35px}.water-evidence{padding:34px 30px}.water-evidence-grid{gap:25px}.water-bottle-chart{padding-left:25px}.water-bottles{gap:15px 7px}.water-comparison-bridge{gap:24px}.water-comparison-bridge p{font-size:14px}.water-evidence h3{font-size:29px}}
@media(max-width:760px){.water-usage{padding-top:64px}.water-ideal{grid-template-columns:1fr;gap:28px;margin-bottom:36px}.water-ideal h2{font-size:clamp(25px,6.3vw,37px)}.water-ideal-copy>p{font-size:13px;margin-top:18px}.water-ideal-copy .water-ideal-note{font-size:11px}.water-ideal-volume{padding:28px 16px}.water-ideal-volume strong{font-size:130px}.water-ideal-volume>p{margin:13px 0 20px}.water-ideal-volume .water-volume-from{font-size:17px}.water-ideal-volume>a{margin-top:18px}.water-evidence{padding:27px 22px}.water-evidence-heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.water-evidence h3{font-size:28px}.water-evidence-heading>p{font-size:12px}.water-evidence-grid{grid-template-columns:1fr;gap:28px}.water-bottle-chart{padding:26px 0 0;border-left:0;border-top:1px solid #d8e5e8}.water-evidence-grid figcaption{font-size:14px}.water-bar-row{grid-template-columns:76px 1fr;gap:10px}.water-chart-axis{margin-left:86px}.water-bar-row>span{font-size:11px}.water-bottles{max-width:420px;gap:16px 9px}.water-bottle{height:36px}.water-evidence-source{font-size:10px;margin-top:24px}.water-comparison-bridge{grid-template-columns:1fr;gap:12px;padding:30px 0}.water-comparison-bridge p{font-size:14px}.water-comparison-bridge>a{justify-self:start}.water-usage+.water-value{padding-top:50px}}