/* Welcome remains separate from the live measurements, in the original light palette. */
.vision-section{background:#fff;color:#183537;padding-block:3rem 2.5rem;border-bottom:1px solid #dce6e7}
.vision-section h1{font:600 clamp(1.65rem,2.4vw,2.2rem)/1.3 Arial,sans-serif;letter-spacing:-.02em;margin:0 0 1.25rem}
.vision-copy{max-width:1050px}.vision-copy p{font-size:1.08rem;line-height:1.85;color:#52686b;margin:0 0 1rem}.vision-copy p:last-child{margin-bottom:0}
.water-heading h2{font:normal clamp(2rem,4.1vw,3.7rem)/1.15 Georgia,serif;letter-spacing:-.035em;margin:.5rem 0 0;color:#183537}
.reveal-pending{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal-pending.is-visible,.reveal-pending:focus-within{opacity:1;transform:none}
@media(max-width:720px){.vision-section{padding-block:2rem}.vision-copy p{font-size:1rem;line-height:1.8}.water-heading h2{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none;transition:none}}

/* Recent stories are the first homepage section, one story per row. */
.recent-updates{padding-block:2rem 3rem;scroll-margin-top:1rem}
.recent-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;border-bottom:2px solid #236970;padding-bottom:1rem}
.recent-heading h2{font:600 clamp(1.55rem,3vw,2.2rem)/1.2 Arial,sans-serif;letter-spacing:-.03em;color:#183537;margin:0}
.recent-heading>a{color:#236970;font-size:.95rem;font-weight:600;white-space:nowrap}
.recent-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"media heading" "media summary" "media actions";column-gap:2rem;row-gap:1.1rem;padding:2.5rem 0;border-bottom:1px solid #dce6e7;align-items:start}
.recent-story:first-child{padding-top:0}.recent-story-heading{grid-area:heading}.recent-meta{color:#52686b;font-size:.85rem;font-weight:600;line-height:1.5;margin:0 0 .7rem}
.recent-story h3{font:normal clamp(1.65rem,3vw,2.55rem)/1.16 Georgia,serif;letter-spacing:-.025em;color:#183537;margin:0}
.recent-story h3 a{color:inherit;text-decoration:none}.recent-story h3 a:hover{text-decoration:underline;text-underline-offset:.15em}
.recent-media{grid-area:media;margin:0}.recent-media>a{display:block;background:#edf2f2}.recent-media img{display:block;width:100%;height:360px;object-fit:contain}
.recent-media figcaption{color:#52686b;font-size:.76rem;line-height:1.5;margin:.55rem 0 0}
.recent-summary{grid-area:summary;color:#52686b;font-size:1.04rem;line-height:1.7;margin:0}
.recent-actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;padding-top:.2rem}
.recent-read{display:inline-block;background:#1d626b;color:#fff!important;text-decoration:none;padding:.75rem 1rem;font-weight:600;border-radius:3px;font-size:.95rem}
.recent-read:hover{background:#154b52}.recent-gallery{font-weight:600;color:#1d626b;font-size:.95rem;text-underline-offset:.2em}
.recent-text-only{display:block}.recent-text-only .recent-summary{margin:1rem 0;max-width:760px}.recent-text-only h3{font-size:clamp(1.5rem,2.8vw,2rem);max-width:800px}
@media(max-width:700px){.recent-updates{padding-block:1.2rem 2rem}.recent-heading{margin-bottom:1rem;padding-bottom:.7rem;gap:.5rem}.recent-heading h2{font-size:1.5rem}.recent-heading>a{font-size:.78rem}.recent-story{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"heading" "actions" "media" "summary";gap:.8rem;padding:1.7rem 0}.recent-story h3{font-size:1.75rem}.recent-meta{font-size:.76rem;margin-bottom:.45rem}.recent-media img{height:240px}.recent-media figcaption{font-size:.7rem}.recent-summary{font-size:.96rem;line-height:1.6}.recent-actions{gap:.8rem}.recent-read,.recent-gallery{font-size:.9rem}.recent-text-only h3{font-size:1.55rem}}
