.key-ingredients{display:flex;flex-direction:column;gap:clamp(24px,4vw,48px);--card-fixed-height: auto}.key-ingredients--align-center .key-ingredients__header{text-align:center;align-items:center;margin-left:auto;margin-right:auto}.key-ingredients--align-right .key-ingredients__header{text-align:right;align-items:flex-end;margin-left:auto}.key-ingredients__header{display:flex;flex-direction:column;gap:10px;max-width:760px}.key-ingredients__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;color:var(--highlight_color)}.key-ingredients__heading{font-size:clamp(2rem,4vw,3rem);line-height:1.1;color:var(--heading_color)}.key-ingredients__lead{color:var(--text_color);max-width:640px;margin-top:6px}.key-ingredients__cards{--cards-gap: clamp(12px, 1.5vw, 22px);--cards-visible: 4;--peek-width: clamp(36px, 4vw, 72px);--card-size-multiplier: 1.2;display:flex;gap:var(--cards-gap);position:relative;align-items:flex-start;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px;padding-right:0;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0!important}.key-ingredients__cards::-webkit-scrollbar{display:none}.key-ingredients__empty{text-align:center;color:var(--text_color);opacity:.8}.key-ingredients__card{border:none;background:transparent;border-radius:var(--card_radius);padding:0;display:flex;flex-direction:column;gap:10px;text-align:left;min-width:0;flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:always;transition:box-shadow .4s ease,opacity .35s ease;cursor:pointer;-webkit-appearance:none;appearance:none;color:inherit;overflow:hidden}.key-ingredients__card:focus-visible{outline:2px solid currentColor;outline-offset:4px}.key-ingredients__card:disabled{opacity:.6;pointer-events:none}.key-ingredients__media{position:relative;border-radius:0;overflow:hidden;display:block;background:var(--image_bg);margin-bottom:0}.key-ingredients__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f9f0e399;opacity:0;transition:opacity .55s cubic-bezier(.33,1,.68,1);z-index:1;pointer-events:none}.key-ingredients__image,.key-ingredients__placeholder{object-fit:cover;width:100%;height:100%;display:block;position:relative;z-index:0}.key-ingredients__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;--overlay-padding: clamp(18px, 4vw, 40px);--label-offset: clamp(12px, 3vw, 28px);padding:var(--overlay-padding);color:var(--heading_color);pointer-events:none;z-index:2;width:100%}.key-ingredients__label-wrapper{position:absolute;left:var(--overlay-padding);right:var(--overlay-padding);bottom:var(--label-offset);width:auto;display:flex;justify-content:flex-start;transition:margin .45s cubic-bezier(.33,1,.68,1),left .45s cubic-bezier(.33,1,.68,1),bottom .45s cubic-bezier(.33,1,.68,1),position .45s cubic-bezier(.33,1,.68,1)}.key-ingredients__label{font-size:16px;line-height:1.3!important;font-weight:600;letter-spacing:.01em;color:var(--timeline-label-color, var(--heading_color));margin:0;transition:margin .35s ease,color .3s ease}.key-ingredients__card:hover .key-ingredients__label-wrapper,.key-ingredients__card:focus-visible .key-ingredients__label-wrapper,.key-ingredients__card.is-initial-open .key-ingredients__label-wrapper{position:relative;left:0;right:0;bottom:0;width:100%;margin-top:0}.key-ingredients__card:hover .key-ingredients__label,.key-ingredients__card:focus-visible .key-ingredients__label,.key-ingredients__card.is-initial-open .key-ingredients__label{color:#111}.key-ingredients__headline{margin-top:18px;display:inline-flex;align-items:center;background:#111;color:#fff;padding:12px;border-radius:28px;max-width:90%;width:auto;opacity:0;max-height:0;overflow:hidden;transform:translateY(12px);transition:opacity .5s cubic-bezier(.33,1,.68,1),max-height .5s cubic-bezier(.33,1,.68,1),transform .5s cubic-bezier(.33,1,.68,1)}.key-ingredients__title{font-size:13px!important;line-height:1.4!important;font-weight:400;font-size:clamp(1rem,1.3vw,1.15rem);color:inherit;margin:0}.key-ingredients__description.rte{margin-top:0;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.2!important;color:var(--text_color);opacity:0;max-height:0;overflow:hidden;transform:translateY(12px);transition:opacity .5s cubic-bezier(.33,1,.68,1),max-height .5s cubic-bezier(.33,1,.68,1),transform .5s cubic-bezier(.33,1,.68,1)}@media(min-width:768px){.key-ingredients__cards{padding-right:var(--peek-width)}.key-ingredients__card{flex:0 0 calc((100% - ((var(--cards-visible) - 1) * var(--cards-gap)) + var(--peek-width)) / var(--cards-visible));min-width:0}.key-ingredients__card:hover,.key-ingredients__card:focus-visible{box-shadow:none}.key-ingredients__card:hover .key-ingredients__headline,.key-ingredients__card:focus-visible .key-ingredients__headline,.key-ingredients__card.is-initial-open .key-ingredients__headline,.key-ingredients__card:hover .key-ingredients__description.rte,.key-ingredients__card:focus-visible .key-ingredients__description.rte,.key-ingredients__card.is-initial-open .key-ingredients__description.rte{opacity:1;max-height:600px;transform:translateY(0)}.key-ingredients__card:hover .key-ingredients__description.rte,.key-ingredients__card:focus-visible .key-ingredients__description.rte,.key-ingredients__card.is-initial-open .key-ingredients__description.rte{margin-top:18px}.key-ingredients__card:hover .key-ingredients__media:after,.key-ingredients__card:focus-visible .key-ingredients__media:after,.key-ingredients__card.is-initial-open .key-ingredients__media:after{opacity:1}}@media(max-width:767px){.key-ingredients__cards{padding-right:16px}.key-ingredients__card{flex:0 0 98%;min-width:340px;scroll-snap-align:start;min-height:var(--card-fixed-height, auto)}.key-ingredients__headline,.key-ingredients__description.rte{opacity:1;max-height:none;overflow:visible;transform:none}.key-ingredients__label-wrapper{position:relative;left:0;right:0;bottom:0;width:100%;margin-top:0}.key-ingredients__label{color:#111}.key-ingredients__description.rte{margin-top:18px}.key-ingredients__media:after{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/key-ingredients.css.map */