/* A single cinematic water scene spills onto the scientific reading section. */
.water-stop{padding-top:clamp(260px,24vw,350px)}
.hero-water .water-copy{left:auto;right:6vw;top:29%;width:34%;text-align:left}
.hero-water .water-copy h2{font-size:clamp(62px,6.8vw,110px);line-height:.98;letter-spacing:-.055em}
.hero-water .water-observation{right:6vw;left:auto;max-width:34%;text-align:left}
.hero-water .scene-vignette{background:linear-gradient(90deg,#0000000a 35%,#00000024 58%,#00000070),linear-gradient(180deg,#00000026,transparent 30%,transparent 80%,#00000022)}
body.is-reading.has-local-motion .expedition-controls{visibility:visible;pointer-events:auto}
body.reduced .water-stop{padding-top:clamp(260px,24vw,350px)}
@media(max-width:760px){body.reduced .water-stop{padding-top:180px}}
@media(max-width:760px){
.water-stop{padding-top:180px}
.hero-water .water-copy{left:var(--gutter);right:var(--gutter);top:16%;width:auto}
.hero-water .water-copy h2{font-size:clamp(54px,14vw,76px);max-width:8ch}
.hero-water .water-observation{left:var(--gutter);right:auto;max-width:75%;bottom:110px}
.hero-water .scene-vignette{background:linear-gradient(180deg,#0000008a,transparent 42%,transparent 65%,#00000055)}
}