.lab-float,.lab-shop-motion,.lab-tilt{width:100%}.lab-washer-host{position:relative}.lab-washer-motion{position:absolute;display:block;pointer-events:none;object-fit:contain;z-index:2}html[data-lab-mode=original] .lab-washer-motion{visibility:hidden}.cart-celebration{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;pointer-events:none;z-index:100;contain:layout style paint}.cart-celebration::backdrop{background:transparent;pointer-events:none}.product-film{max-width:1200px;margin:70px auto 0;padding-top:35px;border-top:1px solid var(--line)}.product-film-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.product-film-heading h3{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-1px;margin:0}.product-film-heading p{font-size:16px;margin:0;white-space:nowrap}.product-film-player{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:18px;background:var(--chalk);box-shadow:0 18px 40px rgba(23,62,61,.12)}.product-film-player:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.pouch-explorer{grid-template-columns:minmax(0,1.55fr) minmax(240px,.85fr);gap:5%}.pouch-stage{max-width:none;width:100%}.pouch-view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;position:relative}.pouch-face{margin:0;min-width:0}.pouch-face-image{position:relative}.pouch-stage .pouch-face img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(23,62,61,.13))}.pouch-face figcaption{margin:16px 0 0;font-size:16px;font-weight:600}.pouch-face figcaption a{text-decoration:none;text-underline-offset:5px}.pouch-face figcaption a:hover{text-decoration:underline}.pouch-face [data-marker=pouch]{left:14%;top:50%}.pouch-face [data-marker=close]{left:77%;top:14%}.pouch-face [data-marker=stand]{left:75%;top:87%}@media(max-width:1000px){.pouch-explorer{grid-template-columns:1fr;gap:28px}.pouch-stage{max-width:680px;margin:auto}.pouch-details{margin-top:0}}@media(max-width:700px){.pouch-view-grid{gap:10px}.pouch-stage{padding-top:20px}.pouch-face figcaption{font-size:14px;margin-top:10px}.pouch-face .detail-marker{width:26px;height:26px;font-size:12px}.product-film{margin-top:45px;padding-top:25px}.product-film-heading{gap:14px;margin-bottom:18px}.product-film-heading h3{font-size:26px}.product-film-heading p{font-size:14px}.product-film-player{border-radius:12px}}.cart-bubble{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.88);background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.94) 0 7%,rgba(255,255,255,.38) 10%,var(--bubble-tint) 42%,rgba(255,255,255,.12) 78%);box-shadow:inset -3px -4px 8px rgba(23,62,61,.1),inset 2px 2px 6px rgba(255,255,255,.8),0 1px 5px rgba(23,62,61,.08);opacity:0;will-change:transform,opacity}.lab-shop-motion,.lab-tilt{--lab-x:0deg;--lab-y:0deg;--lab-scale:1;transform:perspective(1100px) rotateX(var(--lab-x)) rotateY(var(--lab-y)) scale(var(--lab-scale));transition:transform .45s cubic-bezier(.2,.8,.2,1);transform-origin:center}html[data-lab-mode=original] .lab-shop-motion,html[data-lab-mode=original] .lab-tilt{transform:none}html[data-lab-mode=gentle]{--lab-lift:9px;--lab-sway:1deg;--lab-period:7s;--lab-reveal:22px}html[data-lab-mode=playful]{--lab-lift:18px;--lab-sway:2.5deg;--lab-period:5s;--lab-reveal:38px}html:not([data-lab-mode=original]) .hero.lab-in-view .lab-float{animation:lab-float var(--lab-period) ease-in-out infinite}html:not([data-lab-mode=original]) .hero.lab-in-view .hero-shape.mint{animation:lab-drift 14s ease-in-out infinite}html:not([data-lab-mode=original]) .hero.lab-in-view .hero-shape.butter{animation:lab-drift 11s ease-in-out -5s infinite reverse}html:not([data-lab-mode=original]).motion-ready .reveal{transform:translateY(var(--lab-reveal));transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--lab-delay,0s)}html:not([data-lab-mode=original]).motion-ready .reveal.visible{transform:translateY(0)}html[data-lab-paused=true] .reveal{opacity:1!important;transform:none!important;transition:none!important}html[data-lab-paused=true] .lab-shop-motion,html[data-lab-paused=true] .lab-tilt{transform:none;transition:none}html:not([data-lab-mode=original]) .pill{transition:transform .3s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .3s}html:not([data-lab-mode=original]) .pill:hover{transform:translateY(-4px);box-shadow:0 7px 16px rgba(23,62,61,.13)}html:not([data-lab-mode=original]) .faq-list details[open] p{animation:lab-answer .4s ease-out both}html[data-lab-hidden=true] *,html[data-lab-paused=true] *{animation-play-state:paused!important}html[data-lab-paused=true] .pill:hover{transform:none;box-shadow:none}@keyframes lab-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(calc(-1 * var(--lab-lift))) rotate(var(--lab-sway))}}@keyframes lab-drift{0%,to{transform:translate(0)}50%{transform:translate(-12px,14px)}}@keyframes lab-answer{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){html:not([data-lab-mode=original]) .hero.lab-in-view .lab-float{animation-duration:7s}}@media(prefers-reduced-motion:reduce){html .lab-shop-motion,html .lab-tilt{transform:none!important;transition:none!important}html.motion-ready .reveal{opacity:1!important;transform:none!important}html *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.story{background-color:#edf2ee;background-image:linear-gradient(180deg,rgba(250,250,245,.56),rgba(250,250,245,.68) 52%,rgba(250,250,245,.82)),url(/assets/laundry-editorial.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.story .story-intro,.story .story-words p{color:var(--ink)}@media(max-width:700px){.story{background-image:linear-gradient(180deg,rgba(250,250,245,.66),rgba(250,250,245,.76) 52%,rgba(250,250,245,.86)),url(/assets/laundry-editorial.png);background-position:62%}}.ritual.how-use-story{display:block;padding:0;background:linear-gradient(120deg,#183e3c,#19333d);color:var(--chalk);--how-top:90px;--how-zoom:1;--how-pouch-opacity:1;--how-drum-opacity:0;--how-drum-scale:.31}.how-use-sticky{max-width:1440px;margin:0 auto;padding:90px 7%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:7%;box-sizing:border-box}.how-use-story[data-how-motion=true]{height:310svh;min-height:1900px}.how-use-story[data-how-motion=true] .how-use-sticky{position:sticky;top:var(--how-top);height:calc(100svh - var(--how-top));min-height:0;padding-top:40px;padding-bottom:40px}.how-use-copy{min-width:0}.how-use-copy>.eyebrow{color:#c1e3d9;margin-bottom:28px}.how-use-controls[hidden],.how-use-step[hidden]{display:none}.how-use-story .how-use-step h2{font-size:clamp(44px,5.2vw,76px);letter-spacing:-3px;line-height:1.04;margin:0 0 24px}.how-use-step>p{font-size:18px;line-height:1.6;max-width:410px;color:#d5e6df;margin:0}.how-use-step{margin:0 0 32px}.how-use-story[data-how-motion=true] .how-use-step{min-height:245px;margin:0}.how-use-story[data-how-motion=true] .how-use-step:not([hidden]){animation:how-use-caption-in .3s ease both}@keyframes how-use-caption-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.how-use-shop{display:inline-flex;align-items:center;margin-top:20px;padding:10px 20px;min-height:44px;border-radius:99px;background:#c7e7dc;color:var(--ink);text-decoration:none;font:600 13px/1.3 Arial,Helvetica,sans-serif}.how-use-shop:hover{background:#e7f3ed}.how-use-hint{font-size:13px;color:#b7d5cf;margin:24px 0 18px;max-width:400px}.how-use-visual{min-width:0;text-align:center}.how-use-stage{position:relative;aspect-ratio:1;max-width:540px;margin:auto;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 50% 48%,rgba(193,227,217,.12),transparent 69%);isolation:isolate}.how-use-pack{width:62%;height:auto;max-height:94%;object-fit:contain;transform:translate(-50%,-50%) scale(var(--how-zoom));transform-origin:52.2% 54.3%;opacity:var(--how-pouch-opacity);filter:drop-shadow(0 20px 22px rgba(0,0,0,.22))}.how-use-drum,.how-use-pack{position:absolute;left:50%;top:50%;will-change:transform,opacity}.how-use-drum{width:89%;aspect-ratio:1;box-sizing:border-box;border:16px solid #f6f8f5;border-radius:50%;overflow:hidden;transform:translate(-50%,-50%) scale(var(--how-drum-scale));opacity:var(--how-drum-opacity);background:#233737;box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 2px rgba(204,222,220,.65),inset 0 0 0 4px #899b9a;pointer-events:none}.how-use-drum video{display:block;width:100%;height:100%;object-fit:cover}.how-use-note{font-size:11px;color:#b5cfca;margin:14px auto 0;max-width:390px;line-height:1.5}.how-use-controls{margin-top:22px}.how-use-track{height:2px;background:rgba(223,237,231,.18);overflow:hidden;margin-bottom:18px}.how-use-track>span{display:block;width:100%;height:100%;background:#d8e8a5;transform:scaleX(0);transform-origin:left}.how-use-step-nav{list-style:none;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;border-radius:99px;background:rgba(8,25,33,.5)}.how-use-step-nav li{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:99px;background:transparent;color:#d5e6df;text-align:center;padding:12px 8px;min-height:56px;font:600 17px/1.35 Arial,Helvetica,sans-serif}.how-use-step-nav li[data-how-stage="0"]{--how-stage-light:#57dc8e}.how-use-step-nav li[data-how-stage="1"]{--how-stage-light:#ffda62}.how-use-step-nav li[data-how-stage="2"]{--how-stage-light:#6abaff}.how-use-step-nav li[data-how-stage="3"]{--how-stage-light:#ff747d}.how-use-step-nav li>span{display:block;flex:0 0 10px;width:10px;height:10px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:var(--how-stage-light);box-shadow:0 0 8px var(--how-stage-light)}.how-use-step-nav li[aria-current=step]{color:#f8faf5;border-color:var(--how-stage-light);background:rgba(195,230,219,.1)}.how-use-step-nav li[aria-current=step]>span{box-shadow:0 0 10px 2px var(--how-stage-light)}.how-use-story :focus-visible{outline:3px solid #f5db6a;outline-offset:4px}.how-use-story[data-video-error=true] .how-use-drum{display:none}.how-use-story[data-video-error=true] .how-use-pack{opacity:1;transform:translate(-50%,-50%)}@media(min-width:701px){.how-use-story[data-how-motion=true] .how-use-stage{width:min(100%,calc(100svh - var(--how-top) - 230px))}}@media(min-width:1500px){.how-use-stage{max-width:570px}.how-use-story[data-how-motion=true] .how-use-sticky{gap:10%}}@media(max-width:900px){.how-use-sticky{gap:4%;padding-left:6%;padding-right:6%}.how-use-story .how-use-step h2{font-size:clamp(42px,6vw,58px);letter-spacing:-2px}.how-use-step>p{font-size:16px}.how-use-drum{border-width:12px}}@media(max-width:700px){.how-use-sticky{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:65px 7%}.how-use-story[data-how-motion=true]{height:340svh;min-height:1800px}.how-use-story[data-how-motion=true] .how-use-sticky{padding:24px 7% 18px;gap:14px;min-height:0;justify-content:center}.how-use-copy>.eyebrow{font-size:10px;margin-bottom:12px}.how-use-story .how-use-step h2{font-size:clamp(34px,8.8vw,48px);letter-spacing:-1.8px;margin-bottom:12px}.how-use-step>p{font-size:14px;line-height:1.5;max-width:none}.how-use-story[data-how-motion=true] .how-use-step{min-height:140px}.how-use-hint{font-size:11px;margin:10px 0}.how-use-stage{width:min(100%,38svh);max-width:310px}.how-use-drum{border-width:11px}.how-use-note{font-size:9px;margin-top:6px}.how-use-controls{margin-top:12px}.how-use-track{margin-bottom:9px}.how-use-step-nav{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px;gap:4px;padding:4px}.how-use-step-nav li{font-size:16px;min-height:48px;padding:10px 8px;border-radius:14px}.how-use-shop{margin-top:10px;padding:7px 16px;min-height:34px;font-size:11px}}@media(max-width:700px) and (max-height:740px){.how-use-story[data-how-motion=true] .how-use-sticky{padding-top:14px;padding-bottom:10px;gap:8px}.how-use-story .how-use-step h2{font-size:32px;line-height:1;margin-bottom:9px}.how-use-story[data-how-motion=true] .how-use-step{min-height:115px}.how-use-step>p{font-size:12px}.how-use-stage{width:min(100%,30svh)}.how-use-hint{margin-top:5px;margin-bottom:7px}.how-use-story[data-how-motion=true] .how-use-hint{display:none}}@media(prefers-reduced-motion:reduce){.how-use-drum,.how-use-pack{will-change:auto}}@media(max-width:700px) and (max-height:650px){.how-use-stage{width:min(100%,26svh)}}@media(min-width:701px) and (max-height:720px){.how-use-story[data-how-motion=true] .how-use-hint{display:none}}