@font-face{font-family:DM;src:url('/assets/fonts/font-1.ttf')}@font-face{font-family:DM;src:url('/assets/fonts/font-4.ttf');font-weight:700}@font-face{font-family:Manrope;src:url('/assets/fonts/font-8.ttf');font-weight:700}
:root{--ink:#17383d;--muted:#536d72;--teal:#266c72;--line:#dbe6e5;--paper:#f2f7f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);font:17px/1.65 DM,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}p{margin:0 0 20px}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.16;letter-spacing:-.04em;margin:0 0 22px}h1{font-size:clamp(42px,4.4vw,66px)}h1 span{color:#31777b}h2{font-size:clamp(30px,3vw,43px)}h3{font-size:23px;letter-spacing:-.025em}small{display:block;font-size:13px;color:var(--muted);margin-top:12px}.wrap{width:min(1260px,calc(100% - 80px));margin:auto}.topline{background:#e9f2f2;font-size:12px;letter-spacing:.13em;padding:9px 0}.topline .wrap{display:flex;justify-content:space-between}.topline a{letter-spacing:0}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:94px}header{background:#fffffff5;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.logo{width:174px;height:auto}nav{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:700}nav a:hover,.text-link:hover{color:#008087}.nav-contact{background:var(--teal);color:white;padding:12px 20px;border-radius:6px}.menu{display:none}.hero{background:linear-gradient(90deg,#eff8f9 4%,#eff8f9f2 37%,#eff8f958 75%,#eff8f921),url('/assets/water-hero.jpg') center/cover}.hero-content{padding-top:70px;padding-bottom:76px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:#39777b;margin-bottom:20px}.intro{max-width:560px;color:#3c5f65;font-size:19px;line-height:1.7}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 22px;border-radius:6px;background:var(--teal);color:white;font-size:15px;font-weight:700;margin-top:10px}.button:hover{background:#174e54}.button span{font-size:21px}.audience{display:flex;justify-content:space-between;padding-top:21px;padding-bottom:21px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.section{padding-top:76px;padding-bottom:76px}.section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center;margin-bottom:35px}.section-heading p:last-child{margin-bottom:0;color:var(--muted)}.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tile{border-radius:10px;padding:27px 23px;display:flex;flex-direction:column;min-height:270px;transition:transform .2s}.tile:hover{transform:translateY(-4px)}.tile h3{margin:25px 0 13px}.tile p{font-size:15px;color:#47666b}.num{font-size:10px;letter-spacing:.1em;font-weight:700}.more{font-size:13px;font-weight:700;margin-top:auto}.blue{background:#deebf2}.mint{background:#e1ede6}.sky{background:#e1eef0}.sand{background:#eeeade}.wash{background:#f4f8f7}.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.copy>p:not(.eyebrow){color:var(--muted)}.visual{min-height:480px;border-radius:12px;position:relative;overflow:hidden}.photo img{width:100%;height:100%;position:absolute;object-fit:cover}.image-label{position:absolute;bottom:20px;left:20px;padding:9px 13px;background:#ffffffed;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.1em}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 14px}.tags span{font-size:12px;background:#e5efed;padding:6px 10px;border-radius:4px}.product{display:flex;align-items:center;justify-content:center;background:#e8f1ef;padding:35px}.eliminator img{width:100%;transform:rotate(-18deg)}.product-kicker{position:absolute;top:30px;left:30px;font-size:16px;font-weight:700;letter-spacing:.16em;color:#608885}.product-bottom{position:absolute;bottom:30px;left:30px;font-size:17px;font-weight:700}.product-bottom span{display:block;font-size:13px;font-weight:400;color:var(--muted)}.filter{background:#e6f0f2}.filter img{height:380px;max-width:90%;object-fit:contain;mix-blend-mode:multiply}.filter-step{display:flex;gap:18px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.filter-step>span{font-size:14px;color:#337c82;font-weight:700}.filter-step h3{font-size:19px;margin:0 0 8px}.filter-step p{font-size:15px;color:var(--muted);margin:0}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:4px;font-size:15px;font-weight:700;margin-top:25px}.saving{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;background:#e8efe1;padding:48px;border-radius:12px}.saving-head>p:not(.eyebrow){color:#4c6556}.saving-items article{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #cddaca}.saving-items article:first-child{padding-top:0}.saving-items article:last-child{border:0}.saving-items article>span{color:#5d7962;font-size:14px}.saving-items h3{font-size:20px;margin-bottom:10px}.saving-items p{font-size:15px;margin:0;color:#4c6556}.about{background:#edf3f3}.about .section-heading{margin-bottom:0}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.contact p{max-width:530px;color:var(--muted)}.contact-details{border-left:1px solid var(--line);padding-left:65px;display:flex;flex-direction:column;justify-content:center}.contact-details a{font-size:23px;line-height:1.8;font-weight:700}.contact-details a:hover{text-decoration:underline}.contact-details p{font-size:15px;margin-top:24px;margin-bottom:0}footer{background:#dce9e9;padding-top:36px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:32px}.footer-main img{mix-blend-mode:multiply}.footer-main p{font-size:14px;margin:0}.footer-main>div{display:flex;gap:26px;font-weight:700;font-size:14px}.footer-bottom{border-top:1px solid #becfd0;display:flex;justify-content:space-between;padding-top:18px;padding-bottom:18px;font-size:12px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #338ec4;outline-offset:5px}
@media(min-width:1500px){.hero{background-position:center 40%}}@media(max-width:1100px){nav{gap:13px;font-size:12px}.logo{width:145px}.split{gap:40px}.overview{grid-template-columns:repeat(2,1fr)}.visual{min-height:450px}.saving{gap:36px;padding:35px}.contact{gap:30px}.contact-details{padding-left:30px}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.topline{font-size:10px}.topline a{display:none}.header{min-height:76px}.logo{width:152px}.menu{display:block;background:white;border:1px solid var(--line);border-radius:5px;padding:6px 12px;font-size:14px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:18px;box-shadow:0 15px 20px #1233;flex-direction:column;align-items:stretch;font-size:16px}nav.open{display:flex}.hero-content{padding-top:48px;padding-bottom:48px}.hero{background:linear-gradient(90deg,#eff8f9f5,#eff8f9c9),url('/assets/water-hero.jpg') center/cover}.intro{font-size:17px}.audience{gap:14px;font-size:11px}.section{padding-top:46px;padding-bottom:46px}.section-heading,.split,.saving,.contact{grid-template-columns:1fr;gap:28px}.section-heading{margin-bottom:28px}.overview{gap:12px}.tile{padding:23px 18px;min-height:260px}.tile h3{font-size:22px}.num{font-size:9px}.visual{min-height:330px}.split .copy{order:0}.split .visual{order:1}.product{min-height:330px}.filter img{height:280px}.saving{padding:28px 22px}.contact-details{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:25px}.contact-details a{font-size:21px}.footer-main{flex-wrap:wrap;gap:23px}.footer-main img{width:145px}.footer-main p{display:none}h2 br{display:none}.filter-step h3{line-height:1.35}}@media(max-width:400px){.overview{grid-template-columns:1fr}.tile{min-height:220px}.audience{flex-wrap:wrap}.footer-main>div{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile{transition:none}}
.eliminator-animation{margin:0;background:#e8f1ef;border-radius:12px;overflow:hidden}.eliminator-animation video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#f1f6f5}.eliminator-animation figcaption{padding:20px 24px;font-weight:700;font-size:16px}.eliminator-animation figcaption span{display:block;color:var(--muted);font-weight:400;font-size:13px;margin-top:5px}.set-intro{display:grid;grid-template-columns:1fr 1fr;gap:76px}.set-intro p:not(.eyebrow){color:var(--muted)}.set-intro .set-lead{font-size:23px;line-height:1.45;color:var(--ink);font-weight:700}.set-intro .filter-step:first-child{margin-top:0}.set-diagram{margin:38px 0 0;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.set-diagram img{width:100%;height:auto;max-height:none;object-fit:contain}.set-diagram figcaption{padding:17px 22px;display:flex;justify-content:space-between;gap:20px;font-size:14px}.set-diagram figcaption a{font-weight:700;text-decoration:underline;white-space:nowrap}@media(max-width:800px){.set-intro{grid-template-columns:1fr;gap:28px}.set-diagram{margin-top:28px}.set-diagram figcaption{flex-direction:column;gap:6px;font-size:13px}.eliminator-animation figcaption{padding:17px}.set-intro .set-lead{font-size:21px}}
.set-diagram{width:50%;margin-left:auto;margin-right:auto}.set-diagram>a{display:block;cursor:zoom-in}.set-diagram figcaption{flex-direction:column;gap:6px}#image-zoom{width:95vw;max-width:1800px;height:92dvh;max-height:92dvh;border:0;padding:0;border-radius:12px;color:var(--ink);background:white}#image-zoom::backdrop{background:#102c32d9}.zoom-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);gap:10px;font-size:14px}.zoom-toolbar>div{display:flex;align-items:center;gap:10px}.zoom-toolbar button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:5px;min-height:40px;min-width:40px;padding:4px 10px;cursor:pointer}#zoom-level{min-width:55px;text-align:center}.zoom-scroll{height:calc(100% - 67px);overflow:auto;touch-action:pan-x pan-y pinch-zoom}.zoom-scroll img{width:100%;max-width:none;height:auto}@media(max-width:800px){.set-diagram{width:100%}.zoom-toolbar{flex-wrap:wrap}.zoom-toolbar>span{display:none}} 
.set-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.set-layout .set-diagram{width:100%;margin:0}.set-copy>p:not(.eyebrow){color:var(--muted)}.set-copy .set-lead{font-size:21px;font-weight:700;line-height:1.45;color:var(--ink)}.set-copy h2{font-size:clamp(30px,3vw,42px)}.set-copy .filter-step{margin-top:16px;padding-top:16px}.set-layout .set-diagram figcaption{font-size:13px}@media(max-width:1000px){.set-layout{gap:34px}}@media(max-width:800px){.set-layout{grid-template-columns:1fr;gap:30px}.set-layout .set-diagram{width:100%}.set-copy .set-lead{font-size:20px}}
.saving.saving-with-photo{grid-template-columns:1fr 1fr;padding:0;gap:0;overflow:hidden}.saving-photo{min-height:520px}.saving-photo img{width:100%;height:100%;object-fit:cover;object-position:58% center}.saving-copy{padding:40px}.saving-with-photo .saving-items{margin-top:30px}.saving-with-photo .saving-items article{padding:17px 0}.saving-with-photo .saving-items h3{font-size:18px;margin-bottom:6px}.saving-with-photo .saving-head h2{font-size:clamp(30px,3vw,41px)}@media(max-width:800px){.saving.saving-with-photo{grid-template-columns:1fr}.saving-photo{min-height:0;height:360px}.saving-photo img{object-fit:contain;background:#e4f6f8}.saving-copy{padding:28px 22px}}
.saving-with-photo .saving-items article{align-items:center;gap:18px}.saving-product{width:88px;height:88px;flex:0 0 88px;object-fit:contain;border-radius:8px;background:white}.saving-references{padding:23px 0 0}.saving-references>span{font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--teal)}.saving-references p{font-size:14px;color:var(--muted);margin:7px 0 0}@media(max-width:400px){.saving-product{width:65px;height:65px;flex-basis:65px}}
.water-project{display:grid;grid-template-columns:.85fr 1.15fr;background:#e8efe1;border-radius:12px;overflow:hidden}.water-project-photo{position:relative;min-height:440px}.water-project-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.water-project-copy{padding:36px 42px}.water-project-copy>p:not(.eyebrow){color:#4c6556;font-size:16px}.water-project-copy h2{font-size:clamp(30px,3vw,42px)}.project-note{border-left:3px solid #8caa78;padding-left:20px;margin-top:24px}.project-note h3{font-size:19px;line-height:1.4;margin-bottom:9px}.project-note p{font-size:15px;color:#4c6556;margin-bottom:12px}.water-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.water-product{border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:130px 1fr;align-items:center;padding:16px 16px 16px 0;background:white}.water-product-images{position:relative;height:160px;overflow:hidden}.water-product-images>img{width:130px;height:130px;object-fit:contain}.water-product-images>img.inset{position:absolute;bottom:0;right:0;width:65px;height:65px;border:1px solid var(--line);border-radius:50%}.water-product-images.shower>img{height:160px}.water-product h3{font-size:19px;letter-spacing:0;margin-bottom:9px}.water-product p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.water-project-references{padding-top:25px}.water-project-references .eyebrow{margin-bottom:12px}.reference-names{display:flex;flex-wrap:wrap;gap:8px 18px}.reference-names span{font-size:13px;color:var(--muted)}@media(max-width:1100px){.water-product{grid-template-columns:95px 1fr}.water-product-images>img{width:95px}.water-project-copy{padding:30px}}@media(max-width:800px){.water-project{grid-template-columns:1fr}.water-project-photo{min-height:0;height:290px}.water-project-copy{padding:26px 22px}.water-products{grid-template-columns:1fr;gap:12px}.water-product{grid-template-columns:125px 1fr}.water-product-images{height:135px}.water-product-images>img{width:125px}.water-product-images.shower>img{height:135px}.reference-names{gap:8px 15px}}