/* Water is painted between each section background and its existing content. */
.lake-ripple { position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; }
.lake-ripple--fixed { position:fixed; width:100vw; height:100vh; }
.lake-ripple[hidden] { display:none; }
@media(prefers-reduced-motion:reduce) { .lake-ripple { display:none !important; } }