.plumbing-hub{--pl-green:#17392d;--pl-cream:#f4f5ec;background:#fff;color:var(--pl-green)}
.plumbing-hero{padding:145px 0 70px;background:linear-gradient(115deg,#17392d,#224936);color:#fffdf4}.plumbing-hero .breadcrumbs{color:#d0ded0;margin-bottom:36px}.plumbing-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}.plumbing-hero .eyebrow{color:#ddc783;margin-bottom:20px}.plumbing-hub h1{font-size:clamp(38px,4.5vw,66px);font-weight:600;line-height:1.08;letter-spacing:-.045em}.plumbing-deck{font-size:17px;line-height:1.75;color:#dce6db;max-width:620px;margin-top:25px}.plumbing-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.plumbing-button,.plumbing-motion{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border:1px solid #17392d;border-radius:100px;padding:12px 20px;background:#17392d;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.plumbing-hero .plumbing-button{background:#fffdf4;color:#17392d;border-color:#fffdf4}.plumbing-button:hover{background:#e6eddd;color:#17392d}.plumbing-text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;padding:9px 0;border-bottom:1px solid #c3d3ba70}.plumbing-hero-art{min-width:0;overflow:hidden;border:1px solid #d7dfca;border-radius:24px;background:#f1f4e9;color:#17392d;box-shadow:0 24px 65px #071c1725}.plumbing-art-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid #17392d16;font-size:9px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;font-weight:650}.plumbing-art-heading>span:last-child{font-weight:400;letter-spacing:0;color:#6d7d68}.plumbing-hero-art>p{font-size:10px;text-align:center;padding:14px 12px 18px;color:#6b7c69;border-top:1px solid #17392d12}
.plumbing-start,.plumbing-diagram-section,.plumbing-guides,.plumbing-local,.plumbing-related{padding-top:75px;padding-bottom:75px}.plumbing-hub h2{font-size:clamp(29px,3vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.035em}.plumbing-hub .eyebrow{color:#8b732d}.plumbing-hero .eyebrow{color:#ddc783}.plumbing-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}.plumbing-start-grid article{border:1px solid #17392d18;background:#f7f8f2;border-radius:17px;padding:28px}.plumbing-number{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%;background:#e5ebdc;color:#6e602f;font-size:12px;font-weight:650}.plumbing-start h3{font-size:22px;font-weight:600;line-height:1.3;margin:20px 0 14px}.plumbing-start p{font-size:14px;line-height:1.75;color:#657365}
.plumbing-diagram-section{border-top:1px solid #17392d18}.plumbing-diagram-section .section-heading{gap:30px;align-items:flex-end}.plumbing-diagram-section .section-heading p:not(.eyebrow){font-size:15px;line-height:1.7;color:#657365;max-width:720px;margin-top:20px}.plumbing-motion{flex:none;background:#fff;border-color:#17392d30;color:#17392d;min-width:162px}.plumbing-motion:hover{background:#edf2e7}.plumbing-motion:disabled{opacity:.65;cursor:default}.plumbing-diagram{background:#f1f4e9;border:1px solid #17392d20;border-radius:24px;padding:24px;overflow:hidden}.plumbing-diagram-controls{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.plumbing-diagram-controls button{display:flex;align-items:center;justify-content:center;min-height:43px;padding:10px 17px;border:1px solid #17392d25;border-radius:100px;background:#fff;color:#17392d;font-size:12px;font-weight:600;cursor:pointer}.plumbing-diagram-controls button[aria-pressed=true]{background:#17392d;color:#fff;border-color:#17392d}.plumbing-board-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #17392d16;border-bottom:1px solid #17392d16;padding:16px 4px;font-size:10px;color:#6c7e65}.plumbing-board-heading p{display:flex;align-items:center;gap:9px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#496a56}.plumbing-board-heading p>span{width:6px;height:6px;background:#43999c;border-radius:50%}.plumbing-schematic-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#91ac93 #e2e8db}.plumbing-schematic-viewport:focus-visible{outline-offset:-3px!important}.plumbing-real-svg{display:block;width:100%;height:auto;overflow:visible}.plumbing-schematic-viewport>.plumbing-real-svg{min-width:1000px}.plumbing-scroll-hint{display:none}.plumbing-real-svg text{font-family:Manrope,Arial,sans-serif;fill:#244c3b;text-anchor:middle}.pl-real-label{font-size:18px;font-weight:600;letter-spacing:-.035em;text-anchor:middle}.pl-small-label{font-size:13px;fill:#72826b!important;font-weight:400;text-anchor:middle}.pl-cold-label{fill:#438f96!important;letter-spacing:.1em;font-size:11px;font-weight:600}.pl-hot-label{fill:#b17d52!important;letter-spacing:.1em;font-size:11px;font-weight:600}.pl-hero-svg .pl-real-label{font-size:17px}.pl-real-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}.pl-pipe-shadow{stroke:#17392d15;stroke-width:19;transform:translateY(3px)}.pl-pipe-rim{stroke:#698d81;stroke-width:16}.pl-pipe-core{stroke:#6bbdc6;stroke-width:10}.pl-pipe-shine{stroke:#ecffff;stroke-width:2;opacity:.6;transform:translateY(-2px)}.pl-route-hot .pl-pipe-rim{stroke:#a08b70}.pl-route-hot .pl-pipe-core{stroke:#deb48e}.pl-route-hot .pl-pipe-shine{stroke:#fff4d9}.pl-route-drain .pl-pipe-rim{stroke:#839077}.pl-route-drain .pl-pipe-core{stroke:#b9ac65}.pl-route-drain .pl-pipe-shine{stroke:#f8efd0}.pl-real-motion{fill:none;stroke:#edffff;stroke-width:3;stroke-linecap:round;stroke-dasharray:12 33;animation:pl-system-flow 3.6s linear infinite;animation-play-state:paused}.pl-route-hot .pl-real-motion{stroke:#fff3de}.pl-route-drain .pl-real-motion{stroke:#fff8d5}.plumbing-diagram.is-playing .pl-real-motion,.plumbing-hub.pl-flow-playing .plumbing-hero-art .pl-real-motion{animation-play-state:running}.pl-tap-stream{fill:none;stroke:#74c3d0;stroke-width:7;stroke-linecap:round;opacity:.75}.pl-tap-motion{stroke-width:2;stroke-dasharray:5 10;animation-duration:1.5s}.pl-vent-line{fill:none;stroke:#9baa93;stroke-width:9;stroke-dasharray:9 6;stroke-linecap:round}.pl-vent-arrow{fill:none;stroke:#718c73;stroke-width:2}.pl-component-focus{fill:none;stroke:transparent;stroke-width:1.5;transition:fill .3s,stroke .3s}.pl-real-component{cursor:pointer}.pl-real-component.is-selected .pl-component-focus{fill:#fff8dc40;stroke:#bca862}.plumbing-panels{margin-top:22px;display:grid;gap:9px}.plumbing-panels details{background:#fff;border:1px solid #17392d1c;border-radius:13px;padding:19px 22px}.plumbing-panels summary{font-size:15px;line-height:1.5;font-weight:600;cursor:pointer}.plumbing-panels details[open]{border-color:#8fa486}.plumbing-panels p{max-width:970px;font-size:14px;line-height:1.75;color:#657365;margin:14px 0}.plumbing-panels a{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:650}.plumbing-diagram-note{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;line-height:1.65;color:#64755e;margin-top:23px}.plumbing-diagram-note>span:last-child{margin-left:auto;max-width:480px}.plumbing-key{width:20px;height:4px;display:inline-block;border-radius:4px}.plumbing-key.supply{background:#65b7c1}.plumbing-key.hot{background:#d6ac87;margin-left:12px}.plumbing-key.drain{background:#b9ac65;margin-left:12px}
.plumbing-guides{border-top:1px solid #17392d18}.plumbing-guides .section-heading{margin-bottom:30px}.plumbing-foundations-title{font-size:25px;font-weight:600;margin:50px 0 13px}.plumbing-guides>p{font-size:15px;color:#657365;line-height:1.7}.plumbing-guides .article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:28px}.plumbing-guides .story-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #17392d20;border-radius:16px;overflow:hidden}.plumbing-guides .card-image{height:auto;aspect-ratio:40/21;background:#f1f4e9}.plumbing-guides .card-image img{width:100%;height:100%;object-fit:contain}.plumbing-guides .card-body{display:flex;flex-direction:column;flex:1;padding:24px}.plumbing-guides .card-body h3{font-size:22px;font-weight:600;line-height:1.3}.plumbing-guides .card-body>p{flex:1;font-size:14px;line-height:1.7;color:#657365}.plumbing-guides .feature-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid #17392d20}.plumbing-guides .feature-card-time{font-size:11px;color:#657365}.plumbing-guides .feature-read-more{display:inline-flex;align-items:center;gap:10px;background:#17392d;color:#fffdf4;border-radius:100px;padding:11px 15px;font-size:12px;font-weight:600;min-height:42px}.plumbing-guides .feature-read-more:hover{background:#295644}.plumbing-guides .feature-read-more svg{width:17px;height:17px;flex:none}
.plumbing-local{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;border:1px solid #17392d18;border-radius:24px;background:#f4f6ed;padding:45px;margin-bottom:35px}.plumbing-local .article-content{max-width:none;font-size:15px;color:#53684f}.plumbing-local .article-content p{margin-top:0;line-height:1.8}.plumbing-local .article-content p:last-child{margin-bottom:0}.plumbing-related{border-top:0}.plumbing-topic-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.plumbing-topic-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#edf2e6;border:1px solid #17392d10;border-radius:13px;padding:24px;font-size:14px;font-weight:600}.plumbing-topic-links a:hover{background:#dce7d5}.plumbing-hub a:focus-visible,.plumbing-hub button:focus-visible,.plumbing-hub summary:focus-visible,.plumbing-schematic-viewport:focus-visible{outline:3px solid #b69b48;outline-offset:4px}.plumbing-hub [hidden]{display:none!important}@keyframes pl-system-flow{to{stroke-dashoffset:-90}}
@media(max-width:1100px){.plumbing-hero-grid{gap:30px}.plumbing-hero h1{font-size:48px}.plumbing-deck{font-size:16px}.plumbing-art-heading{padding:17px 15px;font-size:8px}.plumbing-art-heading>span:last-child{display:none}.plumbing-schematic-viewport>.plumbing-real-svg{min-width:1000px}.plumbing-scroll-hint{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:11px;color:#708368}.plumbing-guides .article-grid{gap:20px}.plumbing-guides .card-body{padding:21px}.plumbing-guides .card-body h3{font-size:20px}.plumbing-local{gap:35px;padding:35px}.plumbing-start-grid{gap:17px}.plumbing-start-grid article{padding:24px}}
@media(max-width:900px){.plumbing-hero{padding-top:125px}.plumbing-hero-grid{grid-template-columns:1fr;gap:36px}.plumbing-hero-art{max-width:640px;width:100%;margin:auto}.plumbing-hero h1{font-size:50px;max-width:700px}.plumbing-start-grid{grid-template-columns:1fr}.plumbing-start-grid article{display:grid;grid-template-columns:40px 1fr;gap:0 20px}.plumbing-start-grid h3{margin:0 0 14px}.plumbing-start-grid p{grid-column:2}.plumbing-guides .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plumbing-local{grid-template-columns:1fr;gap:24px}.plumbing-diagram-section .section-heading{align-items:flex-start;flex-direction:column;gap:24px}.plumbing-topic-links{grid-template-columns:1fr}.plumbing-diagram-note>span:last-child{margin-left:0;max-width:none}}
@media(max-width:540px){.plumbing-hero{padding-top:115px;padding-bottom:45px}.plumbing-hero .breadcrumbs{font-size:11px;margin-bottom:28px}.plumbing-hero h1{font-size:39px}.plumbing-deck{font-size:15px}.plumbing-actions{gap:16px}.plumbing-hero-art{border-radius:18px}.plumbing-art-heading{font-size:8px;padding:16px}.plumbing-hero-art>p{font-size:9px}.plumbing-start,.plumbing-diagram-section,.plumbing-guides,.plumbing-related{padding-top:48px;padding-bottom:48px}.plumbing-start-grid article{padding:23px;grid-template-columns:32px 1fr;gap:0 15px}.plumbing-number{width:32px;height:32px}.plumbing-start h3{font-size:20px}.plumbing-hub h2{font-size:30px}.plumbing-diagram{padding:14px;border-radius:18px}.plumbing-diagram-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.plumbing-diagram-controls button{padding:10px 8px;font-size:11px}.plumbing-board-heading{padding:15px 1px;font-size:9px}.plumbing-board-heading>span{display:none}.plumbing-board-heading p{font-size:9px}.plumbing-panels details{padding:16px}.plumbing-panels summary{font-size:14px}.plumbing-panels p{font-size:13px}.plumbing-diagram-note{gap:8px;font-size:10px}.plumbing-key.hot,.plumbing-key.drain{margin-left:6px}.plumbing-guides .article-grid{grid-template-columns:1fr}.plumbing-local{padding:26px;border-radius:18px;margin-bottom:0}.plumbing-foundations-title{font-size:23px}.plumbing-related .section-heading{display:block}.plumbing-related .section-heading>.text-link{display:inline-flex;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.pl-real-motion{animation:none!important}.pl-component-focus{transition:none}}

/* A softer continuous stream and a properly connected chrome mixer tap. */
.pl-tap-motion{stroke-width:1.4;stroke-dasharray:3 12;opacity:.7}
.pl-tap-ripple{transform-box:fill-box;transform-origin:center;animation:pl-tap-ripple 2.4s ease-out infinite;animation-play-state:paused;opacity:.6}
.pl-ripple-second{animation-delay:-1.2s}
.plumbing-diagram.is-playing .pl-tap-ripple,.plumbing-hub.pl-flow-playing .plumbing-hero-art .pl-tap-ripple{animation-play-state:running}
@keyframes pl-tap-ripple{0%{transform:scale(.8);opacity:.6}100%{transform:scale(1.35);opacity:.1}}
@media(prefers-reduced-motion:reduce){.pl-tap-ripple{animation:none!important}}