.water-lab{--water-paper:var(--paper,#f1f0e9);--water-ink:var(--ink,#171715);--water-blue:#0b36c9;background:var(--water-paper);color:var(--water-ink);padding-top:80px;overflow:clip}
.water-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:8%;align-items:end;padding:0 var(--gutter,32px) 60px}
.water-eyebrow{grid-column:1/-1;font-size:10px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;margin:0 0 8px}
.water-heading{margin:0;font-family:var(--body-font,Arial,sans-serif);font-size:clamp(56px,7.8vw,150px);font-weight:800;letter-spacing:-.075em;line-height:.94}
.water-heading em{display:block;font-family:var(--editorial,Georgia,serif);font-style:italic;font-weight:900;letter-spacing:-.055em;line-height:1.08}
.water-copy{max-width:390px;margin:0;padding-bottom:8px;font-size:clamp(15px,1.35vw,22px);line-height:1.5;letter-spacing:-.025em}
.water-copy p{margin:0}
.water-stage{position:relative;isolation:isolate;display:block;width:100%;height:clamp(460px,57vw,790px);overflow:hidden;background:#02050f;touch-action:pan-y pinch-zoom;contain:layout paint}
.water-canvas,.water-poster{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;pointer-events:none}
.water-poster{object-fit:cover;opacity:1;transition:opacity .5s ease}
.water-canvas{opacity:0;transition:opacity .7s ease}
.is-water-ready .water-canvas{opacity:1}
.is-water-ready .water-poster{opacity:0}
.water-stage::after{content:"";position:absolute;z-index:1;inset:70% 0 0;background:linear-gradient(transparent,rgba(2,5,15,.78));pointer-events:none}
.water-caption{position:absolute;z-index:2;inset:auto var(--gutter,32px) 24px;display:flex;justify-content:space-between;gap:24px;color:#c6d8f5;font-family:var(--body-font,Arial,sans-serif);font-size:10px;line-height:1.5;letter-spacing:.02em;pointer-events:none}
.water-caption span:last-child{text-align:right}
.water-hint-static{display:none}
[data-water-state=static] .water-hint-motion,[data-water-state=fallback] .water-hint-motion{display:none}
[data-water-state=static] .water-hint-static,[data-water-state=fallback] .water-hint-static{display:inline}
.is-water-fallback .water-canvas{display:none}
html[data-motion=reduced] .water-canvas,html[data-motion=reduced] .water-poster{transition:none}
@media(max-width:760px){
  .water-lab{padding-top:56px}
  .water-intro{display:block;padding-bottom:38px}
  .water-eyebrow{font-size:9px;margin-bottom:28px}
  .water-heading{font-size:clamp(42px,11vw,80px);line-height:.98;letter-spacing:-.065em}
  .water-copy{margin:26px 0 0 auto;max-width:82%;font-size:15px;line-height:1.6;padding:0}
  .water-stage{height:clamp(440px,123vw,620px)}
  .water-caption{bottom:20px;font-size:9px;gap:20px}
  .water-caption span{max-width:46%}
}
@media(prefers-reduced-motion:reduce){
  html:not([data-motion=full]) .water-canvas,html:not([data-motion=full]) .water-poster{transition:none}
}