.ingr-section{width:100%}.ingr__header{margin-bottom:80px}.ingr__eyebrow{margin:0 0 -5px;display:block;font-size:2.6rem;line-height:normal;background:linear-gradient(90deg,#000,#885d01);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.05em}.ingr__heading{margin:0;background:linear-gradient(90deg,#000,#885d01);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;line-height:normal;line-height:1;max-width:750px}.center .ingr__heading{margin-inline:auto}.ingr__pills{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:40px;justify-content:center;display:none}.ingr__pill{display:inline-flex;align-items:center;gap:8px;border-radius:19px;padding:10px 20px;white-space:nowrap;box-shadow:0 0 4px #0003 inset;line-height:normal;font-size:12px}.ingr__pill-icon{display:flex;align-items:center;width:20px;height:20px;flex:0 0 auto}.ingr__pill-icon-img{width:100%;height:100%;object-fit:contain}.ingr__pill-label{text-transform:uppercase;font-weight:400}.ingr__card{overflow:hidden;padding:50px 100px;box-shadow:0 0 8px #00000026 inset;border-radius:120px;background-repeat:no-repeat;background-size:100%!important}.ingr__canvas{display:grid;grid-template-columns:1fr 240px 1fr;grid-template-areas:"left centre right";column-gap:40px;align-items:center;min-height:540px}.ingr__side--left{grid-area:left}.ingr__hero-image-wrap{grid-area:centre}.ingr__side--right{grid-area:right}.ingr__hero-image-wrap{display:flex;align-items:center;justify-content:center;align-self:stretch;padding:20px 0}.ingr__hero-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;max-height:520px}.ingr__hero-placeholder{width:100%;height:440px;background:#0000000f;border-radius:100px}.ingr__side{display:flex;flex-direction:column;gap:36px;align-self:center;height:100%;justify-content:space-evenly}.ingr__mb-content summary,.ingr__ingredient summary{display:flex;align-items:center;margin-top:5px}.ingr__mb-content summary span.icon-plus,.ingr__ingredient summary span.icon-plus{display:inline-flex;top:1px;margin-right:6px}.ingr__mb-content summary .accordion__title{font-size:14px}.ingr__mb-content summary span.icon-plus svg.icon,.ingr__ingredient summary span.icon-plus svg.icon{width:22px;height:22px}.ingr__ingredient{display:flex;flex-direction:column;gap:7px;position:relative}.ingr__mb-content .accordion__content,.ingr__ingredient .accordion__content{padding-left:30px;line-height:normal}span.line-dot{position:absolute;left:30%;top:15px;width:114%;height:3px;background:#333}span.line-dot:before{content:"";width:12px;height:12px;position:absolute;right:0;top:-4px;display:inline-block;background:#333;border-radius:50px}.ingr__side--right span.line-dot{left:auto;right:70%;width:70%}.ingr__side--right span.line-dot:before{left:0;right:auto}.ingr__thumb-wrap{width:150px;overflow:hidden;flex-shrink:0;margin:0 0 0 -10px;position:relative}.ingr__thumb{width:100%;height:auto;object-fit:cover;display:block}.ingr__name{margin:0 0 -10px;font-weight:500;line-height:1.5;font-size:30px;background:linear-gradient(101.74deg,#809667,#000 80.5%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.ingr__subtitle{margin:0;background:linear-gradient(101.74deg,#809667,#000 80.5%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;line-height:1.1;font-size:16px;max-width:330px}.ingr__side.ingr__side--right .ingr__ingredient:first-child .ingr__subtitle,.ingr__side.ingr__side--right .ingr__ingredient:first-child .ingr__name{background:linear-gradient(95.61deg,#ca7501 .21%,#000 76.72%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.ingr__side.ingr__side--right .ingr__ingredient:last-child .ingr__subtitle,.ingr__side.ingr__side--right .ingr__ingredient:last-child .ingr__name{background:linear-gradient(92.12deg,#7e3200 .22%,#000 70.47%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.ingr__label{margin:4px 0 0;font-weight:500;line-height:1.3;letter-spacing:-.05em}.ingr__text{margin:0;line-height:1.1;letter-spacing:-.05em}.ingr__ingredient summary .accordion__title{font-size:14px}.ingr__card--mobile{display:none}@media screen and (max-width:1199px){.ingr__pill-label{font-size:14px}.ingr__pill-icon{width:20px;height:20px}.ingr__eyebrow{font-size:2.8rem}.ingr__card{padding:50px 40px;border-radius:80px}.ingr__name{font-size:24px}.ingr__subtitle{font-size:14px}.ingr__label,.ingr__text{font-size:14px!important}.ingr__thumb-wrap{width:200px}span.line-dot{top:20px}.ingr__heading{max-width:600px}}@media screen and (max-width:989px){.ingr__canvas{grid-template-columns:1fr 160px 1fr;column-gap:24px;min-height:420px}}@media screen and (max-width:749px){.ingr__card--desktop{display:none}.ingr__card--mobile{display:block;padding:40px 35px;border-radius:40px;box-shadow:0 0 8px #00000026 inset;background-size:170%!important;background-position:left 100% center;position:relative}.ingr__mb-ingredients.ingr__hover{position:absolute;top:0;right:0;bottom:0;left:0;padding:20px 30px;box-shadow:0 0 8px #00000026 inset;background:linear-gradient(180deg,#d4d4d4,#f8f8f8);opacity:0;visibility:hidden;transition:.3s;transition:transform .6s;transform-style:preserve-3d;transform:rotateY(180deg)}.ingr__mb-ingredients.ingr__hover .ingr__label-hover{margin:6px 0 1px;font-weight:500;line-height:1.3;letter-spacing:-.05em;font-size:14px!important}.ingr__mb-ingredients.ingr__hover .ingr__text-hover{margin:-6px 0 0;line-height:1.1;letter-spacing:-.05em;font-size:13px!important}.ingr__mb-ingredients.ingr__hover .ingr__mb-name{font-size:22px;margin:0 0 -5px}.ingr__card.active .ingr__mb-ingredients.ingr__hover{opacity:1;visibility:visible}.ingr__mb-ingredients.ingr__hover .ingr__mb-item{padding:10px 0}.ingr__mb-inner{display:grid;grid-template-columns:110px 1fr;column-gap:0;align-items:stretch}.ingr__mb-hero{position:relative;display:flex;flex-direction:column;align-items:center}.ingr__mb-hero-img{width:100%;height:auto;object-fit:contain;display:block;position:relative;z-index:1}.ingr__mb-dashed-line{position:absolute;top:0;bottom:0;right:0;width:2px;border-right:2px dashed #aaa;z-index:0}.ingr__mb-ingredients{display:flex;flex-direction:column;padding-left:0;gap:0;transition:transform .6s;transform-style:preserve-3d}.ingr__card--mobile{transition:transform .6s;transform-style:preserve-3d}.ingr__card.ingr__card--mobile.active{transform:rotateY(180deg)}.ingr__mb-item{display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:25px 0;position:relative}.ingr__mb-item:last-child{border-bottom:none}.ingr__mb-dot{position:absolute;left:-22px;top:22px;width:10px;height:10px;border-radius:50%;background:#333;z-index:2;flex-shrink:0}.ingr__mb-content{display:flex;flex-direction:column;gap:4px;flex:1}.ingr__mb-thumb-wrap{width:80px;flex-shrink:0;margin-bottom:4px}.ingr__mb-thumb{width:100%;height:auto;object-fit:contain;display:block}.ingr__mb-name{margin:0 0 2px;font-weight:500;font-size:20px;background:linear-gradient(101.74deg,#809667,#000 80.5%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.ingr__mb-subtitle{margin:0;background:linear-gradient(101.74deg,#809667,#000 80.5%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;line-height:1.15;font-size:13px}.ingr__mb-name--2,.ingr__mb-subtitle--2{background:linear-gradient(95.61deg,#ca7501 .21%,#000 76.72%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.ingr__mb-name--3,.ingr__mb-subtitle--3{background:linear-gradient(92.12deg,#7e3200 .22%,#000 70.47%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.ingr__heading{font-size:26px!important}.ingr__pills{gap:8px}.ingr__wrapper{padding:0 16px}.ingr__pill-label{font-size:10px}.ingr__pill-icon{width:18px;height:18px}.ingr__pill{gap:5px;padding:10px}.ingr__eyebrow{font-size:2rem;margin:0}.ingr__header{margin-bottom:60px}.ingr__card--mb-image.ingr__card--mobile{border:0;box-shadow:none;padding:0 0 24px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/ingredients-infographic.css.map */