.announce{background:var(--ink);color:var(--bg);font-size:12px;letter-spacing:.04em;text-align:center;padding:9px var(--pad-edge);display:flex;align-items:center;justify-content:center;gap:12px;position:relative;z-index:50}.announce-track{display:inline-flex;align-items:center;gap:24px}.announce-dot{width:4px;height:4px;border-radius:50%;background:var(--accent-soft);display:inline-block}.announce-loc{position:absolute;right:var(--pad-edge);top:50%;transform:translateY(-50%);display:flex;gap:16px;align-items:center;font-size:11.5px;color:#fff9}.announce-loc button:hover{color:var(--bg)}@media(max-width:768px){.announce-loc{display:none}}.header{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid transparent;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.header.is-scrolled{background:color-mix(in oklab,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border-bottom-color:var(--line)}.header.is-transparent:not(.is-scrolled){background:transparent;--ink: #FAF6EA;--ink-soft: rgba(250,246,234,.85);--line: rgba(250,246,234,.2)}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px var(--pad-edge);gap:var(--gap-md)}.header-nav{display:flex;gap:28px;align-items:center;font-size:14px}.header-nav a{position:relative;padding:4px 0;white-space:nowrap}.header-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--dur) var(--ease)}.header-nav a:hover:after{transform:scaleX(1);transform-origin:left}.header-logo{font-family:var(--font-display);font-size:22px;letter-spacing:.01em;white-space:nowrap;text-align:center}.header-logo .mark{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:1px}.header-actions{display:flex;justify-content:flex-end;gap:6px;align-items:center}.icon-btn{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur) var(--ease);position:relative}.icon-btn:hover{background:color-mix(in oklab,var(--ink) 8%,transparent)}.cart-count{position:absolute;top:4px;right:4px;background:var(--accent);color:var(--on-accent);font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.hamburger{display:none}@media(max-width:880px){.header-nav{display:none}.hamburger{display:inline-flex}.header-logo-img{max-height:72px}}.menu-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);transform:translate(-100%);transition:transform .5s var(--ease);display:flex;flex-direction:column}.menu-drawer.is-open{transform:none}.menu-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px var(--pad-edge);border-bottom:1px solid var(--line)}.menu-drawer-nav{display:flex;flex-direction:column;padding:32px var(--pad-edge);gap:4px}.menu-drawer-nav a{font-family:var(--font-display);font-size:40px;padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.menu-drawer-nav a:hover{color:var(--accent)}.hero{position:relative;overflow:hidden}.hero-split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,80px);padding:clamp(48px,6vw,88px) var(--pad-edge) var(--pad-section);align-items:center;min-height:clamp(540px,78vh,820px)}.hero-split .ph{height:100%;min-height:480px}.hero-split-text{display:flex;flex-direction:column;gap:28px}.hero-headline{font-size:var(--t-display-1);margin:0}.hero-headline em{font-style:italic;color:var(--accent)}.hero-sub{font-size:clamp(16px,1.4vw,19px);max-width:50ch;color:var(--ink-soft)}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}.hero-meta{display:flex;gap:clamp(20px,3vw,48px);margin-top:24px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}.hero-meta-item{display:flex;flex-direction:column;gap:4px}.hero-meta-item b{font-family:var(--font-display);font-size:28px;font-weight:400}.hero-meta-item span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.hero-bleed{min-height:clamp(560px,88vh,920px);position:relative;display:flex;align-items:flex-end;padding:var(--pad-section) var(--pad-edge);color:#faf6ea}.hero-bleed .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,color-mix(in oklab,var(--clay) 35%,transparent),color-mix(in oklab,var(--accent) 55%,transparent)),radial-gradient(ellipse at 20% 30%,color-mix(in oklab,var(--surface-2) 80%,transparent),transparent 60%),var(--surface-2);z-index:0}.hero-bleed .hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.45) 100%)}.hero-bleed .hero-bleed-text{position:relative;z-index:2;max-width:720px;display:flex;flex-direction:column;gap:22px;color:#faf6ea}.hero-bleed .hero-headline{color:#faf6ea}.hero-bleed .hero-sub{color:#faf6ead9}.hero-bleed .btn-outline{color:#faf6ea;border-color:#faf6ea99}.hero-bleed .btn-outline:hover,.hero-bleed .btn-primary{background:#faf6ea;color:var(--ink)}.hero-bleed .hero-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#faf6eab3}.hero-typeled{text-align:center;padding:clamp(60px,8vw,120px) var(--pad-edge) clamp(40px,5vw,64px);display:flex;flex-direction:column;align-items:center;gap:28px}.hero-typeled .hero-headline{font-size:clamp(60px,12vw,220px);line-height:.88;max-width:14ch}.hero-typeled .hero-sub{text-align:center;margin:0 auto}.hero-typeled .ph-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md);width:100%;max-width:1100px;margin-top:24px}.hero-typeled .ph-row .ph{aspect-ratio:3/4}.hero-product{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,88px);align-items:center;padding:clamp(48px,6vw,88px) var(--pad-edge);background:var(--surface)}.hero-product .hero-prod-img{aspect-ratio:4/5;border-radius:50%/8%;position:relative}.hero-product .hero-prod-img:after{content:"Featured \b7  Detergent Sheets \b7  60 Loads";position:absolute;bottom:20px;left:24px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase}.hero-product .hero-prod-text{display:flex;flex-direction:column;gap:22px}.hero-prod-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md);margin-top:12px}.hero-prod-stats>div{border-top:1px solid var(--line);padding-top:14px}.hero-prod-stats b{font-family:var(--font-display);font-size:32px;font-weight:400;display:block}.hero-prod-stats span{font-size:12px;color:var(--ink-mute);letter-spacing:.04em}@media(max-width:880px){.hero-split,.hero-product{grid-template-columns:1fr}.hero-split .ph{min-height:380px}.hero-typeled .ph-row{grid-template-columns:1fr}.hero-typeled .ph-row .ph:nth-child(n+2){display:none}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:18px 0}.marquee-track{display:flex;gap:56px;align-items:center;animation:marq 40s linear infinite;white-space:nowrap;width:max-content}.marquee-item{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-display);font-size:24px;font-weight:400;color:var(--ink)}.marquee-item .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}@keyframes marq{to{transform:translate(-50%)}}.products-section{background:var(--bg)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2vw,32px) clamp(16px,1.6vw,28px)}.product-grid.cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.product-grid{grid-template-columns:1fr 1fr}}.card{position:relative;display:flex;flex-direction:column;gap:14px}.card-media{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius);background:var(--surface-2)}.card-media .ph{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);transition:transform .8s var(--ease)}.card:hover .card-media .ph{transform:scale(1.04)}.card-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.card-name{font-size:15px;font-weight:500;margin:0;line-height:1.3}.card-price{font-size:14px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.card-tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.card.style-bordered .card-media{border:1px solid var(--line);background:var(--surface)}.card.style-bordered .badge-stack{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:6px}.badge{font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);border:1px solid var(--line)}.badge-accent{background:var(--accent);color:var(--on-accent);border-color:transparent}.badge-clay{background:var(--clay);color:var(--surface);border-color:transparent}.card.style-overlay .card-media{aspect-ratio:1}.card.style-overlay .overlay-cta{position:absolute;inset:auto 14px 14px;background:var(--surface);border-radius:var(--radius-pill);padding:12px 18px;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;opacity:0;transform:translateY(8px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);pointer-events:none}.card.style-overlay:hover .overlay-cta{opacity:1;transform:none;pointer-events:auto}.card.style-overlay .overlay-cta:hover{background:var(--ink);color:var(--bg)}.card.style-minimal .card-media{border-radius:var(--radius-sm)}.eco-row{display:flex;gap:12px;margin-top:2px}.eco-tag{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);display:inline-flex;align-items:center;gap:5px}.eco-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);display:inline-block}.qa-btn{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),background var(--dur) var(--ease);box-shadow:0 6px 22px #0000001a}.card:hover .qa-btn{opacity:1;transform:none}.qa-btn:hover{background:var(--ink);color:var(--bg)}.mission{background:var(--surface);border-radius:var(--radius-lg);padding:clamp(40px,6vw,96px) clamp(28px,4vw,80px);margin:0 var(--pad-edge);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}.mission-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.5vw,36px);margin-top:12px}.mission-stat{border-top:1px solid var(--line);padding-top:16px}.mission-stat b{font-family:var(--font-display);font-size:clamp(38px,4.5vw,64px);font-weight:400;display:block;line-height:1}.mission-stat span{font-size:13px;color:var(--ink-soft);line-height:1.4;display:block;margin-top:8px}.mission-signature{margin-top:28px;display:flex;align-items:center;gap:16px}.mission-signature-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--clay),var(--accent))}.mission-signature small{display:block;color:var(--ink-mute);font-size:12px}.mission-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:center}.mission-card{aspect-ratio:3/4}.mission-card:nth-child(1){margin-top:32px}.mission-card:nth-child(2){margin-bottom:32px}@media(max-width:880px){.mission{grid-template-columns:1fr}}.collage{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,56px);gap:14px}.collage>*{border-radius:var(--radius);overflow:hidden}.collage .c1{grid-column:1 / 6;grid-row:1 / 7}.collage .c2{grid-column:6 / 10;grid-row:1 / 4}.collage .c3{grid-column:10 / 13;grid-row:1 / 5}.collage .c4{grid-column:6 / 9;grid-row:4 / 9}.collage .c5{grid-column:9 / 13;grid-row:5 / 9}.collage .c6{grid-column:1 / 6;grid-row:7 / 9}.collage .ph{width:100%;height:100%}.collage-card{position:relative;background:var(--ink);color:var(--bg);padding:clamp(20px,2.4vw,40px);display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-display)}.collage-card .quote{font-size:clamp(20px,1.8vw,28px);line-height:1.2}.collage-card .by{font-family:var(--font-body);font-size:12px;color:#faf6ea99;letter-spacing:.06em}@media(max-width:880px){.collage{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,60px)}.collage .c1{grid-column:1 / 7;grid-row:1 / 4}.collage .c2{grid-column:1 / 4;grid-row:4 / 6}.collage .c3{grid-column:4 / 7;grid-row:4 / 6}.collage .c4{grid-column:1 / 4;grid-row:6 / 9}.collage .c5{grid-column:4 / 7;grid-row:6 / 9}.collage .c6{display:none}}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-item{padding:clamp(28px,3vw,48px) clamp(20px,2vw,36px);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.trust-item:last-child{border-right:none}.trust-item .num{font-family:var(--font-display);font-size:13px;color:var(--ink-mute)}.trust-item h4{font-family:var(--font-display);font-size:clamp(22px,2vw,28px);font-weight:400;margin:0;line-height:1.1}.trust-item p{font-size:13px;color:var(--ink-soft);margin:0;line-height:1.5}@media(max-width:880px){.trust{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:none}.trust-item:nth-child(1),.trust-item:nth-child(2){border-bottom:1px solid var(--line)}}.impact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,48px);align-items:stretch}.impact-side{border-radius:var(--radius-lg);padding:clamp(28px,3vw,48px);display:flex;flex-direction:column;gap:18px}.impact-side.before{background:color-mix(in oklab,var(--clay) 14%,var(--surface));border:1px solid color-mix(in oklab,var(--clay) 25%,transparent)}.impact-side.after{background:color-mix(in oklab,var(--accent) 14%,var(--surface));border:1px solid color-mix(in oklab,var(--accent) 30%,transparent)}.impact-side h3{font-family:var(--font-display);font-size:clamp(28px,3vw,42px);margin:0;font-weight:400}.impact-side ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.impact-side li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--ink-soft)}.impact-side li:before{content:"";margin-top:8px;width:18px;height:1px;background:var(--ink-soft);flex-shrink:0}.impact-stat{margin-top:auto;padding-top:24px;border-top:1px solid var(--line)}.impact-stat b{font-family:var(--font-display);font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1;display:block}.impact-stat span{font-size:13px;color:var(--ink-mute)}@media(max-width:720px){.impact{grid-template-columns:1fr}}.testi{display:flex;flex-direction:column;gap:var(--gap-lg)}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,28px)}.testi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,2vw,32px);display:flex;flex-direction:column;gap:16px;min-height:320px}.testi-stars{color:var(--clay);display:inline-flex;gap:3px;font-size:14px}.testi-card p{font-family:var(--font-display);font-size:clamp(18px,1.6vw,22px);font-weight:400;line-height:1.35;margin:0;flex:1 1 auto;letter-spacing:-.01em}.testi-by{display:flex;align-items:center;gap:12px;font-size:12px;padding-top:16px;border-top:1px solid var(--line)}.testi-by-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--clay),var(--accent))}.testi-by b{display:block;font-family:var(--font-body);font-size:13px;font-weight:500}.testi-by small{color:var(--ink-mute)}@media(max-width:880px){.testi-grid{grid-template-columns:1fr}}.email-section{background:var(--surface-2);border-radius:var(--radius-lg);margin:0 var(--pad-edge);padding:clamp(48px,6vw,96px) clamp(28px,4vw,80px);display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,4vw,64px);align-items:center;position:relative;overflow:hidden}.email-section:after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 22%,transparent),transparent 70%);pointer-events:none}.email-section h2{font-size:clamp(36px,4.5vw,64px);margin:0;font-family:var(--font-display);font-weight:400;line-height:1}.email-form{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.email-input{display:flex;background:var(--surface);border-radius:var(--radius-pill);padding:6px 6px 6px 22px;align-items:center;border:1px solid var(--line)}.email-input input{flex:1;border:none;background:transparent;outline:none;padding:14px 0;font-size:15px}.email-input button{padding:12px 22px;border-radius:var(--radius-pill);background:var(--ink);color:var(--bg);font-size:14px;font-weight:500}.email-fine{font-size:12px;color:var(--ink-mute)}@media(max-width:880px){.email-section{grid-template-columns:1fr}}.footer{background:var(--surface-2);padding:var(--pad-section) var(--pad-edge) 40px;margin-top:var(--gap-xxl)}.footer-top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:clamp(24px,4vw,64px);padding-bottom:var(--gap-lg);border-bottom:1px solid var(--line)}.footer-brand{display:flex;flex-direction:column;gap:16px;max-width:36ch}.footer-brand .logo{font-family:var(--font-display);font-size:28px}.footer-brand p{font-size:14px;color:var(--ink-soft)}.footer-col h5{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;color:var(--ink-soft);font-weight:500}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer-col a{color:var(--ink);font-size:14px}.footer-col a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;padding-top:28px;font-size:12px;color:var(--ink-mute);flex-wrap:wrap;gap:16px}.socials{display:flex;gap:14px}.socials a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center}.socials a:hover{background:var(--ink);color:var(--bg)}@media(max-width:880px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}.bigtype{padding:clamp(60px,8vw,140px) var(--pad-edge);text-align:center}.bigtype p{font-family:var(--font-display);font-size:clamp(38px,5.5vw,88px);line-height:1.05;margin:0 auto;max-width:22ch;font-weight:400;letter-spacing:-.02em;text-wrap:balance}.bigtype em{font-style:italic;color:var(--accent)}
/*# sourceMappingURL=/cdn/shop/t/19/assets/sections.css.map */