/* Moon Organics — editorial campaign */
:root{--paper:#faf8f2;--ink:#29352c;--muted:#636e60;--accent:#e4ebdc;--deep:#344b3d;--line:#dce1d4}.unwind{--paper:#faf8f5;--ink:#332e3a;--muted:#756b7f;--accent:#ebe3ef;--deep:#554262;--line:#e1d8e6}body{background:var(--paper)}header{height:90px;max-width:1600px;margin:auto;border-bottom:0}.announcement{font-size:10px;padding:10px}.hero{max-width:1420px;gap:60px;padding:32px 5% 65px;grid-template-columns:1.05fr 1fr}.gallery{top:25px}.gallery-main{position:relative;border-radius:160px 160px 14px 14px;overflow:hidden;background:var(--accent);isolation:isolate}.gallery-slide{margin:0;aspect-ratio:1;position:relative}.gallery-slide img{display:block;width:100%;height:100%;object-fit:cover}.gallery-slide figcaption{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:10px;color:#26342c;background:#faf8f2dc;padding:7px;width:fit-content;margin:auto;border-radius:30px}.gallery-badge{position:absolute;right:21px;top:30%;width:114px;height:114px;background:#fbf9f1ed;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(10deg);box-shadow:0 8px 30px #1e232313}.gallery-badge>span{font-size:22px}.gallery-badge strong{font-size:13px;font-weight:500}.gallery-badge small{font-size:6px;letter-spacing:1.2px;margin-top:5px}.gallery-main:has(.gallery-slide[data-slide="1"].active) .gallery-badge,.gallery-main:has(.gallery-slide[data-slide="2"].active) .gallery-badge{display:none}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.gallery-thumbs button{background:transparent;border:1px solid transparent;padding:4px;border-radius:8px;color:var(--muted)}.gallery-thumbs button[aria-pressed=true]{border-color:var(--deep)}.gallery-thumbs img{width:100%;height:85px;object-fit:cover;border-radius:4px}.gallery-thumbs span{font-size:10px;display:block;padding-top:4px}.gallery-caption{display:flex;justify-content:space-between;font-size:11px;margin-top:15px;padding:14px 0;border-top:1px solid var(--line)}.gallery-caption a{text-decoration:underline;text-underline-offset:4px}.product-name{display:flex;align-items:center;gap:10px;font:500 18px Manrope;margin-bottom:16px}.phase-mark{font-size:27px}.ritual-tag{margin-left:auto;font:500 8px 'DM Sans';letter-spacing:1px;background:var(--accent);padding:7px 9px;border-radius:20px}.hero h1{font-size:clamp(36px,3.3vw,50px);letter-spacing:-2px;margin:14px 0 17px;line-height:1.06}.hero h1 em{color:var(--muted)}.hero .eyebrow{font-size:9px}.lead{font-size:14px;line-height:1.7}.benefits{display:flex;flex-wrap:wrap;gap:7px 13px;margin:18px 0;font-size:10px}.benefits li:before{margin-right:5px}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:15px 0;margin:20px 0}.quick-facts>div{display:flex;flex-direction:column;gap:5px;text-align:center;border-right:1px solid var(--line)}.quick-facts>div:last-child{border:0}.quick-facts strong{font:500 20px Manrope;letter-spacing:-.7px}.quick-facts span{font-size:9px;color:var(--muted)}#offer-form{background:#fff9;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 10px 30px #322a3605}.offer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:9px;letter-spacing:.7px}.offer-pill{font-size:8px;background:var(--deep);color:white;padding:6px 8px;border-radius:20px;letter-spacing:.3px}.quantities{gap:9px}.quantity-option{padding:14px 10px;border-radius:7px;background:var(--paper)}.quantity-option strong{font-size:14px}.quantity-option small{font-size:9px}.refill-box{border-radius:7px;padding:15px;background:var(--accent);border-color:var(--line)}.refill-toggle>span{font-size:12px}.refill-toggle small{font-size:10px}.refill-toggle b{border-radius:20px}.offer-total{margin-top:17px}.primary{border-radius:50px;min-height:54px;font-size:14px;padding:15px 23px;box-shadow:0 5px 15px #25202d12}.billing-disclosure{font-size:11px}.terms-link{font-size:10px}.trust-strip{background:transparent;border-block:1px solid var(--line);max-width:1300px;margin:auto;padding:22px 3%;font:400 17px Manrope;gap:20px}.trust-strip span{display:flex;align-items:center;gap:13px}.trust-strip b{font:400 12px 'DM Sans'}.moments{max-width:1420px;margin:auto;padding:80px 5% 75px;overflow:hidden}.moments-heading{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end;margin-bottom:32px}.moments-heading h2{font-size:51px;letter-spacing:-1.8px;margin-top:16px}.moments-heading p{font-size:14px;color:var(--muted);max-width:410px;line-height:1.75}.carousel-controls{display:flex;align-items:center;gap:9px;margin-top:21px}.carousel-controls button{background:transparent;border:1px solid var(--line);border-radius:30px;color:var(--ink);min-width:42px;height:42px}.carousel-controls [data-carousel-pause]{font-size:10px;padding:0 18px}.moments-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:10px}.moments-track::-webkit-scrollbar{display:none}.moment-card{flex:0 0 36%;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:8px;scroll-snap-align:start;background:var(--accent)}.moment-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.3s}.moment-card:hover img{transform:scale(1.025)}.moment-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#151e1a8c);pointer-events:none}.moment-card>div{position:absolute;left:26px;right:26px;bottom:25px;color:white;z-index:1}.moment-card span{font-size:8px;letter-spacing:1.5px}.moment-card h3{font-size:25px;letter-spacing:-.7px;margin-top:10px}.imagery-note{font-size:10px;color:var(--muted);margin-top:17px}.moon-story{background:#26342d;color:#f7f7ed;position:relative;overflow:hidden;padding:85px max(7%,calc((100vw - 1180px)/2));gap:10%;align-items:center}.unwind .moon-story{background:#31283d}.moon-story:before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffff14,#ffffff03 60%,transparent 65%);border:1px solid #ffffff0c;left:-120px;top:-150px;pointer-events:none}.moon-story>div{z-index:1}.moon-story h2{font-size:43px;line-height:1.16}.moon-story h2 em{color:#c0d0bc}.unwind .moon-story h2 em{color:#d0bfe2}.moon-story>div>p{color:#ffffffb8;font-size:15px}.moon-story .inline-link{color:#e2eadc;display:inline-block;margin-top:22px}.story-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.story-chips span{border:1px solid #ffffff35;border-radius:30px;padding:8px 13px;font-size:10px}.formula{background:var(--paper)!important;padding-top:85px;padding-bottom:65px}.section-head h2{font-size:49px}.ingredient-grid{gap:17px}.ingredient-grid article{border:1px solid var(--line);border-radius:10px;padding:17px;background:#ffffff66;overflow:hidden}.ingredient-art{height:115px;display:grid;place-items:center;position:relative;margin:-17px -17px 16px;background:radial-gradient(circle at 60% 50%,#fafaf5,var(--accent));overflow:hidden}.ingredient-art:before,.ingredient-art:after{content:'';position:absolute;border:1px solid #6a7d5920;width:85px;height:85px;border-radius:50%;transform:translateX(-20px)}.ingredient-art:after{transform:translateX(20px)}.ingredient-art span{font:300 62px Manrope;color:var(--deep);z-index:1}.ingredient-grid h3{margin:13px 0 12px;font-size:20px;min-height:47px}.ingredient-grid p{font-size:12px;line-height:1.7}.ingredient-number{display:none}.facts{padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--accent);margin-top:20px}.routine{padding-top:60px;padding-bottom:75px;gap:10%;max-width:1350px;margin:auto}.routine-image{position:relative;border-radius:12px 120px 12px 12px;overflow:hidden}.routine-image img{aspect-ratio:4/5;object-fit:cover;mix-blend-mode:normal;max-height:580px}.routine-image .image-label{position:absolute;top:25px;left:25px;font-size:8px;letter-spacing:1.5px;background:#faf8f2e6;border-radius:30px;padding:9px 12px}.routine-image small{position:absolute;bottom:14px;left:20px;font-size:9px;color:white;text-shadow:0 1px 4px #000}.routine h2{font-size:46px}.steps article{padding:23px 0;gap:19px}.steps span{width:29px;height:29px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0}.directions{line-height:1.8}.clarity{background:var(--accent);padding:65px max(7%,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.clarity h2{font-size:42px;letter-spacing:-1.4px;margin:18px 0}.clarity p{font-size:13px;color:var(--muted);max-width:350px}.clarity dl{margin:0}.clarity dl>div{padding:15px 0;border-bottom:1px solid #28372a22;display:grid;grid-template-columns:1fr 1.25fr;gap:20px;font-size:12px}.clarity dt{color:var(--muted)}.clarity dd{margin:0;font-weight:500}.refill-story{position:relative;padding:75px 15%;background:var(--paper);color:var(--ink);overflow:hidden}.refill-story:before{content:'◐';position:absolute;left:5%;top:20%;font:300 350px Manrope;color:var(--accent);z-index:0;line-height:1;opacity:.65;transform:rotate(-25deg)}.refill-story>*{position:relative}.refill-story h2{font-size:58px;line-height:1.07}.refill-story>p{color:var(--muted);line-height:1.8}.refill-story .primary{background:var(--deep);color:white}.refill-points{max-width:600px;margin:25px auto;font-size:11px}.refill-story .cancel-line{font-size:11px;margin-top:20px}.questions{max-width:1000px;padding-top:50px;padding-bottom:70px}.questions details{padding:23px 0}.questions details p{line-height:1.85}.pairing{max-width:1100px;margin:0 auto 75px;display:grid;grid-template-columns:240px 1fr;align-items:center;gap:50px;background:var(--accent);border-radius:14px;overflow:hidden}.pairing img{width:240px;height:260px;object-fit:cover}.pairing>div{padding:25px 40px 25px 0}.pairing h2{font-size:32px;letter-spacing:-1px;margin:15px 0}.pairing p{font-size:13px;color:var(--muted);margin-bottom:20px;max-width:450px}.last-call{padding:60px 6%;background:var(--accent)}.last-call h2{font-size:53px}.footer-links{flex-wrap:wrap}footer{background:#242c25}.unwind footer{background:#292431}.sticky-buy{padding:12px max(6%,calc((100vw - 1180px)/2));box-shadow:0 -5px 35px #3326370a}.sticky-buy>a{border-radius:30px;font-size:13px}.back-options{min-height:40px}
@media(min-width:1500px){.hero{max-width:1500px;gap:75px}.gallery-thumbs img{height:105px}.hero h1{font-size:56px}.lead{font-size:15px}.hero-copy{padding-top:12px}}
@media(max-width:1000px) and (min-width:801px){.hero{gap:30px;padding-inline:4%}.hero h1{font-size:36px}.gallery-main{border-radius:100px 100px 12px 12px}.gallery-badge{width:90px;height:90px;right:12px}.ritual-tag{display:none}#offer-form{padding:15px}.quantity-option{flex-wrap:wrap}.quantity-option strong{margin-left:0}.ingredient-grid{grid-template-columns:1fr 1fr}.pairing{margin-inline:5%}}
@media(max-width:800px){header{height:72px}.hero{display:flex;flex-direction:column;padding:14px 5% 38px;gap:0}.gallery{width:100%}.gallery-main{border-radius:105px 105px 10px 10px}.gallery-slide{aspect-ratio:1.12}.gallery-badge{width:87px;height:87px;right:14px;top:34%}.gallery-badge strong{font-size:10px}.gallery-badge small{font-size:5px}.gallery-badge>span{font-size:18px}.gallery-slide figcaption{font-size:8px;bottom:10px;padding:5px 8px}.gallery-thumbs{gap:6px;margin-top:10px}.gallery-thumbs img{height:61px}.gallery-thumbs span{font-size:8px}.gallery-caption{font-size:9px;margin-top:8px;padding:11px 0}.hero-copy{padding-top:25px}.product-name{font-size:17px;margin-bottom:15px}.ritual-tag{font-size:7px;padding:6px 8px}.hero h1{font-size:39px;line-height:1.09;letter-spacing:-1.8px}.lead{font-size:14px}.benefits{font-size:11px;display:grid;gap:7px}.quick-facts{margin:20px 0;padding:14px 0}.quick-facts strong{font-size:19px}.quick-facts span{font-size:9px}#offer-form{padding:17px 13px}.offer-heading{font-size:8px;letter-spacing:.2px;gap:8px;margin-bottom:17px}.offer-pill{font-size:7px;padding:5px 7px}.quantity-option{padding:13px 8px;gap:6px}.quantity-option>span{font-size:11px}.quantity-option small{font-size:8px;max-width:90px}.quantity-option strong{font-size:12px}.refill-toggle>span{font-size:12px}.refill-toggle small{font-size:10px}.refill-box{padding:13px 10px}.refill-toggle b{font-size:9px}.billing-disclosure{font-size:11px}.primary{font-size:14px}.launch-note,.terms-link{font-size:10px}.trust-strip{gap:12px;padding:17px 5%;align-items:center}.trust-strip span{gap:6px;font-size:16px}.trust-strip b{font-size:9px;line-height:1.5}.moments{padding:48px 5%}.moments-heading{display:block;margin-bottom:23px}.moments-heading h2{font-size:40px;letter-spacing:-1.4px;margin:13px 0 20px}.moments-heading p{font-size:13px;max-width:100%}.carousel-controls{margin-top:18px}.carousel-controls button{height:39px;min-width:39px}.moments-track{gap:13px;overflow-x:auto;border-radius:8px}.moment-card{flex-basis:82%;aspect-ratio:4/5}.moment-card>div{left:20px;bottom:22px}.moment-card h3{font-size:25px}.imagery-note{font-size:9px;line-height:1.6}.moon-story{padding:50px 6%;gap:25px}.moon-story h2{font-size:35px;margin-top:17px}.moon-story>div>p{font-size:14px;line-height:1.8}.story-chips{gap:6px}.story-chips span{font-size:9px;padding:7px 10px}.formula{padding:50px 5%}.section-head h2{font-size:40px}.section-head>p{font-size:13px}.ingredient-grid{gap:12px}.ingredient-grid article{padding:14px}.ingredient-art{height:90px;margin:-14px -14px 14px}.ingredient-art span{font-size:48px}.ingredient-grid h3{font-size:18px;min-height:42px}.ingredient-grid strong{font-size:12px}.ingredient-grid p{font-size:12px}.facts{padding:17px}.facts summary{font-size:12px;gap:12px}.routine{padding:20px 5% 50px;gap:30px}.routine-image{border-radius:10px 90px 10px 10px}.routine-image img{max-height:440px;aspect-ratio:1;object-fit:cover;object-position:center 30%}.routine h2{font-size:39px}.steps article{padding:18px 0}.clarity{padding:45px 6%;display:block}.clarity h2{font-size:35px}.clarity p{font-size:13px}.clarity dl{margin-top:23px}.clarity dl>div{font-size:12px;gap:18px}.refill-story{padding:50px 6%}.refill-story h2{font-size:46px}.refill-story:before{font-size:270px;left:-100px;top:70px}.refill-points{font-size:10px;gap:15px}.questions{padding:35px 6% 45px}.questions summary{font-size:14px}.questions details p{font-size:13px}.pairing{margin:0 5% 45px;grid-template-columns:110px 1fr;gap:16px}.pairing img{width:110px;height:100%;object-fit:cover;min-height:230px}.pairing>div{padding:22px 14px 22px 0}.pairing .eyebrow{font-size:7px}.pairing h2{font-size:24px;margin:10px 0}.pairing p{font-size:11px}.pairing .inline-link{font-size:11px}.last-call{padding:50px 6%}.last-call h2{font-size:43px}.sticky-buy{padding:10px 5%}.sticky-buy span{font-size:10px}.sticky-buy>a{font-size:12px;padding:13px 18px}.footer-links{font-size:12px;gap:17px}footer small{font-size:11px}.disclaimer{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.moment-card img{transition:none}.moments-track{scroll-behavior:auto}}
.ingredient-photo{aspect-ratio:3/2;margin:-17px -17px 16px;overflow:hidden;background:#efeae7}.ingredient-photo img{display:block;width:100%;height:100%;object-fit:cover}.ingredient-image-note{font-size:10px;color:var(--muted);margin-top:14px}@media(max-width:800px){.ingredient-photo{margin:-14px -14px 14px}}
