/* V1 water illustration. Decorative SVG motion, no JavaScript or external assets. */
.water-flow{scroll-margin-top:120px;position:relative;isolation:isolate;max-width:1280px;margin:72px auto;padding:50px 54px 31px;background:#112e26;color:#f5f3e9;border:1px solid #345044;border-radius:5px;overflow:hidden;box-sizing:border-box}
.water-flow *,.water-flow *::before,.water-flow *::after{box-sizing:border-box}
.water-flow .flow-heading-row{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;position:relative;z-index:1}
.water-flow .flow-eyebrow{margin:0 0 19px;color:#b8cba5;font:10px/1.5 Mono,monospace;letter-spacing:.1em;text-transform:uppercase}
.water-flow .flow-title h2{margin:0;max-width:none;color:#f5f3e9;font-size:clamp(38px,4.4vw,62px);line-height:1.05;letter-spacing:-.055em;font-weight:400;text-wrap:balance}
.water-flow .flow-title h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#cdddb8;white-space:nowrap}
.water-flow .flow-intro{max-width:430px;margin:0 0 2px;color:#c0cec0;font:14px/1.8 Plex,Arial,sans-serif}
.water-flow .flow-pause-input{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;clip-path:inset(50%);overflow:hidden}
.water-flow .flow-pause-control{position:relative;z-index:2;display:flex;align-items:center;gap:10px;width:fit-content;min-height:44px;margin:26px 0 -24px auto;padding:8px 14px;border:1px solid #667f68;border-radius:30px;color:#d4dfcc;font:10px/1.4 Plex,Arial,sans-serif;cursor:pointer;user-select:none;transition:background .2s,border-color .2s}
.water-flow .flow-pause-control:hover{background:#284839;border-color:#b2c29b}
.water-flow .flow-pause-input:focus-visible+.flow-pause-control{outline:2px solid #d2e5af;outline-offset:5px}
.water-flow .flow-resume-label{display:none}
.water-flow .flow-pause-input:checked+.flow-pause-control .flow-pause-label{display:none}
.water-flow .flow-pause-input:checked+.flow-pause-control .flow-resume-label{display:inline}
.water-flow .flow-control-icon{display:block;position:relative;width:11px;height:11px;border-inline:3px solid #cbdcb7}
.water-flow .flow-pause-input:checked+.flow-pause-control{background:#dbe6c8;color:#193c2e;border-color:#dbe6c8}
.water-flow .flow-pause-input:checked+.flow-pause-control .flow-control-icon{border:0}
.water-flow .flow-pause-input:checked+.flow-pause-control .flow-control-icon::after{content:'';display:block;position:absolute;top:0;left:2px;border-left:8px solid #193c2e;border-top:5px solid transparent;border-bottom:5px solid transparent}
.water-flow .flow-pause-input:checked~.flow-figure .flow-moving{animation-play-state:paused}
.water-flow .flow-figure{margin:0;position:relative}
.water-flow .flow-stage{position:relative;margin:0 -25px;overflow:hidden;min-width:0}
.water-flow .flow-stage-grid{position:absolute;inset:60px 35px 50px;background:linear-gradient(#9bd6b406 1px,transparent 1px),linear-gradient(90deg,#9bd6b406 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse,#000,transparent 73%);pointer-events:none}
.water-flow .flow-stage-mark{position:absolute;color:#9bb398;font:8px/1.4 Mono,monospace;text-transform:uppercase;letter-spacing:.1em;z-index:1}
.water-flow .flow-stage-mark-top{top:52px;left:28px}
.water-flow .flow-stage-mark-bottom{bottom:29px;right:28px;color:#89a48e}
.water-flow .flow-art{display:block;width:100%;height:auto;max-width:none;overflow:visible}
.water-flow .flow-ribbons{opacity:.9}
.water-flow .flow-moving{animation:flow-water-travel 9s linear infinite;stroke-dasharray:52 248;stroke-dashoffset:0}
.water-flow .flow-ribbon-b{animation-delay:-3s}
.water-flow .flow-ribbon-c{animation-delay:-6s;opacity:.8}
.water-flow .flow-particles{opacity:.76}
.water-flow .flow-particle-a{stroke-dasharray:1 299;animation-delay:-1.7s}
.water-flow .flow-particle-b{stroke-dasharray:1 299;animation-delay:-5.2s}
.water-flow .flow-particle-c{stroke-dasharray:1 299;animation-delay:-7.3s;stroke-width:2}
.water-flow .flow-legend{display:none;justify-content:center;flex-wrap:wrap;gap:14px 22px;color:#c3d3bf;font:10px/1.5 Plex,Arial,sans-serif;margin:6px 0 25px}
.water-flow .flow-legend>span{display:inline-flex;align-items:center;gap:7px}
.water-flow .flow-legend i{display:block;flex-shrink:0;width:14px;height:3px;background:#abe7d9;border-radius:1px}
.water-flow .flow-legend .flow-wrap-key{width:8px;height:9px;background:#8b9e79;border:1px solid #bdcda7}
.water-flow .flow-figure figcaption{margin:0;border-top:1px solid #3a5545;padding-top:19px;color:#bccbbb;font:11px/1.7 Plex,Arial,sans-serif;text-align:center}
@keyframes flow-water-travel{to{stroke-dashoffset:-300}}
@media(min-width:1450px){.water-flow .flow-title h2{font-size:62px}}
@media(max-width:900px){.water-flow{padding:38px 34px 26px;margin-block:52px}.water-flow .flow-heading-row{gap:35px;grid-template-columns:1fr 1fr}.water-flow .flow-title h2{font-size:46px}.water-flow .flow-intro{font-size:13px}.water-flow .flow-stage{margin-inline:-23px}.water-flow .flow-stage-mark-top{top:35px}.water-flow .flow-stage-mark-bottom{bottom:17px}.water-flow .flow-pause-control{margin-bottom:-14px}}
@media(max-width:600px){.water-flow{padding:30px 23px 24px;margin-block:42px;border-radius:4px}.water-flow .flow-heading-row{display:block}.water-flow .flow-eyebrow{font-size:9px;margin-bottom:18px}.water-flow .flow-title h2{font-size:44px;line-height:1.08;letter-spacing:-.06em}.water-flow .flow-intro{font-size:13px;line-height:1.75;margin:21px 0 0;max-width:none}.water-flow .flow-pause-control{margin:21px 0 0 auto;min-height:40px;padding:8px 12px}.water-flow .flow-stage{margin:0 -23px;height:260px}.water-flow .flow-art{position:absolute;top:5px;left:50%;width:700px;height:293px;transform:translateX(-50%)}.water-flow .flow-art>text:not(.flow-product-mark),.water-flow .flow-art>path:last-of-type,.water-flow .flow-art>circle{display:none}.water-flow .flow-stage-grid{inset:25px 0 0;background-size:42px 42px}.water-flow .flow-stage-mark-top{top:30px;left:23px;font-size:7px}.water-flow .flow-stage-mark-bottom{bottom:10px;right:23px;font-size:7px}.water-flow .flow-legend{display:flex}.water-flow .flow-figure figcaption{font-size:10px;line-height:1.7;padding-top:17px;text-align:left}}
@media(prefers-reduced-motion:reduce){.water-flow .flow-moving{animation:none}.water-flow .flow-pause-input,.water-flow .flow-pause-control{display:none}.water-flow .flow-ribbon-a{stroke-dashoffset:-50}.water-flow .flow-ribbon-b{stroke-dashoffset:-170}.water-flow .flow-ribbon-c{stroke-dashoffset:-260}.water-flow .flow-particle-a{stroke-dashoffset:-90}.water-flow .flow-particle-b{stroke-dashoffset:-225}.water-flow .flow-particle-c{stroke-dashoffset:-145}}
@media print{.water-flow{background:#112e26;color:#f5f3e9;print-color-adjust:exact;break-inside:avoid}.water-flow .flow-moving{animation:none}.water-flow .flow-pause-input,.water-flow .flow-pause-control{display:none}}