.ingredient-article{position:relative;overflow:hidden;padding:var(--design-space-64) 0;border-top:1px solid rgba(17,24,39,.08);scroll-margin-top:12rem;background:radial-gradient(circle at 7% 0%,rgba(124,58,237,.16),transparent 34rem),radial-gradient(circle at 92% 10%,rgba(0,210,255,.1),transparent 30rem),linear-gradient(180deg,#fff,#f7f0ff 52%,#fff)}.ingredient-article:before{content:"";position:absolute;inset:0 0 auto;height:1.8rem;background:radial-gradient(circle at 18% 50%,rgba(255,255,255,.7),transparent 8rem),linear-gradient(90deg,#6d28d980,#7c3aed47 42%,#00d2ff47);opacity:.76;box-shadow:0 1.2rem 4.8rem #7c3aed1a}.ingredient-article,.ingredient-article *{font-family:var(--design-font-family-body)!important}.ingredient-article--blue{background:radial-gradient(circle at 88% 6%,rgba(37,99,235,.2),transparent 34rem),radial-gradient(circle at 10% 18%,rgba(0,210,255,.14),transparent 28rem),linear-gradient(180deg,#eef8ff,#fff 58%,#f4fbff)}.ingredient-article--blue:before{background:radial-gradient(circle at 76% 50%,rgba(255,255,255,.68),transparent 8rem),linear-gradient(90deg,#00d2ff75,#2563eb57 52%,#0f172a38);box-shadow:0 1.2rem 4.8rem #2563eb1a}.ingredient-article--cream{background:radial-gradient(circle at 12% 8%,rgba(251,191,36,.26),transparent 34rem),radial-gradient(circle at 88% 8%,rgba(255,122,89,.14),transparent 26rem),linear-gradient(180deg,#fff3d8,#fff 58%,#fff8e8)}.ingredient-article--cream:before{background:radial-gradient(circle at 32% 50%,rgba(255,255,255,.72),transparent 8rem),linear-gradient(90deg,#fbbf2499,#ff7a594d 46%,#7c3aed2e);box-shadow:0 1.2rem 4.8rem #fbbf241f}.ingredient-article__inner{--page-padding: 0;width:min(calc(100% - clamp(3.2rem,9vw,18rem)),112rem);max-width:none;margin-inline:auto;padding-inline:0!important}.ingredient-article__header{display:grid;gap:var(--design-space-14);max-width:82rem;margin:0 0 var(--design-space-28)}.ingredient-article__eyebrow{width:fit-content;margin:0;padding:var(--design-space-8) var(--design-space-14);border:1px solid rgba(124,58,237,.16);border-radius:var(--design-radius-pill);background:#ffffffc7;color:var(--design-color-ghk-accent-700);font-size:var(--design-font-size-caption-xl);font-weight:var(--design-font-weight-bold);letter-spacing:var(--design-letter-spacing-eyebrow-regular);text-transform:uppercase;box-shadow:0 10px 28px #7c3aed14}.ingredient-article__title{max-width:18ch;margin:0;color:var(--design-text-heading);font-family:Apercu Pro,sans-serif!important;font-size:clamp(3rem,5vw,4.4rem);font-weight:var(--design-font-weight-heavy);line-height:1.02!important;letter-spacing:-.04em}.ingredient-article__intro{max-width:70ch;color:var(--design-color-neutral-700)}.ingredient-article__layout{display:grid;gap:clamp(var(--design-space-22),3vw,var(--design-space-34))}.ingredient-article__body{display:grid;gap:0;padding:0;overflow:hidden;border:1px solid rgba(124,58,237,.12);border-radius:calc(var(--design-radius-card) + 12px);background:#ffffffeb;box-shadow:0 24px 70px #1e1b4b14}.ingredient-article__body>*{min-width:0}.ingredient-article__copy{display:grid;gap:var(--design-space-22);max-width:none;padding:clamp(var(--design-space-28),4vw,var(--design-space-48))}.ingredient-article__copy>*{max-width:82ch}.ingredient-article__copy>*:first-child{margin-top:0}.ingredient-article__copy>*:last-child{margin-bottom:0}.ingredient-article__body p,.ingredient-article__body li,.ingredient-article__intro p,.ingredient-article__note p,.ingredient-article__note li{color:var(--design-color-neutral-700);font-size:var(--design-font-size-body-lg);font-weight:var(--design-font-weight-regular);line-height:1.82}.ingredient-article__body a,.ingredient-article__intro a,.ingredient-article__note a,.ingredient-article__answer a{color:var(--ingredient-accent-strong);font-weight:var(--design-font-weight-regular);text-decoration-color:#7c3aed57;text-decoration-thickness:.1em;text-underline-offset:.18em}.ingredient-article__body a:hover,.ingredient-article__intro a:hover,.ingredient-article__note a:hover,.ingredient-article__answer a:hover{text-decoration-color:currentColor}.ingredient-article__body h3{margin:var(--design-space-30) 0 0;color:var(--design-text-heading);font-family:Apercu Pro,sans-serif!important;font-size:clamp(2.2rem,3vw,2.9rem);font-weight:var(--design-font-weight-bold);line-height:1.08!important;letter-spacing:-.04em}.ingredient-article__answer{max-width:none;padding:clamp(var(--design-space-24),3vw,var(--design-space-34)) clamp(var(--design-space-28),4vw,var(--design-space-48));border-radius:0;background:radial-gradient(circle at 100% 0%,rgba(124,58,237,.14),transparent 18rem),linear-gradient(135deg,#f5f3ff,#fff)}.ingredient-article__answer span{display:inline-flex;margin-bottom:var(--design-space-8);color:var(--design-color-ghk-accent-700);font-size:var(--design-font-size-caption-xl);font-weight:var(--design-font-weight-medium);letter-spacing:var(--design-letter-spacing-eyebrow-regular);text-transform:uppercase}.ingredient-article__answer p{margin:0;color:var(--design-text-heading);font-weight:var(--design-font-weight-regular);line-height:1.68;letter-spacing:-.01em}.ingredient-article__visual{display:grid;grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);gap:var(--design-space-18);align-items:center;margin:0;padding:clamp(var(--design-space-20),3vw,var(--design-space-30)) clamp(var(--design-space-28),4vw,var(--design-space-48));border-top:1px solid rgba(124,58,237,.1);border-bottom:1px solid rgba(124,58,237,.1);background:radial-gradient(circle at 18% 18%,rgba(124,58,237,.12),transparent 20rem),linear-gradient(135deg,#ffffffe6,#f8fbffe6)}.ingredient-article__visual-image,.ingredient-article__visual-art{display:block;width:100%;overflow:hidden;border-radius:var(--design-radius-card);box-shadow:0 18px 44px #1e1b4b1a}.ingredient-article__visual-image{aspect-ratio:1.25 / 1;object-fit:cover}.ingredient-article__visual--asset .ingredient-article__visual-image{background:var(--design-color-white)}.ingredient-article__visual-art{position:relative;min-height:clamp(16rem,18vw,22rem);background:radial-gradient(circle at 28% 30%,rgba(255,255,255,.9) 0 11%,transparent 12%),radial-gradient(circle at 70% 68%,rgba(255,255,255,.72) 0 9%,transparent 10%),linear-gradient(135deg,#2d1b69,#7c3aed,#93c5fd)}.ingredient-article__visual-art:before,.ingredient-article__visual-art:after,.ingredient-article__visual-art span{content:"";position:absolute;border-radius:999px}.ingredient-article__visual-art:before{inset:18% auto auto 16%;width:46%;height:.2rem;background:#ffffff80;transform:rotate(-18deg);box-shadow:5rem 4.8rem #ffffff57,11rem 1.6rem #ffffff47}.ingredient-article__visual-art:after{right:12%;bottom:14%;width:38%;aspect-ratio:1;border:1px solid rgba(255,255,255,.42);background:#ffffff14}.ingredient-article__visual-art span:nth-child(1){top:20%;left:14%;width:3.6rem;aspect-ratio:1;background:#fbbf24;box-shadow:0 0 0 1rem #fbbf242e}.ingredient-article__visual-art span:nth-child(2){top:46%;left:50%;width:2.4rem;aspect-ratio:1;background:#fff;box-shadow:0 0 0 .9rem #ffffff29}.ingredient-article__visual-art span:nth-child(3){right:18%;top:18%;width:5.4rem;aspect-ratio:1;background:#fff3}.ingredient-article--blue .ingredient-article__visual{background:radial-gradient(circle at 82% 18%,rgba(147,197,253,.22),transparent 18rem),linear-gradient(135deg,#f4f9fff2,#ffffffeb)}.ingredient-article--blue .ingredient-article__visual-art{background:linear-gradient(90deg,rgba(255,255,255,.44) 0 1px,transparent 1px 100%) 0 0 / 3.8rem 100%,linear-gradient(135deg,#dbeafe,#93c5fd 48%,#1d4ed8)}.ingredient-article--blue .ingredient-article__visual-art:before{inset:48% 13% auto 13%;width:auto;height:.3rem;background:#ffffffa3;transform:none;box-shadow:none}.ingredient-article--blue .ingredient-article__visual-art:after{right:9%;bottom:18%;width:7rem;aspect-ratio:1;border:0;background:linear-gradient(135deg,#fff,#ffffff85);box-shadow:-8.4rem 0 #ffffffc7,-16.8rem 0 #ffffff9e}.ingredient-article--blue .ingredient-article__visual-art span:nth-child(1),.ingredient-article--blue .ingredient-article__visual-art span:nth-child(2),.ingredient-article--blue .ingredient-article__visual-art span:nth-child(3){top:34%;width:4.8rem;color:var(--design-text-heading);display:grid;place-items:center;aspect-ratio:1;background:#fff;box-shadow:0 1.2rem 2.8rem #0f172a24,0 0 0 .8rem #ffffff2e}.ingredient-article--blue .ingredient-article__visual-art span:nth-child(1){left:15%}.ingredient-article--blue .ingredient-article__visual-art span:nth-child(2){left:calc(50% - 2.4rem)}.ingredient-article--blue .ingredient-article__visual-art span:nth-child(3){right:15%}.ingredient-article--blue .ingredient-article__visual-art span:before{font-size:1.6rem;font-weight:var(--design-font-weight-bold);line-height:1}.ingredient-article--blue .ingredient-article__visual-art span:nth-child(1):before{content:"1"}.ingredient-article--blue .ingredient-article__visual-art span:nth-child(2):before{content:"2"}.ingredient-article--blue .ingredient-article__visual-art span:nth-child(3):before{content:"3"}.ingredient-article--cream .ingredient-article__visual{background:radial-gradient(circle at 14% 78%,rgba(251,191,36,.14),transparent 16rem),linear-gradient(135deg,#fffaeff2,#ffffffe6)}.ingredient-article--cream .ingredient-article__visual-art{background:radial-gradient(circle at 72% 24%,rgba(251,191,36,.36),transparent 10rem),linear-gradient(135deg,#fff7ed,#fef3c7 45%,#7c3aed)}.ingredient-article--cream .ingredient-article__visual-art:before{inset:15% auto auto 12%;width:44%;height:42%;border-radius:2.2rem;background:#ffffffdb;transform:rotate(-8deg);box-shadow:4.8rem 4.8rem #ffffffb8,10.2rem 1.2rem #ffffff85}.ingredient-article--cream .ingredient-article__visual-art:after{right:10%;bottom:12%;width:34%;aspect-ratio:1;border:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.96) 0 16%,transparent 17%),conic-gradient(from 40deg,#ffffffb8,#fbbf24a3,#7c3aed9e,#ffffffb8)}.ingredient-article--cream .ingredient-article__visual-art span:nth-child(1){top:18%;right:18%;left:auto;width:2rem;background:#fbbf24;box-shadow:-4.8rem 5rem #ffffffbd,-9rem 2.4rem #7c3aed9e}.ingredient-article--cream .ingredient-article__visual-art span:nth-child(2){top:68%;left:18%;width:4.2rem;background:#ffffffdb}.ingredient-article--cream .ingredient-article__visual-art span:nth-child(3){right:18%;top:26%;width:1rem;background:#ffffffdb;box-shadow:-3.8rem 2.8rem #ffffffa3,-7.4rem 7.2rem #ffffff85}.ingredient-article__visual-copy{display:grid;gap:var(--design-space-8)}.ingredient-article__visual-copy span{color:var(--design-color-ghk-accent-700);font-size:var(--design-font-size-caption-lg);font-weight:var(--design-font-weight-medium);letter-spacing:var(--design-letter-spacing-eyebrow-regular);line-height:1.2;text-transform:uppercase}.ingredient-article__visual-copy strong{color:var(--design-text-heading);font-size:clamp(1.8rem,2.1vw,2.3rem);font-weight:var(--design-font-weight-bold);line-height:1.12;letter-spacing:-.035em}.ingredient-article__visual-copy p{margin:0;line-height:1.62}.ingredient-article__quote{max-width:76rem;margin:var(--design-space-12) 0 0;padding-left:var(--design-space-22);border-left:3px solid var(--design-color-ghk-accent-500);color:var(--design-text-heading);font-size:clamp(2rem,3vw,2.6rem);font-weight:var(--design-font-weight-medium);line-height:1.28;letter-spacing:-.035em}.ingredient-article__quote p{margin:0;color:inherit;font:inherit}.ingredient-article__sidebar{display:grid;gap:var(--design-space-14)}.ingredient-article__note{padding:var(--design-space-18);border:1px solid rgba(124,58,237,.14);border-radius:var(--design-radius-card);background:#ffffffdb;box-shadow:0 14px 38px #1e1b4b12}.ingredient-article__note>p:first-child{margin:0 0 var(--design-space-8);color:var(--design-color-ghk-accent-700);font-size:var(--design-font-size-caption-lg);font-weight:var(--design-font-weight-medium);letter-spacing:var(--design-letter-spacing-eyebrow-regular);line-height:1.2;text-transform:uppercase}.ingredient-article__note h3{margin:0 0 var(--design-space-8);color:var(--design-text-heading);font-family:Apercu Pro,sans-serif!important;font-size:var(--design-font-size-body-xl);font-weight:var(--design-font-weight-medium);line-height:1.16;letter-spacing:-.03em}@media(min-width:990px){.ingredient-article{padding:var(--design-space-72) 0}.ingredient-article__layout{grid-template-columns:minmax(0,.74fr) minmax(24rem,.26fr);align-items:start}.ingredient-article__sidebar{position:sticky;top:var(--design-space-32)}.ingredient-article--split .ingredient-article__body{grid-template-columns:minmax(0,.48fr) minmax(0,.52fr)}.ingredient-article--split .ingredient-article__answer{grid-column:1 / -1}.ingredient-article--split .ingredient-article__visual{grid-template-columns:1fr;align-content:start;border-right:1px solid rgba(124,58,237,.1);border-bottom:0}.ingredient-article--split .ingredient-article__visual-copy strong{font-size:clamp(2.2rem,2.5vw,2.8rem)}.ingredient-article--split .ingredient-article__copy{align-content:start}.ingredient-article--visual-first .ingredient-article__visual{grid-template-columns:minmax(0,.62fr) minmax(0,.38fr);min-height:34rem}.ingredient-article--visual-first .ingredient-article__visual-image,.ingredient-article--visual-first .ingredient-article__visual-art{aspect-ratio:1.7 / 1}.ingredient-article--compact{padding:var(--design-space-56) 0}.ingredient-article--compact .ingredient-article__body{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)}.ingredient-article--compact .ingredient-article__answer{grid-column:1;border-right:1px solid rgba(124,58,237,.1)}.ingredient-article--compact .ingredient-article__visual{grid-column:1;grid-template-columns:1fr;padding-top:0;border-top:0;border-right:1px solid rgba(124,58,237,.1)}.ingredient-article--compact .ingredient-article__copy{grid-column:2;grid-row:1 / span 2}.ingredient-article--compact .ingredient-article__quote{font-size:clamp(1.9rem,2vw,2.3rem)}}@media(max-width:749px){.ingredient-article__visual{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/section-ingredient-hub-article.css.map */