.shop-ingredient{color:var(--si-text, #2c2d2e)}.shop-ingredient--bg{background:var(--si-bg, #f5f2ea);padding-top:clamp(28px,4vw,56px)}.shop-ingredient__stage{position:relative;container-type:inline-size;min-height:clamp(320px,36vw,460px);display:grid;align-items:center;overflow:hidden}.shop-ingredient--backdrop-word .shop-ingredient__stage{align-items:start;padding:clamp(24px,3vw,40px) 0 clamp(120px,16vw,200px)}.shop-ingredient__shape{position:absolute;z-index:0;top:0;bottom:0;left:0;height:100%;width:auto;background:var(--si-outline, rgba(123, 142, 114, .35));pointer-events:none}.shop-ingredient__shape--arch{aspect-ratio:4 / 5;border-radius:999px 999px 28px 28px}.shop-ingredient__shape--circle{aspect-ratio:1 / 1;border-radius:50%}.shop-ingredient__shape--leaf{aspect-ratio:1 / 1;border-radius:100% 0;transform:rotate(14deg) scale(.9)}.shop-ingredient--word-right .shop-ingredient__shape{left:auto;right:0}.shop-ingredient--word-right .shop-ingredient__shape--leaf{transform:rotate(-14deg) scale(.9) scaleX(-1)}.shop-ingredient--word-center .shop-ingredient__shape{left:50%;translate:-50% 0}.shop-ingredient__word{position:absolute;bottom:-.18em;left:-.03em;z-index:0;margin:0;font-weight:700;line-height:.8;letter-spacing:.01em;white-space:nowrap;color:transparent;-webkit-text-stroke:2px var(--si-outline, rgba(123, 142, 114, .35));pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(88px,182cqw / var(--si-chars, 8),24vw)}@supports not (font-size: 1cqw){.shop-ingredient__word{font-size:clamp(88px,160vw / var(--si-chars, 8),24vw)}}.shop-ingredient--word-right .shop-ingredient__word{left:auto;right:-.03em}.shop-ingredient--style-solid .shop-ingredient__word{color:var(--si-outline, rgba(123, 142, 114, .35));-webkit-text-stroke:0}.shop-ingredient__fill{color:var(--si-fill, rgba(242, 183, 91, .4));-webkit-text-stroke:0}.shop-ingredient__content{position:relative;z-index:1;max-width:36rem;justify-self:start;text-align:left;padding:clamp(24px,4vw,48px) 0;margin-left:clamp(120px,18%,260px)}.shop-ingredient--word-right .shop-ingredient__content{justify-self:end;text-align:right;margin-left:0;margin-right:clamp(120px,18%,260px)}.shop-ingredient--word-center .shop-ingredient__content{justify-self:center;text-align:center;margin:0}.shop-ingredient--backdrop-word .shop-ingredient__content{justify-self:end;text-align:right;margin:0;padding:0}.shop-ingredient--backdrop-word.shop-ingredient--word-right .shop-ingredient__content{justify-self:start;text-align:left}.shop-ingredient--word-center .shop-ingredient__cta{justify-content:center}.shop-ingredient__eyebrow{margin:0 0 12px;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--si-accent, #7b8e72)}.shop-ingredient__eyebrow-dash{display:inline-block;vertical-align:middle;width:28px;height:3px;margin:-2px 10px 0 0;border-radius:3px;background:currentColor}.shop-ingredient__heading{margin:0 0 14px;color:var(--si-heading, #1a1c1d);line-height:1.05;text-wrap:balance}.shop-ingredient__heading .animated-marker{white-space:nowrap}.shop-ingredient__text{color:var(--si-text, #2c2d2e);line-height:1.6}.shop-ingredient__text p:last-child{margin-bottom:0}.shop-ingredient__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:14px 22px;margin-top:22px}.shop-ingredient--word-right .shop-ingredient__cta,.shop-ingredient--backdrop-word .shop-ingredient__cta{justify-content:flex-end}.shop-ingredient--backdrop-word.shop-ingredient--word-right .shop-ingredient__cta{justify-content:flex-start}.shop-ingredient .shop-ingredient__button{display:inline-flex;align-items:center;gap:10px;margin:0;background:var(--si-button, #7b8e72);border-color:var(--si-button, #7b8e72);color:var(--si-button-text, #fff);box-shadow:0 10px 20px -12px #0006;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease,gap .2s ease}.shop-ingredient .shop-ingredient__button:hover,.shop-ingredient .shop-ingredient__button:focus{background:var(--si-button, #7b8e72);border-color:var(--si-button, #7b8e72);color:var(--si-button-text, #fff);filter:brightness(.94);transform:translateY(-2px);box-shadow:0 14px 24px -12px #00000073;gap:14px}.shop-ingredient .shop-ingredient__button svg{flex:0 0 auto}.shop-ingredient__price{display:inline-flex;align-items:baseline;gap:6px;font-size:.86rem;color:var(--si-accent, #7b8e72);font-weight:600;letter-spacing:.04em}.shop-ingredient__price b{font-size:1.35rem;font-weight:700;color:var(--si-heading, #1a1c1d);letter-spacing:0}.shop-ingredient__link{font-weight:600;font-size:.92rem;color:var(--si-heading, #1a1c1d);text-decoration:underline;text-decoration-color:var(--si-marker, #f2b75b);text-decoration-thickness:2px;text-underline-offset:4px;transition:color .2s ease}.shop-ingredient__link:hover,.shop-ingredient__link:focus-visible{color:var(--si-accent, #7b8e72)}.shop-ingredient__note{margin:14px 0 0;font-size:.78rem;line-height:1.5;color:var(--si-text, #2c2d2e);opacity:.65}.shop-ingredient--animate [data-reveal]{opacity:0;translate:0 18px;transition:opacity .6s ease,translate .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i, 0) * 80ms)}.shop-ingredient--animate .shop-ingredient__shape[data-reveal]{translate:0 0;scale:.92;transition:opacity .8s ease,scale 1s cubic-bezier(.22,1,.36,1)}.shop-ingredient--animate .shop-ingredient__shape[data-reveal].is-revealed{scale:1}.shop-ingredient--animate.shop-ingredient--word-center .shop-ingredient__shape[data-reveal],.shop-ingredient--animate.shop-ingredient--word-center .shop-ingredient__shape[data-reveal].is-revealed{translate:-50% 0}.shop-ingredient--animate .shop-ingredient__word[data-reveal]{translate:0 .12em;transition:opacity .9s ease,translate 1.1s cubic-bezier(.22,1,.36,1)}.shop-ingredient--animate .shop-ingredient__fill{opacity:0;transition:opacity .5s ease .9s}.shop-ingredient--animate [data-reveal].is-revealed{opacity:1;translate:0 0}.shop-ingredient--animate.is-armed .shop-ingredient__fill{opacity:1}@media(prefers-reduced-motion:reduce){.shop-ingredient .shop-ingredient__button,.shop-ingredient__link{transition:none!important}.shop-ingredient--animate [data-reveal],.shop-ingredient--animate .shop-ingredient__fill{opacity:1;translate:0 0;transition:none}}@media screen and (max-width:767px){.shop-ingredient__stage{min-height:0}.shop-ingredient--backdrop-word .shop-ingredient__stage{padding:8px 0 clamp(96px,30vw,150px)}.shop-ingredient__content,.shop-ingredient--word-right .shop-ingredient__content{justify-self:start;text-align:left;max-width:none}.shop-ingredient__cta,.shop-ingredient--word-right .shop-ingredient__cta{justify-content:flex-start}.shop-ingredient__word{font-size:clamp(64px,182cqw / var(--si-chars, 8),34vw);bottom:-.16em}.shop-ingredient__shape,.shop-ingredient--word-right .shop-ingredient__shape,.shop-ingredient--word-center .shop-ingredient__shape{left:50%;right:auto;translate:-50% 0}.shop-ingredient__content,.shop-ingredient--word-right .shop-ingredient__content,.shop-ingredient--word-center .shop-ingredient__content{margin:0;padding:clamp(28px,8vw,48px) 8px;max-width:none;justify-self:stretch;text-align:center}.shop-ingredient__cta,.shop-ingredient--word-right .shop-ingredient__cta{justify-content:center}}@media screen and (max-width:479px){.shop-ingredient .shop-ingredient__button{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/662/assets/shop-ingredient.css.map */