.process-hero{--process-speed:1.5s;--process-rotation:1.6s;--process-level:9s;--process-canvas:#f2f7fa;--process-ink:#20364a;background:#f4f7fa;color:#20364a;padding-block:42px 22px;overflow:hidden}.process-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.process-intro .eyebrow{color:#b81120;font-size:10px;margin-bottom:12px}.process-intro h2{font-size:clamp(29px,3vw,42px);letter-spacing:-1px}.process-intro>p{font-size:13px;line-height:1.8;color:#526779}.process-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:27px}.process-tabs button{display:flex;align-items:center;gap:13px;background:#fff;color:#4b6072;border:1px solid #ccd8e2;text-align:left;padding:15px 17px;min-height:59px;font-size:14px;transition:border-color .2s,background .2s,color .2s}.process-tabs button[aria-selected=true]{border-color:#d61523;color:#20364a;background:#fff1f2}.process-tabs button:hover{background:#eaf1f6;color:#20364a}.process-tab-number{font-size:11px;letter-spacing:1px;opacity:1;color:#596f80}.process-tab-arrow{margin-left:auto;font-size:18px}.process-scene{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;align-items:start}.process-scene-copy{padding-top:24px}.process-scene-index{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:#5b6f80;display:block;margin-bottom:24px}.process-scene-copy h2{font-size:32px;line-height:1.18;letter-spacing:-.7px;margin-bottom:23px}.process-scene-copy>p{font-size:14px;line-height:1.85;color:#526779;margin-bottom:25px}.process-scene-copy .text-link{color:#b81120;font-size:12px;gap:10px;line-height:1.6}.process-scene-copy .text-link:hover{color:#20364a}.process-legend{display:flex;flex-direction:column;gap:10px;border-top:1px solid #ccd8e2;margin-top:30px;padding-top:21px}.process-legend>span{display:flex;align-items:center;gap:9px;font-size:10px;color:#526779}.process-legend i{width:17px;height:5px;display:block;background:#167a97;border-radius:3px}.process-legend .process-legend-cut{height:10px;border:1px solid #c5a873;background:repeating-linear-gradient(45deg,transparent 0 3px,#c5a873 3px 4px);border-radius:0}.process-scene-visual{min-width:0}.process-canvas{background:var(--process-canvas);border:1px solid #cedce5;border-radius:12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#99b4c5 #e3edf4;position:relative}.process-drawing{display:block;width:100%;min-width:660px;height:auto;color:var(--process-ink);font-family:Fira Sans,Arial,sans-serif}.process-scroll-hint{display:none;color:#53697b;font-size:10px;margin-block:8px}.process-part-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.process-part-buttons button{font-size:10px;line-height:1.4;background:transparent;border:1px solid #c6d4df;color:#4b6072;padding:7px 9px;min-height:32px}.process-part-buttons button[aria-pressed=true]{background:#fff1f2;border-color:#d61523;color:#a6101d}.process-part-buttons button:hover{border-color:#92aabc;color:#20364a}.process-inspector{display:flex;gap:13px;margin-top:12px;min-height:110px;padding:17px 19px;background:#fff;border-left:2px solid #d61523}.process-inspector-marker{color:#d61523;font-size:20px}.process-inspector h3{font-size:15px;line-height:1.4;color:#20364a;margin-bottom:7px}.process-inspector p{font-size:12px;line-height:1.75;color:#526779}.process-grid-line{stroke:#dbe7ed;stroke-width:.6;fill:none}.process-figure-kicker{fill:#53697b;font-size:10px;letter-spacing:1.8px;font-weight:400}.process-part-label{fill:#20364a;font-size:14px;font-weight:600;paint-order:stroke;stroke:var(--process-canvas);stroke-width:4px;stroke-linejoin:round}.process-small-label{fill:#4e667a;font-size:12px;paint-order:stroke;stroke:var(--process-canvas);stroke-width:3px}.process-tiny-label{fill:#53697b;font-size:10px;paint-order:stroke;stroke:var(--process-canvas);stroke-width:3px}.process-callout{fill:none;stroke:#91a7b8;stroke-width:1;stroke-dasharray:3 3}.process-key text{font-size:10px;fill:#516a7d}.process-key-raw{fill:#3c8cab}.process-key-clean{fill:#1bbbd0}.process-key-reject{fill:#b187c1}.process-source-dot{fill:#8eb8c9;stroke:#578d9f;stroke-width:1.5}.process-clean-label{fill:#086b79}.process-reject-label{fill:#77518c}.process-direction-label{font-size:11px;fill:#526f83}.process-direction-label text{paint-order:stroke;stroke:var(--process-canvas);stroke-width:4px}.process-pipe-shell{fill:none;stroke:#87a1b3;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}.process-pipe-water{fill:none;stroke:#c9e2eb;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.process-flow{fill:none;stroke:#388cab;stroke-width:3;stroke-dasharray:5 12;stroke-linecap:round;animation:process-water-travel var(--process-speed) linear infinite}.process-pipe--clean .process-pipe-shell{stroke:#70b4bf}.process-pipe--clean .process-pipe-water{stroke:#bcecf0}.process-pipe--clean .process-flow{stroke:#149caf}.process-pipe--reject .process-pipe-shell{stroke:#a796b2;stroke-width:9}.process-pipe--reject .process-pipe-water{stroke:#e7dfed;stroke-width:6}.process-pipe--reject .process-flow{stroke:#77518c;stroke-width:2}.process-vessel-shell{fill:#dfeaf0}.process-vessel-outline{stroke:#54778e;stroke-width:2;fill:none}.process-column-water{fill:#c8eaf3}.process-column-flow{stroke:#62afc9;stroke-width:2;stroke-dasharray:5 9}.process-riser-shell{stroke:#eaf4f7;stroke-width:13;fill:none}.process-riser-flow{stroke:#339cbb;stroke-width:3;stroke-dasharray:4 8;fill:none}.process-distributor{stroke:#7b919b;stroke-width:3;fill:none}.process-frame{stroke:#748c9f;stroke-width:5;fill:none;stroke-linejoin:round}.process-fitting{fill:#e4eaf0;stroke:#69889e;stroke-width:1.5}.process-valve{fill:#34495d;stroke:#233c50;stroke-width:1.5}.process-display{fill:#163040;stroke:#4e788a;stroke-width:1}.process-display-line{stroke:#66d7df;stroke-width:1.5;fill:none}.process-hub{fill:#a4c9d7;stroke:#456d87;stroke-width:1.5}.process-port{stroke:#6d8aa0;stroke-width:10;fill:none}.process-cartridge-body{fill:#e1eef5;stroke:#6c91a6;stroke-width:1.5}.process-cartridge-cap{fill:#3c6c8a;stroke:#35556b;stroke-width:1}.process-cartridge-core{fill:#e7dcc2;stroke:#bbad94;stroke-width:1}.process-cartridge-core--1{fill:#647786;stroke:#465b6a}.process-cartridge-core--2{fill:#e3eff5;stroke:#8fb2c7}.process-cartridge-fold{fill:none;stroke:#9aaeb5;stroke-width:1;opacity:.6}.process-motor-body{fill:#819bb0;stroke:#34566e;stroke-width:2}.process-motor-fins{stroke:#456780;stroke-width:2;fill:none}.process-motor-window{fill:#e4edf1;stroke:#456780;stroke-width:1}.process-coil{stroke:#ca985a;stroke-width:3;fill:none}.process-shaft{stroke:#607f93;stroke-width:6;fill:none}.process-motor-rotor{fill:#58798c;stroke:#375a70;stroke-width:1}.process-pump-casing{fill:#bed6e4;stroke:#446b88;stroke-width:2}.process-pump-window{fill:#e8f3f9;stroke:#6c96ae;stroke-width:1.5}.process-impeller-disc{fill:#c8e8f2;stroke:#5c8ba5;stroke-width:1}.process-impeller-vane{stroke:#3c91ae;stroke-width:4;fill:none;stroke-linecap:round}.process-bolt{fill:#52738a}.process-rotor,.process-stage-rotor{transform-box:fill-box;transform-origin:center;animation:process-rotate var(--process-rotation) linear infinite}.process-membrane-body{fill:#deebf1;stroke:#5a829a;stroke-width:2}.process-membrane-section{fill:#b7d1de;stroke:#5b849c;stroke-width:1.5}.process-membrane-layers{stroke:#76a4b9;stroke-width:2;fill:none}.process-permeate-tube{stroke:#24afc1;stroke-width:6;fill:none}.process-membrane-flow{stroke:#5bb5c6;stroke-width:1.5;stroke-dasharray:4 12;fill:none}.process-membrane-spiral{fill:#e4f5f8;stroke:#729aaf;stroke-width:1}.process-spiral-line{stroke:#418caa;stroke-width:2;fill:none}.process-drain{stroke:#9c86af;stroke-width:2;fill:none}.process-membrane-number{fill:#467088;font-size:8px;letter-spacing:1.5px}.process-tank-shell{fill:#e1eaf0}.process-tank-outline{stroke:#6e91a5;stroke-width:2;fill:none}.process-tank-lid{fill:#e5eef4;stroke:#6e91a5;stroke-width:1.5}.process-liquid{fill:#b1e2ed}.process-liquid--raw{fill:#bdced5}.process-surface{stroke:#74b7c9;stroke-width:2;fill:none;stroke-dasharray:14 9;animation:process-water-travel 4s linear infinite}.process-level-gauge{stroke:#829fae;stroke-width:3;fill:none;stroke-dasharray:2 6}.process-tank-label{font-size:21px;fill:#426c80;letter-spacing:3px}.process-tank-water{transform-box:fill-box;transform-origin:center bottom}.process-tank-water--source{animation:process-source-level var(--process-level) ease-in-out infinite}.process-tank-water--destination{animation:process-destination-level var(--process-level) ease-in-out infinite}.process-tank-water--clean{animation:process-clean-level var(--process-level) ease-in-out infinite}.process-earth{fill:#e6e3d9}.process-soil-grain{stroke:#b8afa0;stroke-width:1;opacity:.5}.process-ground{stroke:#b1ac9b;stroke-width:2}.process-borehole{stroke:#96a2a7;stroke-width:5;fill:none}.process-aquifer{fill:#bddce3}.process-aquifer-wave{stroke:#8ab6c7;stroke-width:1.5;fill:none;stroke-dasharray:10 8;animation:process-water-travel 4s linear infinite}.process-submersible-body{fill:#ccdbe3;stroke:#5f819a;stroke-width:1.5}.process-submersible-motor{fill:#7792a3;stroke:#57748b;stroke-width:1}.process-power-cable{stroke:#bc975c;stroke-width:2;fill:none}.process-house{stroke:#7b97a9;stroke-width:2;fill:none;stroke-linejoin:round}.process-skid-frame{stroke:#527b98;stroke-width:6;fill:none;stroke-linejoin:round}.process-skid-connector{stroke:#719bb2;stroke-width:7;fill:none}.process-collector{stroke:#95b5c4;stroke-width:8;fill:none}.process-collector-flow{stroke:#48a7bf;stroke-width:2;fill:none;stroke-dasharray:5 9}.process-panel{fill:#e0e9ee;stroke:#68889e;stroke-width:1.5}.process-status-dot{fill:#6ab6a5}.process-gauge{fill:#edf6f9;stroke:#6c8b9f;stroke-width:2}.process-gauge-ticks{stroke:#47758d;stroke-width:1.5;fill:none}.process-gauge-stem{stroke:#7999ad;stroke-width:5;fill:none}.process-floor{stroke:#d3dfe6;stroke-width:1;fill:none}.process-faucet-body{fill:#cbdde6;stroke:#5e8199;stroke-width:2;stroke-linejoin:round}.process-faucet-handle{stroke:#588199;stroke-width:4;stroke-linecap:round;fill:none}.process-outlet-pool{fill:#b8e6ef;opacity:.7}.process-outlet-ring{stroke:#53b5cd;stroke-width:1;fill:none;transform-box:fill-box;transform-origin:center;animation:process-ripple 2s ease-out infinite}.process-outlet-stream{stroke:#53bbd2;stroke-width:6;stroke-linecap:round;fill:none}.process-outlet-glint{stroke:#e6fbff;stroke-width:2;stroke-linecap:round;fill:none;stroke-dasharray:5 9;animation:process-water-travel calc(var(--process-speed)*.45) linear infinite}.process-outlet-splash{stroke:#64b7cd;stroke-width:2;fill:none;transform-box:fill-box;transform-origin:center bottom;animation:process-splash 1.2s ease-out infinite}.process-equipment{cursor:pointer;outline:none}.process-hitbox{stroke:transparent;fill:transparent;stroke-width:2;transition:stroke .2s,fill .2s}.process-equipment:hover>.process-hitbox{stroke:#75acc5;fill:#7dc5e906}.process-equipment[aria-pressed=true]>.process-hitbox{stroke:#d61523;stroke-dasharray:4 4;fill:#d6152303}.process-equipment:focus-visible>.process-hitbox{stroke:#d61523;stroke-width:3;stroke-dasharray:none}.process-equipment:focus-visible{outline:2px solid #d61523;outline-offset:4px}.process-hero[data-speed=slow]{--process-speed:3s;--process-rotation:3.2s;--process-level:15s}.process-hero[data-speed=fast]{--process-speed:.7s;--process-rotation:.75s;--process-level:5s}.process-hero[data-running=false] .process-motion,.process-hero[data-visible=false] .process-motion,.process-scene[hidden] .process-motion{animation-play-state:paused!important}@keyframes process-water-travel{to{stroke-dashoffset:-34}}@keyframes process-rotate{to{transform:rotate(360deg)}}@keyframes process-source-level{0%,to{transform:scaleY(.95)}50%{transform:scaleY(.62)}}@keyframes process-destination-level{0%,to{transform:scaleY(.62)}50%{transform:scaleY(.95)}}@keyframes process-clean-level{0%,to{transform:scaleY(.87)}50%{transform:scaleY(1)}}@keyframes process-ripple{0%{transform:scale(.25,.5);opacity:.9}to{transform:scale(1.1);opacity:0}}@keyframes process-splash{0%,to{opacity:.2;transform:scale(.75)}45%{opacity:.8;transform:scale(1)}}@media(max-width:1100px){.process-scene{grid-template-columns:225px minmax(0,1fr);gap:23px}.process-scene-copy h2{font-size:29px}.process-drawing{min-width:640px}.process-scroll-hint{display:block}.process-intro h2{font-size:35px}.process-tabs button{font-size:12px;padding:13px}.process-inspector{min-height:125px}}@media(max-width:800px){.process-hero{padding-top:30px}.process-intro{align-items:start}.process-intro h2{font-size:31px;max-width:430px}.process-intro>p{font-size:11px;max-width:190px}.process-scene{grid-template-columns:1fr;gap:20px}.process-scene-copy{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.process-scene-index{grid-column:1/-1;margin-bottom:0;font-size:9px}.process-scene-copy h2{font-size:27px;margin:0;grid-column:1}.process-scene-copy>p{grid-column:2;grid-row:2/4;margin:0;font-size:12px}.process-scene-copy .text-link{grid-column:1;align-self:start;font-size:11px}.process-legend{display:none}.process-drawing{min-width:660px}.process-inspector{min-height:105px}.process-tabs{gap:8px;margin-bottom:22px}.process-tab-arrow{display:none}}@media(max-width:540px){.process-hero{padding-block:25px 18px}.process-intro{display:block;margin-bottom:22px}.process-intro h2{font-size:30px;letter-spacing:-.7px}.process-intro>p{font-size:12px;margin-top:13px;max-width:none}.process-intro>p br{display:none}.process-tabs{gap:5px}.process-tabs button{font-size:11px;line-height:1.4;padding:10px 8px;gap:5px;min-height:63px;align-items:start;flex-direction:column}.process-tab-number{font-size:9px}.process-scene-copy{display:block}.process-scene-index{margin-bottom:12px}.process-scene-copy h2{font-size:28px;margin-bottom:13px}.process-scene-copy>p{font-size:13px;line-height:1.75;margin-bottom:13px}.process-canvas{border-radius:8px}.process-part-buttons{gap:5px}.process-part-buttons button{font-size:10px;padding:8px 9px}.process-inspector{padding:14px;gap:10px;min-height:143px}.process-inspector h3{font-size:14px}.process-inspector p{font-size:12px}.process-scroll-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){.process-hero .process-motion{animation:none!important}.process-outlet-ring,.process-outlet-splash{opacity:.3}}.process-intro>div{flex:1;min-width:0;max-width:850px}.process-intro>p{flex:0 0 240px}.process-tabs button[aria-selected=true]{color:#a6101d;background:#fff1f2;border-color:#d61523}.process-inspector{box-shadow:0 3px 14px #20364a05}.process-canvas{border-color:#bacbd7;background:#f2f7fa}.process-legend .process-legend-cut{border-color:#8a692e;background:repeating-linear-gradient(45deg,transparent 0 3px,#8a692e 3px 4px)}@media(max-width:800px){.process-intro>p{flex-basis:180px}}@media(max-width:540px){.process-intro>div{max-width:none}.process-intro>p{max-width:none}.process-intro h2{max-width:none;font-size:29px}}.process-consult{font-size:12px;min-height:44px;padding:11px 14px;gap:10px;margin-bottom:16px}.process-scene-copy .process-consult+.text-link{display:flex}@media(max-width:800px){.process-scene-copy .process-consult{grid-column:1;margin:0;align-self:start}.process-scene-copy>.text-link{grid-column:1}.process-scene-copy>p{grid-row:2/5}}@media(max-width:540px){.process-scene-copy .process-consult{margin-block:0 14px}}