/* Water photograph with transform-only scroll motion. No continuous animation. */
.water-runway{position:relative;background:#afd8e9}
.water-hero{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;align-items:center;padding:140px var(--pad) 90px;color:var(--ink)}
.water-scene{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#78bce5}
.water-photo{width:100%;height:100%;max-width:none;object-fit:cover;object-position:59% 50%;transform:scale(1.06)}
.water-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(239,248,249,.98),rgba(236,247,250,.92) 33%,rgba(221,241,247,.35) 58%,transparent 78%);pointer-events:none}
.water-copy{max-width:600px;width:49%}
.water-copy .eyebrow{color:#8d3d30;font-size:11px;max-width:48ch}
.water-copy h1{font-size:clamp(42px,4.7vw,72px);line-height:1.06;letter-spacing:-.045em}
.water-copy h1 em{font-style:normal;color:#a04437}
.water-copy>p{font-size:clamp(17px,1.4vw,20px);line-height:1.7;margin-top:26px;max-width:43ch;color:#443b52}
.water-copy .hero-cta{gap:12px;margin-top:30px}
.water-copy .btn{padding:15px 23px}
.water-facts{display:flex;gap:28px;margin-top:38px;font-size:12px;line-height:1.4}
.water-facts b{display:block;font-family:var(--display);font-size:27px;margin-bottom:7px}
.water-stages{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);display:flex;gap:28px;font-size:12px;font-weight:600;letter-spacing:.06em}
.water-stages span{border-top:2px solid #2b203a30;padding-top:10px;color:#524d60}
.water-stages .active{border-color:#a04437;color:#873629}
.water-ripples{position:absolute;left:59.3%;top:80%;width:1px;height:1px}
.water-ripples i{position:absolute;left:-230px;top:-52px;width:460px;height:104px;border:2px solid rgba(255,220,228,.65);box-shadow:0 3px 5px #611d6430,inset 0 2px 3px #fff5;border-radius:50%;opacity:0;transform:scale(.5);pointer-events:none}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 .water-runway.water-ready{height:175svh}
 .water-ready .water-hero{position:sticky;top:0;height:100svh;min-height:640px}
}
@media(max-width:900px){
 .water-hero{display:block;padding:110px var(--pad) 290px;min-height:100svh}
 .water-copy{width:100%;max-width:640px;margin:auto}
 .water-copy h1{font-size:clamp(40px,8vw,62px)}
 .water-copy>p{font-size:17px;margin-top:20px;max-width:52ch}
 .water-copy .eyebrow{font-size:10px}
 .water-copy .hero-cta{margin-top:24px}
 .water-facts{margin-top:26px;gap:24px;font-size:11px}
 .water-facts b{font-size:24px}
 .water-scene{top:auto;height:540px}
 .water-photo{object-position:59% 100%}
 .water-hero:after{background:linear-gradient(180deg,#eef7fa 0%,#eef7fa 45%,rgba(238,247,250,.93) 56%,rgba(238,247,250,.1) 76%,transparent 88%)}
 .water-ripples{left:59%;top:80%}
 .water-stages{gap:18px;bottom:20px;font-size:10px}
 .water-stages span{background:#eef7fadc;padding:8px;border-radius:0 0 5px 5px}
}
@media(max-width:400px){.water-copy .btn{font-size:14px;padding:13px 18px}.water-facts{gap:16px}.water-copy h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){.water-photo{transform:none!important}.water-ripples{display:none}.water-stages{display:none}}
/* Scroll-scrubbed video. Poster remains visible until the first frame loads. */
.water-video,.water-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;transform:none}
.water-video{opacity:0;pointer-events:none}
.video-loaded .water-video{opacity:1}
.water-video-ready .water-hero{position:sticky;min-height:100svh;height:auto}
.water-hero{padding-top:120px;padding-bottom:90px}
.water-scene{background:#b6cbd8}
@media(max-width:900px){.water-hero{padding-top:106px;padding-bottom:340px}.water-scene{height:420px}.water-video,.water-photo{object-position:62% center}.water-hero:after{background:linear-gradient(180deg,#eef7fa 0%,#eef7fa 55%,#eef7fae8 66%,transparent 82%)}}
@media(prefers-reduced-motion:reduce){.water-video{display:none}.water-video-ready .water-hero{position:relative}}
@media(min-width:901px){.water-scene{left:28%}.water-hero{background:#eef7fa}}

/* Blend the inset video into the hero without a visible panel edge. */
@media(min-width:901px){.water-scene{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 32%);mask-image:linear-gradient(to right,transparent 0%,#000 32%)}}