.ingredient-science{--ing-bg: #ffffff;--ing-frame: #f3f2ee;--ing-ink: #16150f;--ing-muted: #6f6c62;--ing-hair: #e7e5de;--ing-radius: 18px;background:var(--ing-bg);color:var(--ing-ink);padding:30px 24px 100px;margin:0 auto}.ingredient-science__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 28px;align-items:start}.ingredient-card{perspective:1600px}.ingredient-card__inner{position:relative;display:grid;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.2,.2,1)}.ingredient-card.is-flipped .ingredient-card__inner{transform:rotateY(180deg)}@media(hover:hover)and (pointer:fine){.ingredient-card:hover .ingredient-card__inner,.ingredient-card:focus-within .ingredient-card__inner{transform:rotateY(180deg)}}.ingredient-card__face{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:100%}.ingredient-card__face--back{transform:rotateY(180deg);position:relative;border-radius:var(--ing-radius);background:#fdfdfc;border:1px solid var(--ing-hair);padding:22px;overflow:hidden;justify-content:flex-start;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;overflow-y:auto}.ingredient-card__frame{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--ing-radius);background:var(--ing-frame);overflow:hidden;margin-bottom:16px;display:block;height:172px}.ingredient-card__image{width:100%;height:172px;object-fit:cover;display:block}.ingredient-card__placeholder{display:block;width:100%;height:172px}.ingredient-card__title{font-size:20px;font-weight:500;line-height:1.35;width:calc(100% - 42px)}.ingredient-card__caption{font-size:16px;color:var(--ing-muted);line-height:1.5;width:calc(100% - 42px)}.ingredient-card__swap{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;position:absolute;right:0;top:200px;width:32px;height:32px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:var(--ing-ink);transition:background .2s ease,transform .2s ease;z-index:2}.ingredient-card__swap svg{width:15px;height:15px}.ingredient-card__frame:hover .ingredient-card__swap{background:var(--ing-ink);color:#fff;transform:scale(1.05)}.ingredient-card__swap--back{position:absolute;top:14px;right:14px;bottom:auto}.ingredient-card__swap--back:hover{background:var(--ing-ink);color:#fff}.ingredient-card__back-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(9px) saturate(.9);opacity:.22;transform:scale(1.15)}.ingredient-card__back-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fdfdfc 55%,#fdfdfc8c)}.ingredient-card__back-content{position:relative;z-index:1;padding-top:30px}.ingredient-card__back-text{font-size:16px;line-height:1.65;color:#2c2a24;margin:0}.ingredient-card__back-text+.ingredient-card__back-text{margin-top:18px}.ingredient-card__back-text strong{font-weight:500;color:var(--ing-ink)}.ingredient-card__swap:focus-visible{outline:2px solid var(--ing-ink);outline-offset:2px}@media(max-width:989px){.ingredient-science__grid{grid-template-columns:repeat(2,1fr);gap:32px 20px}}@media(max-width:749px){.ingredient-science{padding:44px 16px 56px}.ingredient-science__header{margin-bottom:32px}.ingredient-card__title,.ingredient-card__subtitle{font-size:13.5px}.ingredient-card__caption{font-size:12px}.ingredient-card__back-text{font-size:13px}}@media(prefers-reduced-motion:reduce){.ingredient-card__inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/ingredient-science.css.map */