.water-note{isolation:isolate;background:var(--ink);min-height:220px;color:var(--cream);align-items:center;margin:0;display:flex;position:relative;overflow:hidden}.water-note__surface{z-index:-2;background:#17394c;position:absolute;inset:0}.water-note__surface picture{width:100%;height:100%;display:block}.water-note__poster,.water-note__surface video{object-fit:cover;object-position:50% 55%;width:100%;height:100%;display:block;position:absolute;inset:0}.water-note:after{z-index:-1;content:"";background:linear-gradient(90deg,#0e2a4ae8,#0e2a4a80 55%,#0e2a4a55);position:absolute;inset:0}.water-note__words{max-width:440px;padding:36px 40px;position:relative}.water-note__words blockquote{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:clamp(26px,2.6vw,36px);font-weight:400;line-height:1.22}.water-note__author{letter-spacing:.04em;margin-top:18px;font-size:13px;display:block}.water-note--footer{justify-content:center;align-items:end;min-height:560px;display:flex}.water-note--footer .water-note__poster{object-position:50% 47%}.water-note--footer .water-note__words{text-align:center;width:min(100% - 112px,970px);max-width:none;padding:280px 0 65px}.water-note--footer .water-note__words blockquote{text-wrap:balance;color:#fff4de;font-size:clamp(30px,3.3vw,48px);line-height:1.18}.water-note--footer .water-note__author{letter-spacing:.09em;margin-top:26px;font-size:12px}.water-note--footer:after{background:linear-gradient(#0000 45%,#0c121414 52%,#0c1214bd 72%,#0c1214e0 100%)}.water-note--strip{width:100%;height:100px;min-height:100px}.water-note--strip:after{background:#0e2a4a33}@media (max-width:700px){.water-note--footer{min-height:570px}.water-note--footer .water-note__poster{object-position:49% 50%}.water-note--footer .water-note__words{width:calc(100% - 48px);max-width:450px;padding:270px 0 47px}.water-note--footer .water-note__words blockquote{letter-spacing:-.025em;font-size:clamp(28px,7.8vw,37px);line-height:1.22}.water-note--footer .water-note__author{margin-top:24px;font-size:11px}.water-note--footer:after{background:linear-gradient(#0000 45%,#0c121414 52%,#0c1214bd 72%,#0c1214e0 100%)}.water-note--strip{height:88px;min-height:88px}}@media (prefers-reduced-motion:reduce){.water-note__surface video{visibility:hidden}}