/* Water scene: original Uniwords vertical gradient image, scroll-driven; no legacy selector overrides. */
.water-parallax{position:relative;height:300vh;background:#fff;isolation:isolate}
.water-parallax__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center;background:#fff;isolation:isolate}
.water-parallax__world{position:absolute;inset:-18%;z-index:0;opacity:0;transform:translate3d(0,1.5%,0) scale(1.055);background-color:#fff;background-image:url("../images/water-gradient-desktop.webp");background-repeat:no-repeat;background-size:100% 300%;background-position:center 0%;will-change:opacity,transform,background-position}
.water-parallax__light{position:absolute;inset:-25%;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(ellipse 60% 36% at 28% 22%,rgba(255,255,255,.35),transparent 72%),radial-gradient(ellipse 65% 35% at 80% 85%,rgba(200,249,255,.20),transparent 78%);filter:blur(38px);will-change:opacity,transform}
.water-parallax__message{position:absolute;z-index:3;left:50%;top:50%;width:min(1080px,calc(100% - 56px));transform:translate3d(-50%,-45%,0);color:#F7FAFC;text-align:left;opacity:0;pointer-events:auto;user-select:text;-webkit-user-select:text;will-change:opacity,transform,filter}
.water-parallax__eyebrow{margin:0 0 24px;color:#e0f9ff;font-size:clamp(13px,1.2vw,18px);font-weight:700;letter-spacing:.11em}
.water-parallax__message h2{margin:0;font-size:clamp(32px,4.2vw,60px);font-weight:700;line-height:1.33;letter-spacing:-.045em;color:#F7FAFC;-webkit-text-fill-color:#F7FAFC}
/* v49: One closed SVG contour per ripple, with directional light and subtle thickness variation. */
.water-parallax__ripples{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;overflow:hidden}
.water-parallax__ripple{position:absolute;left:0;top:0;width:124px;height:124px;pointer-events:none;transform-origin:center;opacity:0;will-change:transform,opacity;animation:water-ripple-event 2.4s cubic-bezier(.12,.38,.24,1) forwards;overflow:visible}
.water-parallax__ripple path{fill:none;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round}
@keyframes water-ripple-event{0%{transform:translate(-50%,-50%) scale(.18);opacity:0}12%{opacity:.94}65%{opacity:.6}100%{transform:translate(-50%,-50%) scale(3.2);opacity:0}}
@media(max-width:800px){.water-parallax__world{background-image:url("../images/water-gradient-mobile.webp")}.water-parallax{height:270vh}.water-parallax__message{width:calc(100% - 44px)}.water-parallax__message h2{font-size:clamp(24px,6.2vw,36px);line-height:1.42}.water-parallax__ripple{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.water-parallax{height:100vh;height:100svh}.water-parallax__world,.water-parallax__light{opacity:1;transform:none}.water-parallax__message--first{opacity:1;transform:translate3d(-50%,-50%,0)}.water-parallax__ripples{display:none}}

/* v45: floating squares continue into the water scene; no borders. */
.water-parallax__squares{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;opacity:.8}
.water-parallax__square{position:absolute;bottom:-48px;width:24px;height:24px;border:0;border-radius:5px;background:rgba(218,251,255,.43);animation:water-square-rise 35s linear infinite;will-change:transform,opacity}
@keyframes water-square-rise{0%{transform:translate3d(0,0,0) rotate(0deg);opacity:0;border-radius:3px}12%{opacity:.72}80%{opacity:.6}100%{transform:translate3d(0,-125vh,0) rotate(720deg);opacity:0;border-radius:50%}}
.water-parallax__square:nth-child(1){left:3%;width:20px;height:20px;bottom:-48px;background:rgba(221,250,255,.46);animation-delay:-0.0s;animation-duration:33s}
.water-parallax__square:nth-child(2){left:40%;width:24px;height:24px;bottom:-52px;background:rgba(203,246,233,.44);animation-delay:-31.3s;animation-duration:35s}
.water-parallax__square:nth-child(3){left:77%;width:28px;height:28px;bottom:-56px;background:rgba(227,222,255,.40);animation-delay:-27.6s;animation-duration:37s}
.water-parallax__square:nth-child(4){left:20%;width:22px;height:22px;bottom:-50px;background:rgba(221,250,255,.46);animation-delay:-23.9s;animation-duration:33s}
.water-parallax__square:nth-child(5){left:57%;width:26px;height:26px;bottom:-54px;background:rgba(203,246,233,.44);animation-delay:-20.2s;animation-duration:35s}
.water-parallax__square:nth-child(6){left:94%;width:20px;height:20px;bottom:-48px;background:rgba(227,222,255,.40);animation-delay:-16.5s;animation-duration:37s}
.water-parallax__square:nth-child(7){left:37%;width:24px;height:24px;bottom:-52px;background:rgba(221,250,255,.46);animation-delay:-12.8s;animation-duration:33s}
.water-parallax__square:nth-child(8){left:74%;width:28px;height:28px;bottom:-56px;background:rgba(203,246,233,.44);animation-delay:-9.1s;animation-duration:35s}
.water-parallax__square:nth-child(9){left:17%;width:22px;height:22px;bottom:-50px;background:rgba(227,222,255,.40);animation-delay:-5.4s;animation-duration:37s}
.water-parallax__square:nth-child(10){left:54%;width:26px;height:26px;bottom:-54px;background:rgba(221,250,255,.46);animation-delay:-1.7s;animation-duration:33s}
.water-parallax__square:nth-child(11){left:91%;width:20px;height:20px;bottom:-48px;background:rgba(203,246,233,.44);animation-delay:-33.0s;animation-duration:35s}
.water-parallax__square:nth-child(12){left:34%;width:24px;height:24px;bottom:-52px;background:rgba(227,222,255,.40);animation-delay:-29.3s;animation-duration:37s}
.water-parallax__square:nth-child(13){left:71%;width:28px;height:28px;bottom:-56px;background:rgba(221,250,255,.46);animation-delay:-25.6s;animation-duration:33s}
.water-parallax__square:nth-child(14){left:14%;width:22px;height:22px;bottom:-50px;background:rgba(203,246,233,.44);animation-delay:-21.9s;animation-duration:35s}
.water-parallax__square:nth-child(15){left:51%;width:26px;height:26px;bottom:-54px;background:rgba(227,222,255,.40);animation-delay:-18.2s;animation-duration:37s}
.water-parallax__square:nth-child(16){left:88%;width:20px;height:20px;bottom:-48px;background:rgba(221,250,255,.46);animation-delay:-14.5s;animation-duration:33s}
.water-parallax__square:nth-child(17){left:31%;width:24px;height:24px;bottom:-52px;background:rgba(203,246,233,.44);animation-delay:-10.8s;animation-duration:35s}
.water-parallax__square:nth-child(18){left:68%;width:28px;height:28px;bottom:-56px;background:rgba(227,222,255,.40);animation-delay:-7.1s;animation-duration:37s}
.water-parallax__square:nth-child(19){left:11%;width:22px;height:22px;bottom:-50px;background:rgba(221,250,255,.46);animation-delay:-3.4s;animation-duration:33s}
.water-parallax__square:nth-child(20){left:48%;width:26px;height:26px;bottom:-54px;background:rgba(203,246,233,.44);animation-delay:-34.7s;animation-duration:35s}
.water-parallax__square:nth-child(21){left:85%;width:20px;height:20px;bottom:-48px;background:rgba(227,222,255,.40);animation-delay:-31.0s;animation-duration:37s}
.water-parallax__square:nth-child(22){left:28%;width:24px;height:24px;bottom:-52px;background:rgba(221,250,255,.46);animation-delay:-27.3s;animation-duration:33s}
.water-parallax__square:nth-child(23){left:65%;width:28px;height:28px;bottom:-56px;background:rgba(203,246,233,.44);animation-delay:-23.6s;animation-duration:35s}
.water-parallax__square:nth-child(24){left:8%;width:22px;height:22px;bottom:-50px;background:rgba(227,222,255,.40);animation-delay:-19.9s;animation-duration:37s}
.water-parallax__square:nth-child(25){left:45%;width:26px;height:26px;bottom:-54px;background:rgba(221,250,255,.46);animation-delay:-16.2s;animation-duration:33s}
.water-parallax__square:nth-child(26){left:82%;width:20px;height:20px;bottom:-48px;background:rgba(203,246,233,.44);animation-delay:-12.5s;animation-duration:35s}
.water-parallax__square:nth-child(27){left:25%;width:24px;height:24px;bottom:-52px;background:rgba(227,222,255,.40);animation-delay:-8.8s;animation-duration:37s}
.water-parallax__square:nth-child(28){left:62%;width:28px;height:28px;bottom:-56px;background:rgba(221,250,255,.46);animation-delay:-5.1s;animation-duration:33s}
.water-parallax__square:nth-child(29){left:5%;width:22px;height:22px;bottom:-50px;background:rgba(203,246,233,.44);animation-delay:-1.4s;animation-duration:35s}
.water-parallax__square:nth-child(30){left:42%;width:26px;height:26px;bottom:-54px;background:rgba(227,222,255,.40);animation-delay:-32.7s;animation-duration:37s}
@media(max-width:800px){.water-parallax__square:nth-child(n+16){display:none}}
@media(prefers-reduced-motion:reduce){.water-parallax__square{animation:none;opacity:.3;transform:translateY(-50vh)}}
