.impact-section{--impact-band: #f3f0ea;--impact-card-bg: #ffffff;--impact-hairline: rgba(var(--color-foreground), .12);--impact-muted: rgba(var(--color-foreground), .62);--impact-live: #2f9e63;--impact-measure: 64rem;position:relative;color:rgb(var(--color-foreground))}.impact-section--band{background:var(--impact-band)}.impact-hero--image{position:relative;overflow:hidden}.impact-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.impact-hero__bg-img{width:100%;height:100%;object-fit:cover;display:block}.impact-hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.impact-hero--image .impact-wrap{position:relative;z-index:1}.impact-hero--image .impact-eyebrow,.impact-hero--image .impact-hero__number,.impact-hero--image .impact-hero__label,.impact-hero--image .impact-hero__intro,.impact-hero--image .impact-hero__intro *,.impact-hero--image .impact-hero__lead-heading,.impact-hero--image .impact-hero__lead-body,.impact-hero--image .impact-hero__lead-body *{color:#fff}.impact-hero--image .impact-hero__live{color:#ffffffd9}.impact-wrap{max-width:1856px;margin:0 auto;padding-left:32px;padding-right:32px}@media screen and (max-width:767px){.impact-wrap{padding-left:16px;padding-right:16px}}.impact-measure{max-width:var(--impact-measure);margin-left:auto;margin-right:auto}.impact-eyebrow{font-family:var(--font-body-family);font-weight:400;font-size:1.2rem;line-height:1.4;text-transform:uppercase;letter-spacing:normal;color:var(--impact-muted);margin:0 0 1.6rem}.impact-heading{font-family:var(--font-heading-family);font-weight:500;font-style:normal;font-size:clamp(2.6rem,4.4vw,3.4rem);line-height:1.12;letter-spacing:-.01em;margin:0;text-wrap:balance}.impact-body{font-family:var(--font-body-family);font-weight:300;font-size:1.5rem;line-height:1.62;color:var(--impact-muted);margin:0}.impact-body p{margin:0 0 1.4rem}.impact-body p:last-child{margin-bottom:0}.impact-body a{color:rgb(var(--color-foreground));text-underline-offset:.3rem}.impact-link{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-body-family);font-weight:400;font-size:1.3rem;text-transform:uppercase;letter-spacing:normal;color:rgb(var(--color-foreground));text-decoration:none;border-bottom:.1rem solid rgba(var(--color-foreground),.3);padding-bottom:.4rem;transition:border-color .2s ease}.impact-link:hover{border-bottom-color:rgba(var(--color-foreground),.9)}.impact-link svg{width:1.2rem;height:1.2rem;flex:0 0 auto}.impact-reveal--init{opacity:0;transform:translateY(1.4rem);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}.impact-reveal--init.is-revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.impact-reveal--init{opacity:1;transform:none;transition:none}}.impact-hero__inner{display:flex;flex-direction:column;align-items:center;text-align:center}.impact-hero__card{position:relative;width:100%;max-width:46rem;background:transparent;border:0;padding:4rem 3rem 3.2rem}.impact-hero__live{position:absolute;top:1.6rem;right:1.6rem;display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-body-family);font-size:1.1rem;letter-spacing:normal;text-transform:uppercase;color:var(--impact-muted);opacity:0;visibility:hidden;transition:opacity .4s ease}.impact-hero.is-live .impact-hero__live{opacity:1;visibility:visible;color:var(--impact-live)}.impact-hero__live-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--impact-live);box-shadow:0 0 #2f9e6399}.impact-hero.is-live .impact-hero__live-dot{animation:impact-pulse 2s ease-out infinite}@keyframes impact-pulse{0%{box-shadow:0 0 #2f9e638c}70%{box-shadow:0 0 0 .8rem #2f9e6300}to{box-shadow:0 0 #2f9e6300}}@media(prefers-reduced-motion:reduce){.impact-hero.is-live .impact-hero__live-dot{animation:none}}.impact-hero__number{font-family:var(--font-heading-family);font-weight:500;font-size:clamp(4rem,13vw,8.2rem);line-height:1;letter-spacing:-.025em;margin:0;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.impact-hero__label{font-family:var(--font-body-family);font-weight:300;font-size:1.4rem;line-height:1.5;color:var(--impact-muted);margin:1.2rem 0 0}.impact-hero__intro{max-width:60rem;margin:2.8rem auto 0;font-family:var(--font-body-family);font-weight:300;font-size:1.5rem;line-height:1.6;color:var(--impact-muted)}.impact-hero__lead{max-width:60rem;margin:0 auto 2.6rem;text-align:center}.impact-hero__lead-heading{font-family:var(--font-heading-family);font-weight:500;font-size:clamp(2.2rem,3.4vw,3.4rem);line-height:1.1;letter-spacing:-.01em;margin:0 0 1.4rem}.impact-hero__lead-body{font-family:var(--font-body-family);font-weight:300;font-size:1.5rem;line-height:1.6}.impact-hero__lead-body p{margin:0}.impact-hero__intro{text-align:left}@media screen and (min-width:750px){.impact-hero__card{padding:4.8rem 4rem 3.6rem}.impact-hero__intro{max-width:52rem}}.impact-steps__head{text-align:center;margin-bottom:4.8rem}.impact-steps__grid{display:grid;grid-template-columns:1fr;gap:4.8rem 6rem}.impact-step{text-align:center;display:flex;flex-direction:column;align-items:center}.impact-step__icon{width:4.4rem;height:4.4rem;margin-bottom:2.4rem;color:rgb(var(--color-foreground))}.impact-step__icon svg,.impact-step__icon img{width:100%;height:100%;object-fit:contain;display:block}.impact-step__eyebrow{font-family:var(--font-body-family);font-size:1.15rem;letter-spacing:normal;text-transform:uppercase;color:var(--impact-muted);margin:0 0 1.4rem}.impact-step__heading{font-family:var(--font-heading-family);font-weight:500;font-size:clamp(2rem,2.6vw,2.4rem);line-height:1.18;letter-spacing:-.005em;margin:0 0 1.4rem;max-width:22ch}.impact-step__body{font-family:var(--font-body-family);font-weight:300;font-size:1.5rem;line-height:1.6;color:var(--impact-muted);margin:0;max-width:40ch}@media screen and (min-width:750px){.impact-steps__grid{grid-template-columns:repeat(var(--impact-steps-cols, 2),1fr)}}.impact-statement__inner{text-align:center}.impact-statement--left .impact-statement__inner{text-align:left}.impact-statement__heading{margin-bottom:2rem}.impact-statement__body+.impact-statement__list{margin-top:2.4rem}.impact-statement__list{list-style:none;margin:0 auto;padding:0;max-width:var(--impact-measure);text-align:left}.impact-statement__list li{position:relative;padding-left:2.4rem;font-family:var(--font-body-family);font-weight:300;font-size:1.6rem;line-height:1.6;color:var(--impact-muted);margin-bottom:1.6rem}.impact-statement__list li:last-child{margin-bottom:0}.impact-statement__list li:before{content:"";position:absolute;left:.4rem;top:.85rem;width:.5rem;height:.5rem;border-radius:50%;background:rgba(var(--color-foreground),.4)}.impact-statement__link{margin-top:2.8rem}.impact-split__grid{display:grid;grid-template-columns:1fr;gap:3.2rem;align-items:stretch}.impact-split__media{position:relative;overflow:hidden;border-radius:0;background:var(--impact-band);aspect-ratio:4 / 3}.impact-split__media img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.impact-split__media-placeholder{width:100%;height:100%}.impact-split__media-placeholder svg{width:100%;height:100%}.impact-split__heading{margin-bottom:2rem}.impact-split__link{margin-top:2.8rem}@media screen and (min-width:750px){.impact-split__grid{grid-template-columns:1fr 1fr;gap:clamp(3rem,4vw,5rem)}.impact-split--image-left .impact-split__media{order:-1}.impact-split__media{aspect-ratio:auto;min-height:clamp(22rem,32vh,34rem);height:100%}.impact-split__content{align-self:center}}.impact-badges__head{text-align:center;margin:0 auto 4.8rem}.impact-badges .impact-heading{font-family:var(--font-body-family);font-weight:400;letter-spacing:0}.impact-badges__row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:3.2rem 4rem}.impact-badges__item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:0 1 14rem}.impact-badges__icon{display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;margin-bottom:1.6rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.18);color:rgb(var(--color-foreground))}.impact-badges__icon svg{width:3.2rem;height:3.2rem}.impact-badges__title{font-family:var(--font-heading-family);font-weight:500;font-size:1.6rem;line-height:1.2;margin:0}.impact-badges__subtitle{font-family:var(--font-body-family);font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--impact-muted);margin:.5rem 0 0}.impact-badges__item--logo{flex:0 0 auto}.impact-badges__logo{display:block;height:calc(clamp(4rem,6vw,5.6rem) * var(--badge-scale, 1));width:auto;max-width:26rem;object-fit:contain;filter:brightness(0)}@media screen and (max-width:749px){.impact-badges__logo{height:calc(4rem * var(--badge-scale, 1));max-width:60vw}}.impact-badges--image{position:relative;isolation:isolate;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;color:#fff}.impact-badges__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.impact-badges__bg-img{width:100%;height:100%;object-fit:cover;display:block}.impact-badges--image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgba(0,0,0,var(--impact-badges-overlay, .4))}.impact-badges--image .impact-heading,.impact-badges--image .impact-eyebrow,.impact-badges--image .impact-body,.impact-badges--image .impact-badges__title{color:#fff}.impact-badges--image .impact-badges__subtitle{color:#ffffffc7}.impact-badges--image .impact-badges__icon{border-color:#fff6;color:#fff}.impact-badges--image .impact-badges__logo{filter:brightness(0) invert(1)}.impact-compare__head{text-align:center;margin-bottom:4rem}.impact-compare__head .impact-body{margin-top:2rem}.impact-compare__chart-eyebrow{text-align:center}.impact-compare--graph{width:100vw;margin-left:calc(50% - 50vw);background:#081109;color:#fff;--bottle-dot: .34rem;--bottle-gap: .2rem}@media screen and (min-width:750px){.impact-compare--graph{--bottle-dot: .46rem;--bottle-gap: .28rem}}.impact-compare__pin{position:relative;width:100%;height:100vh;min-height:56rem;overflow:hidden;background:#081109}.impact-compare__graph{position:relative;width:100%;height:100%}.impact-compare__bottle-src{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.impact-compare__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.impact-compare__field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(circle,rgba(var(--color-foreground),.12) 1.1px,transparent 1.3px);background-size:1.9rem 1.9rem;-webkit-mask-image:linear-gradient(to top,#000 12%,rgba(0,0,0,.22) 52%,transparent 82%);mask-image:linear-gradient(to top,#000 12%,rgba(0,0,0,.22) 52%,transparent 82%)}.impact-compare__bottles{position:absolute;left:0;right:0;bottom:6rem;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:clamp(4rem,9vw,12rem);padding:0 6vw}.impact-compare__bottles .impact-bottle:nth-child(n+2){display:none}@media screen and (min-width:700px){.impact-compare__bottles .impact-bottle:nth-child(2){display:flex}}@media screen and (min-width:1050px){.impact-compare__bottles .impact-bottle:nth-child(3){display:flex}}.impact-compare--graph .impact-mass__dot{background:rgba(var(--color-foreground),.24)}.impact-compare__ground{position:absolute;left:0;right:0;bottom:0;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,calc(var(--bottle-dot) + var(--bottle-gap)));grid-auto-rows:calc(var(--bottle-dot) + var(--bottle-gap));justify-content:center;align-content:end;height:4.6rem;padding:0 1.9rem;overflow:hidden}.impact-compare__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;max-width:1856px;margin:0 auto;padding:calc(var(--header-height, 7rem) + clamp(2rem,4vh,4rem)) 32px clamp(7rem,13vh,13rem);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.impact-compare__tl{display:grid;max-width:32ch}.impact-compare__phase{grid-area:1 / 1;font-family:var(--font-heading-family);font-weight:500;font-size:clamp(2.2rem,2.6vw,3.6rem);line-height:1.08;letter-spacing:-.015em;margin:0}.impact-compare__phase--1{color:#fff;opacity:clamp(0,calc((.5 - var(--progress, 0)) * 14),1)}.impact-compare__phase--2{opacity:1;background-image:linear-gradient(100deg,#60b46c calc(var(--green-progress, 0) * 100%),#fff calc(var(--green-progress, 0) * 100% + 8%));-webkit-background-clip:text;background-clip:text;color:transparent}.impact-compare__bl{margin-top:auto;max-width:44rem}.impact-compare__sub{font-family:var(--font-body-family);font-weight:400;font-size:1.6rem;line-height:1.55;margin:0}.impact-compare__sub p{margin:0;color:#ffffffd9}.impact-compare__sub p+p{margin-top:.9rem}.impact-compare__sub p:first-child{background-image:linear-gradient(100deg,#60b46c calc(var(--green-progress, 0) * 100%),#ffffffd9 calc(var(--green-progress, 0) * 100% + 12%));-webkit-background-clip:text;background-clip:text;color:transparent}@media screen and (min-width:750px){.impact-compare__overlay{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);column-gap:24px;row-gap:0;padding:0 32px}.impact-compare__tl{grid-column:1 / 6;grid-row:8 / 11;align-self:end;max-width:none;margin:0}.impact-compare__bl{grid-column:9 / 12;grid-row:8 / 11;align-self:end;max-width:none;margin:0;text-align:left}}.impact-compare__tr{position:absolute;top:calc(var(--header-height, 7rem) + clamp(2rem,4vh,4rem));right:32px;z-index:2;text-align:right;pointer-events:none;opacity:clamp(0,calc((var(--progress, 1) - .2) * 6),1)}.impact-compare__tr-num{display:block;font-family:var(--font-heading-family);font-weight:500;font-size:clamp(2.4rem,3vw,3.4rem);line-height:1;color:rgb(var(--color-foreground))}.impact-compare__tr-label{display:block;font-family:var(--font-body-family);font-size:1.4rem;color:var(--impact-muted);margin-top:.4rem}@media screen and (max-width:749px){.impact-compare__pin{height:100svh;min-height:50rem}.impact-compare__overlay{padding:calc(var(--header-height, 6rem) + 2rem) 18px 2.8rem}.impact-compare__phase{font-size:clamp(2.5rem,8vw,3.6rem);line-height:1.05}.impact-compare__tl{max-width:24ch}.impact-compare__sub{font-size:1.5rem;line-height:1.5;max-width:none}.impact-compare__sub p+p{margin-top:.7rem}.impact-compare__bottles{bottom:5rem;gap:6vw;padding:0 4vw}.impact-compare__tr{display:none}}@media screen and (min-width:990px){.impact-section:not(.impact-compare--graph){min-height:75vh;display:flex;flex-direction:column;justify-content:center}}.impact-compare__foot{margin-top:4rem;text-align:center}.impact-compare__chart{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;max-width:60rem;margin:0 auto;--bottle-dot: .42rem;--bottle-gap: .12rem;--impact-plot: 24rem}.impact-compare__col{display:flex;flex-direction:column;align-items:center;text-align:center}.impact-compare__plot{display:flex;align-items:flex-end;justify-content:center;height:var(--impact-plot);width:100%}.impact-compare__bar{width:100%;max-width:11rem;border-radius:.8rem .8rem 0 0;height:var(--bar-height, 10%);transition:height 1s cubic-bezier(.22,.61,.36,1)}.impact-compare--armed .impact-compare__bar{height:0}.impact-compare--armed.is-revealed .impact-compare__bar{height:var(--bar-height, 10%)}@media(prefers-reduced-motion:reduce){.impact-compare__bar{transition:none}}.impact-compare__bar--traditional{background:rgba(var(--color-foreground),.16)}.impact-compare__bar--refill{background:var(--impact-live)}.impact-compare__chart--mass{align-items:end}.impact-mass{display:grid;grid-template-columns:repeat(10,var(--bottle-dot));gap:var(--bottle-gap);margin:0 auto;justify-content:center;align-content:end}@media screen and (min-width:750px){.impact-compare__chart{--bottle-dot: .72rem;--bottle-gap: .18rem;--impact-plot: 36rem}}.impact-mass__dot{width:var(--bottle-dot);height:var(--bottle-dot);border-radius:50%;background:rgba(var(--color-foreground),.18)}.impact-mass--refill .impact-mass__dot{background:var(--impact-live)}.impact-compare--armed .impact-mass__dot{opacity:0;transform:translateY(1.2rem) scale(.4)}.impact-compare--armed.is-revealed .impact-mass__dot{animation:impactMassPop .55s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--i) * 2.4ms)}@keyframes impactMassPop{0%{opacity:0;transform:translateY(1.2rem) scale(.4)}70%{opacity:1;transform:translateY(-.15rem) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}.impact-compare--repel .impact-mass__dot{transition:transform .18s cubic-bezier(.22,.61,.36,1);will-change:transform}@media(prefers-reduced-motion:reduce){.impact-compare--armed .impact-mass__dot{opacity:1;transform:none}.impact-compare--armed.is-revealed .impact-mass__dot{animation:none}}.impact-bottle{display:flex;flex-direction:column;align-items:center;gap:var(--bottle-gap)}.impact-bottle__row{display:flex;justify-content:center;gap:var(--bottle-gap)}.impact-compare__plot--refill{flex-direction:column;align-items:center;justify-content:flex-end;gap:clamp(2rem,6vh,4rem)}.impact-compare__plot--refill .impact-mass{height:auto}.impact-compare__value{font-family:var(--font-heading-family);font-weight:500;font-size:2rem;letter-spacing:-.01em;margin:1.6rem 0 .4rem}.impact-compare__caption{font-family:var(--font-body-family);font-size:1.15rem;letter-spacing:normal;text-transform:uppercase;color:var(--impact-muted);margin:0}.impact-compare__seal{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;width:clamp(7rem,24vw,16.5rem);aspect-ratio:1;border-radius:50%;padding:clamp(.8rem,2.4vw,1.6rem);background:var(--impact-live);color:#fff}.impact-compare__seal-stat{font-family:var(--font-heading-family);font-weight:500;font-size:clamp(1.8rem,4.4vw,3.2rem);line-height:1.02;letter-spacing:-.01em}.impact-compare__seal-caption{font-family:var(--font-body-family);font-weight:400;font-size:clamp(.95rem,1.7vw,1.3rem);line-height:1.25;margin-top:.5rem;max-width:100%;color:#ffffffd1}.impact-compare--armed .impact-compare__seal{opacity:0;transform:translateY(12px) scale(.92)}.impact-compare--armed.is-revealed .impact-compare__seal{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1);transition-delay:1.7s}@media(prefers-reduced-motion:reduce){.impact-compare--armed .impact-compare__seal{opacity:1;transform:none}.impact-compare--armed.is-revealed .impact-compare__seal{transition:none;transition-delay:0s}}.impact-toast-region{position:fixed;left:2rem;bottom:2rem;z-index:5;display:flex;flex-direction:column;gap:1rem;width:min(34rem,calc(100vw - 4rem));pointer-events:none}.impact-toast{display:flex;align-items:center;gap:1.2rem;background:#fff;border:.1rem solid rgba(0,0,0,.08);border-radius:1rem;padding:1.2rem 1.4rem;pointer-events:auto;opacity:0;transform:translateY(1.2rem);transition:opacity .35s ease,transform .35s cubic-bezier(.22,.61,.36,1)}.impact-toast.is-in{opacity:1;transform:none}.impact-toast.is-out{opacity:0;transform:translateY(.6rem)}@media(prefers-reduced-motion:reduce){.impact-toast{transition:opacity .2s ease;transform:none}.impact-toast.is-out{transform:none}}.impact-toast__icon{flex:0 0 auto;width:3.2rem;height:3.2rem;border-radius:50%;background:#2f9e631f;color:var(--impact-live, #2f9e63);display:flex;align-items:center;justify-content:center}.impact-toast__icon svg{width:1.7rem;height:1.7rem}.impact-toast__text{min-width:0;font-family:var(--font-body-family);color:#1a1a1a}.impact-toast__line1{font-size:1.25rem;letter-spacing:normal;color:#0000008c;margin:0 0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impact-toast__line2{font-size:1.45rem;font-weight:500;margin:0}.impact-toast__line2 strong{font-weight:600}@media screen and (max-width:575px){.impact-toast-region{left:1.2rem;right:1.2rem;bottom:1.2rem;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/156/assets/section-impact.css.map */