.why{background:#f3f1e8;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center}.why-intro{max-width:540px}.why h2,.ingredient-intro h2,.ritual h2,.faq h2{font-size:clamp(2.25rem,4vw,4.3rem);line-height:1.35;letter-spacing:-.065em;margin:20px 0}.why h2 span,.ingredient-intro h2 span{color:#d07637}.why-intro>p:not(.eyebrow),.ingredient-intro>p:not(.eyebrow),.faq-head>p:not(.eyebrow){font-size:1rem;line-height:1.9;color:#51645b}.inline-link{display:inline-block;font-size:.9rem;font-weight:700;margin-top:15px;border-bottom:1px solid #235744;padding-bottom:6px}.why-cards{display:grid;gap:13px}.why-cards article{border:1px solid #cad6c4;border-radius:18px;background:#fffdf8;padding:23px 27px;transition:transform .3s,box-shadow .3s}.why-cards article:hover{transform:translateX(8px);box-shadow:0 15px 35px #15392516}.why-cards article span{font:700 .7rem "DM Sans",sans-serif;letter-spacing:.16em;color:#c46c37}.why-cards article h3{font-size:1.35rem;margin:7px 0}.why-cards article p{line-height:1.75;color:#5c6b62;margin:0}.ingredients{background:#fff}.ingredient-intro{text-align:center;max-width:700px;margin:0 auto 44px}.ingredient-intro .eyebrow{justify-content:center}.ingredient-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1450px;margin:auto}.ingredient-grid article{background:#f2f4ed;border-radius:22px;padding:12px 12px 22px;min-width:0;transition:transform .3s,background .3s}.ingredient-grid article:hover{transform:translateY(-9px);background:#eaf0e2}.ingredient-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:15px}.ingredient-grid span{display:block;margin:15px 9px 4px;font:700 .72rem "DM Sans",sans-serif;color:#b56432}.ingredient-grid h3{font-size:1.08rem;margin:4px 9px}.ingredient-grid p{font-size:.8rem;color:#647168;line-height:1.7;margin:0 9px}.ingredient-note{text-align:center;font-size:.77rem;line-height:1.8;color:#68776c;margin:25px 0 0}.ritual{background:#154a3a;color:#fff}.ritual-head{text-align:center;max-width:650px;margin:0 auto 40px}.ritual-head .eyebrow{justify-content:center}.ritual h2 span{color:#fbb973}.ritual-head>p:last-child{line-height:1.85;color:#d5e6d9}.ritual-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:auto}.ritual-steps article{border-radius:20px;background:#f5f4ea;color:#173a30;overflow:hidden;padding-bottom:22px;transition:transform .3s}.ritual-steps article:hover{transform:translateY(-8px)}.ritual-steps img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.ritual-steps span{display:block;font:800 .8rem "DM Sans",sans-serif;color:#c76732;letter-spacing:.1em;padding:18px 23px 0}.ritual-steps h3{font-size:1.25rem;margin:0;padding:4px 23px}.ritual-note{text-align:center;font-size:.77rem;color:#c7dbce;margin:22px 0 0}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;background:#fbfbf6}.faq-head .eyebrow{justify-content:flex-start}.faq-list{border-top:1px solid #bccdc1}.faq-list details{border-bottom:1px solid #bccdc1}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 0;font-weight:700;font-size:1rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 1.6rem "DM Sans",sans-serif;color:#bd6d39}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{line-height:1.9;color:#53645c;font-size:.9rem;margin:0 0 22px}.faq-list p a{text-decoration:underline;text-underline-offset:4px;color:#25664b}@media(max-width:980px){.why,.faq{grid-template-columns:1fr;gap:35px}.why-intro{max-width:760px}.ingredient-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:660px){.why h2,.ingredient-intro h2,.ritual h2,.faq h2{font-size:2.3rem}.ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ingredient-grid article{padding:7px 7px 17px;border-radius:14px}.ingredient-grid img{border-radius:10px}.ingredient-grid h3{font-size:.95rem}.ingredient-grid p{font-size:.75rem}.ritual-steps{grid-template-columns:1fr}.ritual-steps article{display:grid;grid-template-columns:115px 1fr;grid-template-rows:1fr 1fr;padding:0;min-height:115px}.ritual-steps img{grid-row:1/3;width:115px;height:115px;aspect-ratio:1;object-fit:cover}.ritual-steps span{align-self:end;padding:15px 16px 0}.ritual-steps h3{align-self:start;padding:0 16px 12px}.ingredient-intro{text-align:left}.ingredient-intro .eyebrow,.ritual-head .eyebrow{justify-content:flex-start}.ritual-head{text-align:left}}
