.key-ingredients__wrp{max-width:var(--content-width, 1200px);margin-inline:auto}.key-ingredients__header{display:flex;align-items:flex-end;margin-bottom:40px;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:16px;gap:16px}.key-ingredients__header--left{justify-content:space-between}.key-ingredients__header--center{flex-direction:column;align-items:center;text-align:center}.key-ingredients__header--right{flex-direction:row-reverse;text-align:right}.key-ingredients__heading{margin:0;font-size:24px!important}.key-ingredients__full-list{font-family:Azeret Mono,monospace;font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;background:none;border:none;padding:0;cursor:pointer;color:inherit}.key-ingredients__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:989px){.key-ingredients__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.key-ingredients__header{flex-direction:column;align-items:flex-start;gap:12px}.key-ingredients__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding-bottom:8px;scrollbar-width:none}.key-ingredients__grid::-webkit-scrollbar{display:none}.key-ingredients__card{flex:0 0 72vw;aspect-ratio:1 / 1!important;scroll-snap-align:start}}.key-ingredients__card{position:relative;aspect-ratio:3 / 4;border-radius:4px;overflow:hidden;isolation:isolate}.key-ingredients__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.key-ingredients__image--placeholder{background:#e8e4dc}.key-ingredients__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#14100c52;transition:background .35s ease}.key-ingredients__card.is-flipped .key-ingredients__scrim{background:#14100c9e}.key-ingredients__front{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:14px;transition:opacity .3s ease}.key-ingredients__card.is-flipped .key-ingredients__front{opacity:0;pointer-events:none}.key-ingredients__title{font-family:Libre Baskerville,serif;font-weight:400;font-size:22px;line-height:1.3;color:#fff;margin:0}.key-ingredients__learn-more{font-family:Azeret Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:transparent;border:none;padding:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.key-ingredients__learn-more:hover{opacity:.8}.key-ingredients__back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:28px 24px;opacity:0;pointer-events:none;transition:opacity .3s ease}.key-ingredients__card.is-flipped .key-ingredients__back{opacity:1;pointer-events:auto}.key-ingredients__back-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.key-ingredients__back-close:hover{background:#ffffff26}.key-ingredients__back-text{text-align:center;color:#fff}.key-ingredients__back-heading{font-family:Libre Baskerville,serif;font-weight:400;font-size:16px;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;color:#fff}.key-ingredients__back-content{font-family:var(--font-body-family, "Karla", sans-serif);font-size:14px;line-height:1.65;color:#ffffffeb}.key-ingredients__back-content p{margin:0 0 10px}.key-ingredients__back-content p:last-child{margin-bottom:0}.key-ingredients__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:none;align-items:center;justify-content:center;padding:24px}.key-ingredients__modal.is-open{display:flex}.key-ingredients__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14100c99;opacity:0;transition:opacity .25s ease}.key-ingredients__modal-panel{position:relative;background:#fff;width:min(440px,100%);max-height:86vh;overflow-y:auto;border-radius:6px;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .25s ease,transform .25s ease}.key-ingredients__modal-panel--full-list{width:min(560px,100%)}.key-ingredients__modal.is-open .key-ingredients__modal-backdrop{opacity:1}.key-ingredients__modal.is-open .key-ingredients__modal-panel{opacity:1;transform:translateY(0) scale(1)}.key-ingredients__modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:#00000014;font-size:20px;line-height:1;cursor:pointer;z-index:1}.key-ingredients__modal-body{padding:28px 28px 32px}.key-ingredients__modal-title{font-family:Libre Baskerville,serif;font-weight:400;font-size:24px;margin:0 0 14px}.key-ingredients__modal-text{font-family:var(--font-body-family, "Karla", sans-serif);font-size:15px;line-height:1.65;color:#4a443c}.key-ingredients__modal-text p{margin:0 0 12px}.key-ingredients__modal-text p:last-child{margin-bottom:0}body.key-ingredients-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-key-ingredients.css.map */