@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--ink:#17352e;--cream:#f6f4ed;--lime:#d9ed83;--mint:#dcefe4;--blue:#d8ebf0;--line:#cbd5cb;--orange:#f5a46e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);position:relative;z-index:4;background:var(--cream)}.brand{font-weight:700;font-size:23px;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.brand-mark{width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:Fraunces;font-size:18px}.brand-dot{color:#ef8051}.main-nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.main-nav a:not(.nav-cta):hover,.text-link:hover,.arrow-link:hover{text-decoration:underline;text-underline-offset:4px}.nav-cta,.button{border-radius:999px;padding:12px 20px;font-weight:700;border:0;cursor:pointer}.nav-cta{background:var(--ink);color:white}.menu-toggle{display:none;background:none;border:0;font-weight:700}.hero{min-height:635px;display:grid;grid-template-columns:1.06fr .94fr;padding:73px 9% 60px;overflow:hidden}.eyebrow,.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;color:#638072}.hero h1{font-size:clamp(53px,6.8vw,92px);line-height:.98;letter-spacing:-4px;max-width:680px;margin:18px 0 27px}.hero h1 em,h2 em{font-family:Fraunces,serif;font-weight:500;font-style:italic;letter-spacing:-2px}.hero-lede{font-size:18px;max-width:470px;color:#4c675e;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#28554a}.button span{margin-left:13px;font-size:17px}.text-link,.arrow-link{font-weight:700;font-size:14px}.text-link span{margin-left:8px}.hero-note{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:57px;color:#527065}.spark{font-size:21px;color:#ee875b}.can-stage{position:relative;min-height:500px;display:grid;place-items:center}.sun-orb{position:absolute;width:380px;height:380px;background:var(--lime);border-radius:50%;top:32px;right:3%;opacity:.8}.can{width:188px;height:430px;border-radius:34px 34px 25px 25px;background:linear-gradient(90deg,#e7a574,#f8bd88 27%,#f6a16d 75%,#d78254);box-shadow:22px 25px 28px #8a866142;position:relative;z-index:2;transform:rotate(8deg)}.can-top,.can-bottom{position:absolute;left:4px;right:4px;height:20px;border-radius:50%;background:#d98b5d;border:2px solid #bd7047}.can-top{top:-6px;background:#d6d4bf}.can-bottom{bottom:-6px}.can-label{position:absolute;top:92px;left:15px;right:15px;height:252px;border-top:1px solid #fff6;border-bottom:1px solid #fff6;display:flex;align-items:center;flex-direction:column}.mini-brand{font-size:22px;font-weight:700;letter-spacing:-1.5px;margin-top:27px}.mini-brand span{color:#d65e39}.water-word{font-family:Fraunces;font-style:italic;font-size:27px;margin-top:13px}.can-line{height:1px;width:53px;background:var(--ink);margin:21px 0 11px}.can-copy{font-size:8px;text-transform:uppercase;letter-spacing:2px}.stage-caption{position:absolute;bottom:12px;right:10%;font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.leaf-shape{position:absolute;background:#91b795;border-radius:100% 0 100% 0;width:108px;height:54px;transform:rotate(36deg);z-index:1;opacity:.7}.leaf-one{right:2%;bottom:92px}.leaf-two{left:8%;top:112px;transform:rotate(205deg);background:#b8d37e}.can-shadow{position:absolute;width:225px;height:30px;border-radius:50%;background:#637c692b;bottom:67px;right:22%}.trust-strip{background:var(--ink);color:white;display:flex;justify-content:space-around;padding:24px 9%;font-size:13px}.trust-strip div{display:flex;align-items:center;gap:18px}.trust-strip strong{color:var(--lime);font-size:11px}.section-pad{padding:112px 10%}.split-section{display:grid;grid-template-columns:.6fr 1fr;gap:10%;max-width:1200px;margin:auto}.split-section h2,.products h2,.order-section h2,.faq-section h2{font-size:clamp(38px,4.6vw,62px);line-height:1.04;letter-spacing:-2.5px;margin:0 0 24px}.large-copy{font-size:20px;max-width:570px;color:#557167;line-height:1.5}.arrow-link{display:inline-block;margin-top:22px;border-bottom:1px solid var(--ink);padding-bottom:5px}.arrow-link span{margin-left:16px}.products{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1120px;margin:auto}.product-card{border-radius:7px;overflow:hidden;display:grid;grid-template-columns:.75fr 1.25fr;min-height:300px}.mint-card{background:var(--mint)}.blue-card{background:var(--blue)}.product-can{align-self:center;justify-self:center}.small-can{width:107px;height:245px;border-radius:20px 20px 15px 15px;box-shadow:10px 13px 15px #365b4e35;display:flex;align-items:center;flex-direction:column;transform:rotate(10deg);padding-top:65px}.mint-can{background:linear-gradient(90deg,#9fc6aa,#d1e8c1 35%,#8fb99c)}.blue-can{background:linear-gradient(90deg,#7bbbc8,#c2e2e4 35%,#73b3c1)}.small-can .mini-brand{font-size:15px;margin:0}.small-can .water-word{font-size:19px;margin-top:9px}.small-can .can-copy{font-size:7px;margin-top:26px}.product-info{padding:31px 28px 23px;display:flex;flex-direction:column}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;color:#648173}.product-info h3{font-family:Fraunces;font-size:29px;font-weight:500;margin:16px 0 6px}.product-info p{color:#5e776f;margin:0;line-height:1.45}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-bottom strong{font-size:16px}.product-bottom small{font-size:11px;color:#668077;font-weight:400}.add-button{border:1px solid var(--ink);border-radius:99px;background:transparent;padding:8px 11px;font-size:12px;cursor:pointer}.add-button:hover{background:var(--ink);color:white}.add-button span{font-size:17px;margin-left:6px}.mobile-only{display:none}.impact-section{background:#a7c67d;display:grid;grid-template-columns:1fr 1fr;padding:104px 10%;gap:9%;color:var(--ink)}.impact-intro h2{font-size:clamp(43px,5vw,68px);line-height:.98;letter-spacing:-3px;margin:20px 0}.impact-intro p{max-width:410px;font-size:17px;margin-bottom:32px}.button-light{background:var(--cream);color:var(--ink)}.impact-stats{display:grid;align-content:center;gap:23px}.impact-stat{border-top:1px solid #608265;padding-top:20px;display:flex;gap:25px}.impact-stat strong{font:500 53px Fraunces;line-height:1}.impact-stat strong span{font-size:22px}.impact-stat span{font-size:13px;line-height:1.4}.order-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.order-section p{color:#5a746a;font-size:17px;max-width:400px}.interest-form{padding-top:30px}.interest-form label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.form-row{display:flex;gap:9px}.form-row input{border:1px solid #abbeb2;background:transparent;border-radius:999px;padding:13px 17px;min-width:0;flex:1;color:var(--ink);outline-color:var(--ink)}.form-note{font-size:11px!important;margin-top:12px}.form-success{color:#43835e!important;font-size:13px!important}.faq-section{background:#f0eee5;max-width:none;padding-left:20%;padding-right:20%}.faq-section h2{margin-top:18px}.faq-section details{border-top:1px solid #c5cec3;padding:20px 0}.faq-section details:last-child{border-bottom:1px solid #c5cec3}.faq-section summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq-section summary:after{content:'+';font-size:20px;font-weight:400}.faq-section details[open] summary:after{content:'−'}.faq-section details p{color:#60766d;max-width:650px;margin:14px 0 0}.site-footer{background:var(--ink);color:white;padding:55px 7% 27px}.footer-top{display:flex;align-items:center;gap:35px;border-bottom:1px solid #ffffff2e;padding-bottom:45px}.brand-light{color:white}.footer-top p{color:#b4c9bc;margin-right:auto}.footer-links{display:flex;gap:23px;font-size:12px}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;color:#a4bbb0;font-size:11px;padding-top:20px}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:white;padding:14px 20px;border-radius:6px;transform:translateY(100px);transition:.3s;z-index:5}.toast.show{transform:translateY(0)}
@media(max-width:760px){.site-header{height:70px;padding:0 6%}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--cream);border-bottom:1px solid var(--line);padding:20px 6%;flex-direction:column;align-items:flex-start;gap:18px}.main-nav.is-open{display:flex}.nav-cta{width:100%;text-align:center}.hero{display:block;padding:57px 8% 35px;min-height:auto}.hero h1{font-size:59px;letter-spacing:-3px}.hero-lede{font-size:16px}.hero-note{margin-top:40px}.can-stage{min-height:430px;margin-top:20px}.sun-orb{width:300px;height:300px;right:5%;top:36px}.can{transform:scale(.82) rotate(8deg)}.can-shadow{right:18%;bottom:45px}.trust-strip{padding:21px 8%;display:grid;grid-template-columns:1fr 1fr;gap:15px}.trust-strip div:last-child{grid-column:span 2}.section-pad{padding:75px 8%}.split-section,.order-section{display:block}.split-section .section-kicker{margin-bottom:30px}.split-section h2,.products h2,.order-section h2,.faq-section h2{font-size:47px}.large-copy{font-size:17px}.section-heading{display:block;margin-bottom:28px}.desktop-only{display:none}.mobile-only{display:inline-block;margin-top:28px}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:.7fr 1.3fr;min-height:265px}.product-info{padding:25px 19px 19px}.product-info h3{font-size:24px}.product-info p{font-size:13px}.product-bottom{display:block;margin-top:20px}.product-bottom strong{display:block;margin-bottom:12px}.impact-section{display:block;padding:75px 8%}.impact-stats{margin-top:55px}.impact-stat strong{font-size:44px}.order-section .interest-form{padding-top:35px}.form-row{display:block}.form-row input{width:100%;margin-bottom:10px}.form-row .button{width:100%}.faq-section{padding-left:8%;padding-right:8%}.footer-top{display:block;padding-bottom:30px}.footer-top p{margin:24px 0}.footer-links{flex-wrap:wrap;gap:15px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:12px}}