.water-page{--water-blue:#2f86a6;--water-bright:#76c7da;--water-deep:#071f2d;--water-night:#061723;--water-foam:#d8edf0;--water-sand:#eee8da}.water-page .breadcrumbs{z-index:3;position:relative}.water-hero{min-height:800px;color:var(--white);background:var(--water-deep);position:relative;overflow:hidden}.water-hero:before,.water-hero:after{z-index:1;content:"";pointer-events:none;position:absolute}.water-hero:before{background:linear-gradient(90deg,#041722f5 0%,#041722d1 42%,#04172233 76%,#0417225c 100%),linear-gradient(#0000 54%,#041722cc);inset:0}.water-hero:after{border:1px solid #ffffff29;border-radius:50%;width:840px;height:840px;bottom:-380px;right:-180px;box-shadow:0 0 0 90px #ffffff06,0 0 0 180px #ffffff05}.water-hero__image,.water-hero__image img{width:100%;height:100%;position:absolute;inset:0}.water-hero__image img{object-fit:cover;object-position:58% center;filter:saturate(.76)contrast(1.05)}.water-hero__content{z-index:2;grid-template-columns:minmax(0,1.2fr) minmax(360px,.65fr);align-items:end;gap:clamp(60px,9vw,150px);min-height:800px;padding-block:128px 92px;display:grid;position:relative}.water-kicker,.water-label,.water-reading__label,.water-stat>p,.water-chart-card__head p{letter-spacing:.18em;margin:0;font-size:11px;font-weight:700;line-height:1.35}.water-kicker{color:var(--water-bright);align-items:center;gap:12px;margin-bottom:28px;display:flex}.water-kicker span{background:currentColor;width:32px;height:1px}.water-hero h1{max-width:850px;font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(58px,7.1vw,116px);font-weight:600;line-height:.9}.water-hero h1 em,.water-page .content-heading h2 em,.water-quick h2 em{color:var(--water-bright);font-weight:600}.water-hero__lead{color:#fffdf7d1;max-width:760px;margin:36px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.72}.water-hero__meta{flex-wrap:wrap;gap:8px;margin-top:35px;display:flex}.water-hero__meta span{color:#ffffffbd;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid #fff3;border-radius:100px;padding:9px 12px;font-size:11px;font-weight:700}.water-hero__reading{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#051925b8;border:1px solid #ffffff38;padding:32px;position:relative;box-shadow:0 30px 80px #00000040}.water-hero__reading:before{content:"";background:var(--water-bright);width:90px;height:3px;position:absolute;top:-1px;left:-1px}.water-reading__label{color:#ffffff94}.water-reading__value{font-family:var(--serif);letter-spacing:-.055em;margin:20px 0 0;font-size:clamp(47px,4.2vw,70px);font-weight:600;line-height:.95}.water-reading__secondary{color:#ffffff9e;margin:10px 0 30px;font-size:13px}.water-reading__trend{border-block:1px solid #ffffff24;align-items:center;gap:17px;padding-block:21px;display:flex}.water-reading__arrow{width:48px;height:48px;color:var(--water-deep);background:var(--water-bright);border-radius:50%;place-items:center;font-size:27px;display:grid}[data-trend-card][data-direction=rising] .water-reading__arrow,[data-trend-card][data-direction=rising] .water-stat__icon{background:#e9b66d}[data-trend-card][data-direction=falling] .water-reading__arrow,[data-trend-card][data-direction=falling] .water-stat__icon{background:#97cfba}.water-reading__trend span:last-child{gap:2px;display:grid}.water-reading__trend small{color:#ffffff8c;letter-spacing:.15em;font-size:9px;font-weight:700}.water-reading__trend strong{font-family:var(--serif);font-size:24px}.water-reading__time{color:#ffffffa3;margin:20px 0 0;font-size:12px}.water-reading__time time{color:var(--white)}.water-quick{background:var(--paper-light)}.water-quick__grid{grid-template-columns:180px minmax(0,1.55fr) minmax(240px,.65fr);gap:56px;padding-block:80px;display:grid}.water-quick h2{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.1vw,48px);font-weight:600;line-height:1.16}.water-quick>.wrap>p:last-child,.water-quick__grid>p:last-child{color:#0b2538ad;margin:0}.water-jump-nav{top:75px}.water-dashboard{color:var(--white);background:radial-gradient(circle at 85% 0%, #4f9bb52e, transparent 34%), var(--water-deep);padding-block:120px}.water-page .content-heading--light h2,.water-page .content-heading--light p{color:var(--white)}.water-page .content-heading--light>p:last-child{color:#ffffffa6}.water-dashboard__layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);gap:24px;margin-top:70px;display:grid}.water-chart-card{background:#ffffff0e;border:1px solid #ffffff1f;min-width:0;padding:clamp(24px,4vw,46px)}.water-chart-card__head{justify-content:space-between;align-items:start;gap:28px;display:flex}.water-chart-card__head p{color:var(--water-bright)}.water-chart-card__head h3{font-family:var(--serif);letter-spacing:-.03em;margin:8px 0 0;font-size:clamp(26px,2.5vw,38px);font-weight:600}.water-chart-card__latest{text-align:right;gap:5px;display:grid}.water-chart-card__latest span{color:#ffffff7a;letter-spacing:.15em;font-size:9px;font-weight:700}.water-chart-card__latest strong{font-size:19px}.water-chart{width:100%;min-height:310px;margin-top:34px;overflow:visible}.water-chart__grid{stroke:#ffffff1c;stroke-width:1px;vector-effect:non-scaling-stroke}.water-chart__label{fill:#ffffff78;font-family:var(--sans);font-size:12px}.water-chart__area{fill:#76c7da1a}.water-chart__line{fill:none;stroke:var(--water-bright);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;vector-effect:non-scaling-stroke}.water-chart__point{fill:var(--water-deep);stroke:var(--water-bright);stroke-width:4px;vector-effect:non-scaling-stroke}.water-chart-card__foot{color:#ffffff8a;border-top:1px solid #ffffff1c;flex-wrap:wrap;justify-content:space-between;gap:14px;padding-top:22px;font-size:11px;display:flex}.water-chart-card__foot span:first-child{align-items:center;gap:8px;display:flex}.water-chart-card__foot i{background:var(--water-bright);width:20px;height:2px}.water-chart-card__foot strong{color:var(--white)}.water-stat-grid{background:#ffffff24;grid-template-columns:1fr 1fr;gap:1px;display:grid}.water-stat{background:var(--water-deep);flex-direction:column;min-height:260px;padding:28px;display:flex}.water-stat__icon,.water-stat__number{width:43px;height:43px;color:var(--water-deep);background:var(--water-bright);font-family:var(--serif);border-radius:50%;place-items:center;margin-bottom:auto;font-size:22px;font-weight:700;display:grid}.water-stat__number{color:var(--water-bright);background:0 0;border-radius:0;place-items:start}.water-stat>p{color:#ffffff75;margin-top:28px}.water-stat>strong{font-family:var(--serif);margin-top:7px;font-size:25px;line-height:1.15}.water-stat>small{color:#ffffff7a;margin-top:10px;font-size:11px;line-height:1.55}.water-data-details{background:#ffffff0a;border:1px solid #ffffff24;margin-top:24px}.water-data-details summary{cursor:pointer;padding:22px 26px;font-weight:700}.water-data-details>p{color:#ffffff94;padding:0 26px}.water-data-details ol{grid-template-columns:repeat(7,1fr);margin:0;padding:8px 26px 26px;list-style:none;display:grid}.water-data-details li{border-left:1px solid #ffffff1f;gap:5px;padding:16px;display:grid}.water-data-details time{color:#ffffff80;font-size:10px}.water-data-details strong{font-size:12px}.water-report{color:var(--ink);background:var(--paper-light);grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr);margin-top:70px;display:grid;box-shadow:0 35px 90px #0003}.water-report__status{min-height:430px;color:var(--white);background:#6d7051;flex-direction:column;padding:clamp(30px,4vw,48px);display:flex}.water-report__status .water-label{color:#ffffffa3}.water-report__mark{width:70px;height:70px;font-family:var(--serif);border:1px solid #ffffff4d;border-radius:50%;place-items:center;margin-top:60px;font-size:38px;display:grid}.water-report__status h3{font-family:var(--serif);letter-spacing:-.04em;margin:auto 0 15px;font-size:clamp(35px,3.5vw,51px);font-weight:600;line-height:1.04}.water-report__status>p:last-child{color:#ffffffa6;margin:0;font-size:12px}.water-report__copy{padding:clamp(32px,5vw,64px)}.water-report__meta{color:var(--water-blue);letter-spacing:.16em;margin:0 0 20px;font-size:10px;font-weight:700}.water-report__maas{grid-template-columns:62px 1fr;align-items:start;gap:22px;display:grid}.water-report__maas>span{width:58px;height:58px;color:var(--white);background:var(--water-blue);letter-spacing:.1em;border-radius:50%;place-items:center;font-size:9px;font-weight:700;display:grid}.water-report__maas p{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:clamp(23px,2.5vw,34px);line-height:1.48}.water-report__full{border-block:1px solid var(--line);margin-top:28px}.water-report__full summary{cursor:pointer;color:var(--water-blue);padding:15px 0;font-size:11px;font-weight:700}.water-report__full p{color:#0b2538ad;margin:0 0 20px;font-size:13px;line-height:1.8}.water-report__time{color:#0b253880;margin-top:25px;font-size:11px}.water-report__copy aside{border-top:1px solid var(--line);grid-template-columns:175px 1fr;gap:25px;margin-top:38px;padding-top:28px;display:grid}.water-report__copy aside strong{letter-spacing:.08em;text-transform:uppercase;font-size:11px;line-height:1.55}.water-report__copy aside p{color:#0b2538ad;margin:0;font-size:13px;line-height:1.75}.water-station-grid{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(48px,8vw,120px);margin-top:70px;display:grid}.water-station-map{min-height:540px;color:var(--white);isolation:isolate;background:#d4d8c5;position:relative;overflow:hidden}.water-station-map:before{z-index:-2;content:"";background:linear-gradient(32deg,#0000 42%,#ffffff8c 43% 44%,#0000 45%),linear-gradient(-24deg,#0000 55%,#fff6 56% 57%,#0000 58%);position:absolute;inset:0}.water-station-map__river{z-index:-1;background:linear-gradient(90deg,#80b7c6,#3f86a3 55%,#73adbe);width:165px;height:800px;position:absolute;top:-120px;left:39%;transform:rotate(10deg);box-shadow:0 0 0 1px #0b25381f}.water-station-map__river span{letter-spacing:.22em;font-size:10px;font-weight:700;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.water-station-map__place{color:var(--ink);background:#fffdf7eb;padding:17px 20px;display:grid;position:absolute;box-shadow:0 16px 40px #0b253821}.water-station-map__place i{border:4px solid var(--white);background:var(--clay);width:14px;height:14px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;position:absolute;top:50%}.water-station-map__place strong{font-family:var(--serif);font-size:20px}.water-station-map__place small{color:#0b25388c;font-size:10px}.water-station-map__place--katwijk{top:145px;left:28px}.water-station-map__place--katwijk i{right:-61px}.water-station-map__place--mook{bottom:130px;right:20px}.water-station-map__place--mook i{left:-52px}.water-station-map__distance{color:var(--white);background:var(--ink);padding:14px 18px;display:grid;position:absolute;bottom:25px;left:27px}.water-station-map__distance span{font-family:var(--serif);font-size:24px}.water-station-map__distance small{color:#ffffff8c;font-size:9px}.water-reading-copy h3,.water-explain-copy h3,.water-highwater-story h3{font-family:var(--serif);letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(28px,2.8vw,42px);font-weight:600}.water-reading-copy>p,.water-explain-copy>p,.water-highwater-story__copy>p{color:#0b2538bd;font-size:17px;line-height:1.85}.water-station-facts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin:42px 0 0;display:grid}.water-station-facts div{border-bottom:1px solid var(--line);padding:17px 0}.water-station-facts div:nth-child(odd){padding-right:20px}.water-station-facts dt{color:#0b253880;letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:700}.water-station-facts dd{margin:4px 0 0;font-weight:700}.water-concepts-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:70px;display:grid}.water-concept-card{min-height:490px;color:var(--white);background:var(--water-deep);padding:clamp(30px,4vw,58px);position:relative;overflow:hidden}.water-concept-card>span{color:#ffffff0b;font-family:var(--serif);font-size:300px;font-weight:700;line-height:1;position:absolute;bottom:-100px;right:-15px}.water-concept-card--flow{color:var(--ink);background:var(--water-foam)}.water-concept-card--flow>span{color:#0b25380b}.water-concept-card .water-label{color:var(--water-bright);position:relative}.water-concept-card--flow .water-label{color:var(--water-blue)}.water-concept-card h3{max-width:500px;font-family:var(--serif);letter-spacing:-.04em;margin:22px 0 25px;font-size:clamp(33px,3.5vw,51px);font-weight:600;line-height:1.08;position:relative}.water-concept-card p:not(.water-label){color:#ffffffa6;max-width:620px;font-size:16px;line-height:1.8;position:relative}.water-concept-card--flow p:not(.water-label){color:#0b2538b8}.water-explain-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.6fr);align-items:start;gap:clamp(60px,10vw,150px);margin-top:110px;display:grid}.water-nap-card{border-top:4px solid var(--water-blue);background:var(--paper-light);padding:38px;box-shadow:0 24px 70px #0b253817}.water-nap-card .water-label{color:var(--water-blue)}.water-nap-card h3{font-family:var(--serif);margin:16px 0;font-size:38px}.water-nap-card p{color:#0b2538b3}.water-nap-scale{color:#0b253873;grid-template-columns:auto 1fr;align-items:center;gap:0 16px;margin:30px 0;font-size:10px;display:grid}.water-nap-scale i{background:var(--line);height:1px}.water-interpretation-grid{border:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);margin-top:70px;display:grid}.water-interpretation{border-right:1px solid #ffffff1f;min-height:340px;padding:38px}.water-interpretation:last-child{border-right:0}.water-interpretation>span{color:var(--water-bright);letter-spacing:.15em;font-size:10px;font-weight:700}.water-interpretation h3{font-family:var(--serif);margin:70px 0 15px;font-size:32px}.water-interpretation p{color:#fff9;line-height:1.8}.water-highwater-story{grid-template-columns:minmax(0,1.05fr) minmax(370px,.7fr);align-items:center;gap:clamp(50px,9vw,130px);margin-top:110px;display:grid}.water-highwater-story__copy>p{color:#ffffff9e}.water-highwater-story__copy h3{color:var(--white);margin-top:42px}.water-highwater-story__copy h3:first-child{margin-top:0}.water-highwater-story__image{margin:0}.water-highwater-story__image img{aspect-ratio:4/5;object-fit:cover;width:100%}.water-highwater-story__image figcaption{color:#ffffff80;padding:14px 0;font-size:11px}.water-residents{background:var(--paper-light)}.water-action-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px;display:grid}.water-action{border:1px solid var(--line);background:var(--paper);padding:clamp(28px,3vw,44px)}.water-action:nth-child(2){color:var(--white);background:var(--water-deep)}.water-action .water-label{color:var(--water-blue)}.water-action:nth-child(2) .water-label{color:var(--water-bright)}.water-action h3{font-family:var(--serif);margin:18px 0 25px;font-size:32px;line-height:1.15}.water-action ul,.water-action ol{margin:0;padding-left:20px}.water-action li{color:#0b2538b3;padding:9px 0;line-height:1.65}.water-action:nth-child(2) li{color:#ffffffa8}.water-action li::marker{color:var(--water-blue);font-weight:700}.water-action:nth-child(2) li::marker{color:var(--water-bright)}.water-emergency-strip{color:var(--white);background:var(--ink);grid-template-columns:.65fr 1.35fr;margin-top:24px;display:grid}.water-emergency-strip>div{padding:clamp(28px,4vw,50px)}.water-emergency-strip>div:first-child{background:var(--clay)}.water-emergency-strip span{letter-spacing:.15em;margin-bottom:10px;font-size:9px;font-weight:700;display:block}.water-emergency-strip strong{font-family:var(--serif);font-size:34px}.water-emergency-strip p{color:#ffffffad;margin:9px 0 0}.water-limit-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:70px;display:grid}.water-limit-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px;padding:35px}.water-limit-grid h3{font-family:var(--serif);margin:0 0 18px;font-size:26px}.water-limit-grid p{color:#0b2538ad;margin:0}.water-faq{background:var(--paper-light)}.water-faq__layout{grid-template-columns:minmax(300px,.55fr) minmax(0,1fr);align-items:start;gap:clamp(60px,10vw,150px);display:grid}.water-faq__layout .content-heading{position:sticky;top:155px}.water-faq__list{border-top:1px solid var(--line)}.water-faq__list details{border-bottom:1px solid var(--line)}.water-faq__list summary{cursor:pointer;font-family:var(--serif);padding:26px 45px 26px 0;font-size:clamp(20px,2vw,27px);font-weight:600;list-style:none;position:relative}.water-faq__list summary::-webkit-details-marker{display:none}.water-faq__list summary:after{content:"+";color:var(--water-blue);font-family:var(--sans);font-size:25px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.water-faq__list details[open] summary:after{content:"−"}.water-faq__list details p{color:#0b2538b0;max-width:760px;margin:-5px 0 28px;font-size:16px;line-height:1.8}.water-method{color:var(--white);background:var(--water-night)}.water-method__grid{grid-template-columns:minmax(300px,.65fr) minmax(0,1fr);gap:clamp(60px,10vw,150px);display:grid}.water-flow-list{margin:0;padding:0;list-style:none}.water-flow-list li{border-bottom:1px solid #ffffff1f;grid-template-columns:50px 1fr;gap:24px;padding:25px 0;display:grid}.water-flow-list li>span{width:40px;height:40px;color:var(--water-bright);border:1px solid #fff3;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.water-flow-list strong{font-family:var(--serif);font-size:22px}.water-flow-list p{color:#ffffff8c;margin:5px 0 0}.water-flow-list code,.water-source-box code{color:var(--water-foam);background:#ffffff14;padding:2px 5px;font-size:.86em}.water-source-box{background:#ffffff0a;border:1px solid #ffffff24;margin-top:42px;padding:32px}.water-source-box h3{font-family:var(--serif);margin:0 0 15px;font-size:27px}.water-source-box ul{margin:0;padding:0;list-style:none}.water-source-box li{border-top:1px solid #ffffff1a}.water-source-box a{color:var(--water-foam);text-underline-offset:4px;justify-content:space-between;gap:15px;padding:15px 0;-webkit-text-decoration:underline #d8edf04d;text-decoration:underline #d8edf04d;display:flex}.water-source-box>p{color:#ffffff80;margin:22px 0 0;font-size:12px}@media (width<=1120px){.water-hero__content{grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);gap:45px}.water-dashboard__layout{grid-template-columns:1fr}.water-stat-grid{grid-template-columns:repeat(4,1fr)}.water-stat{min-height:220px}.water-data-details ol{grid-template-columns:repeat(4,1fr)}.water-action-grid{grid-template-columns:1fr 1fr}.water-action:last-child{grid-column:1/-1}}@media (width<=900px){.water-hero,.water-hero__content{min-height:auto}.water-hero__content{grid-template-columns:1fr;padding-block:105px 70px}.water-hero__reading{max-width:520px}.water-quick__grid{grid-template-columns:1fr;gap:25px}.water-jump-nav{top:68px}.water-station-grid,.water-explain-grid,.water-highwater-story,.water-faq__layout,.water-method__grid{grid-template-columns:1fr}.water-station-map{min-height:480px}.water-interpretation-grid,.water-report{grid-template-columns:1fr}.water-report__status{min-height:330px}.water-interpretation{border-bottom:1px solid #ffffff1f;border-right:0;min-height:auto}.water-interpretation:last-child{border-bottom:0}.water-interpretation h3{margin-top:35px}.water-concepts-grid{grid-template-columns:1fr}.water-concept-card{min-height:430px}.water-limit-grid{grid-template-columns:1fr 1fr}.water-faq__layout .content-heading{position:static}}@media (width<=680px){.water-hero h1{font-size:clamp(50px,16vw,76px)}.water-hero__content{padding-top:84px}.water-hero__reading{padding:25px}.water-reading__value{font-size:47px}.water-hero__meta span{font-size:9px}.water-dashboard{padding-block:82px}.water-chart-card{padding:20px 12px 22px}.water-chart-card__head{padding-inline:8px;display:grid}.water-chart-card__latest{text-align:left}.water-chart{min-height:250px;margin-top:15px}.water-chart-card__foot{padding-inline:8px}.water-stat-grid{grid-template-columns:1fr 1fr}.water-stat{min-height:230px;padding:23px}.water-data-details ol{grid-template-columns:1fr 1fr}.water-data-details li{border-bottom:1px solid #ffffff1a}.water-report__status{min-height:300px}.water-report__mark{width:58px;height:58px;margin-top:35px}.water-report__copy aside,.water-report__maas{grid-template-columns:1fr}.water-station-map{min-height:410px}.water-station-map__river{width:105px;left:38%}.water-station-map__place{padding:12px}.water-station-map__place strong{font-size:15px}.water-station-map__place--katwijk{top:80px;left:15px}.water-station-map__place--katwijk i{right:-43px}.water-station-map__place--mook{bottom:125px;right:12px}.water-station-map__place--mook i{left:-40px}.water-station-facts{grid-template-columns:1fr}.water-station-facts div:nth-child(odd){padding-right:0}.water-concept-card{min-height:auto}.water-concept-card>span{font-size:220px}.water-action-grid,.water-emergency-strip{grid-template-columns:1fr}.water-action:last-child{grid-column:auto}.water-limit-grid{grid-template-columns:1fr}.water-limit-grid article{min-height:auto}}@media (prefers-reduced-motion:reduce){.water-chart__line,.water-chart__area{transition:none}}
