.g3-ingredients{padding-block:var(--g3-ing-pad-top, var(--g3-section-pad-y)) var(--g3-ing-pad-bottom, var(--g3-section-pad-y))}.g3-ingredients__inner{max-width:var(--g3-content-max, 120rem);margin-inline:auto;padding-inline:var(--g3-space-md)}.g3-ingredients__header{margin-bottom:var(--g3-space-xl);max-width:72rem}.g3-ingredients__eyebrow{font-family:var(--g3-font-ui, var(--font-body-family));font-weight:600;font-size:calc(var(--g3-text-base) * .7);letter-spacing:.14em;text-transform:uppercase;opacity:.45;margin:0 0 var(--g3-space-sm)}.g3-ingredients__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--g3-section-heading);color:var(--g3-heading-color);line-height:1.08;letter-spacing:-.025em;margin:0 0 var(--g3-space-xs)}.g3-ingredients__subheading{font-size:calc(var(--g3-text-base) * 1);line-height:1.6;opacity:.6;margin:0}.g3-ingredients__layout{display:grid;grid-template-columns:var(--g3-ing-nav-w, 34rem) 1fr;gap:0 var(--g3-space-xl);align-items:start}.g3-ingredients__nav{display:flex;flex-direction:column;gap:0;position:sticky;top:8rem}.g3-ingredients__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--g3-space-sm);width:100%;padding:var(--g3-space-sm) .8rem;background:transparent;border:none;border-left:2.5px solid rgb(var(--color-foreground) / .08);border-bottom:1px solid var(--g3-ing-trigger-border, rgb(var(--color-foreground) / .1));border-radius:0;cursor:pointer;text-align:left;transition:border-color var(--g3-duration) var(--g3-ease),background var(--g3-duration) var(--g3-ease);outline:none}.g3-ingredients__trigger:hover{background:rgb(var(--color-foreground) / .03);border-left-color:rgb(var(--color-foreground) / .25)}.g3-ingredients__trigger.is-active{border-left-color:var(--g3-ing-accent, rgb(var(--color-foreground)));background:rgb(var(--color-foreground) / .03)}.g3-ingredients__trigger:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem}.g3-ingredients__trigger-left{display:flex;align-items:center;gap:var(--g3-space-sm);flex:1;min-width:0}.g3-ingredients__trigger-icon{flex-shrink:0;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--g3-radius-sm);overflow:hidden}.g3-ingredients__trigger-icon img{width:100%;height:100%;object-fit:contain}.g3-ingredients__trigger-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.g3-ingredients__trigger-num{font-family:var(--g3-font-ui, var(--font-body-family));font-size:calc(var(--g3-text-base) * .65);font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.35;line-height:1;transition:opacity var(--g3-duration) var(--g3-ease)}.g3-ingredients__trigger.is-active .g3-ingredients__trigger-num{opacity:.6}.g3-ingredients__trigger-name{font-family:var(--g3-font-ui, var(--font-body-family));font-weight:var(--g3-font-ui-weight, 600);font-size:calc(var(--g3-text-base) * 1.05 * var(--g3-heading-scale, 1));line-height:1.2;color:rgb(var(--color-foreground));white-space:normal;overflow:visible;text-overflow:unset;transition:color var(--g3-duration) var(--g3-ease)}.g3-ingredients__trigger-teaser{font-family:var(--font-body-family);font-size:calc(var(--g3-text-base) * .8125);line-height:1.3;opacity:0;max-height:0;overflow:hidden;color:rgb(var(--color-foreground) / .55);transition:opacity var(--g3-duration) var(--g3-ease),max-height var(--g3-duration) var(--g3-ease)}.g3-ingredients__trigger.is-active .g3-ingredients__trigger-teaser{opacity:1;max-height:4rem}.g3-ingredients__chevron{flex-shrink:0;width:1.6rem;height:1.6rem;opacity:.3;transition:transform var(--g3-duration) var(--g3-ease),opacity var(--g3-duration) var(--g3-ease)}.g3-ingredients__trigger.is-active .g3-ingredients__chevron,.g3-ingredients__trigger:hover .g3-ingredients__chevron{opacity:.7}.g3-ingredients__stage{position:relative;min-height:24rem}.g3-ingredients__panel{display:none;flex-direction:column;gap:var(--g3-space-lg);animation:g3-ing-fadein .35s ease both}.g3-ingredients__panel.is-active{display:flex}[data-img-pos=left] .g3-ingredients__panel.is-active{display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto;gap:var(--g3-space-xl);align-items:start}[data-img-pos=left] .g3-ingredients__panel.is-active.g3-ingredients__panel--no-image{grid-template-columns:1fr}[data-img-pos=left] .g3-ingredients__panel-media{grid-column:1;grid-row:1}[data-img-pos=left] .g3-ingredients__panel-body{grid-column:2;grid-row:1}@keyframes g3-ing-fadein{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}.g3-ingredients__panel-media{border-radius:var(--g3-radius-lg);overflow:hidden}.g3-ingredients__panel-media img{display:block;width:100%;height:auto;object-fit:cover}.g3-ingredients__panel-body{display:flex;flex-direction:column;gap:var(--g3-space-sm)}.g3-ingredients__panel-num{font-family:var(--g3-font-ui, var(--font-body-family));font-size:calc(var(--g3-text-base) * .7);font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.38;margin:0}.g3-ingredients__panel-name{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2rem,3vw,3.2rem);line-height:1.1;letter-spacing:-.02em;margin:0;color:rgb(var(--color-foreground))}.g3-ingredients__panel-sci{font-family:var(--g3-font-ui, var(--font-body-family));font-style:italic;font-size:calc(var(--g3-text-base) * .8125);opacity:.45;margin:-.4rem 0 0}.g3-ingredients__panel-desc{font-family:var(--font-body-family);font-size:calc(var(--g3-text-base) * .9375);line-height:1.65;opacity:.72;margin:var(--g3-space-xs) 0 0}.g3-ingredients__panel-benefits{list-style:none;margin:var(--g3-space-xs) 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.g3-ingredients__panel-benefits li{display:flex;align-items:flex-start;gap:.8rem;font-family:var(--font-body-family);font-size:calc(var(--g3-text-base) * .9375);line-height:1.5;color:rgb(var(--color-foreground) / .8)}.g3-ingredients__panel-benefits li:before{content:"";flex-shrink:0;width:.55rem;height:.55rem;border-radius:50%;background:var(--g3-ing-accent, rgb(var(--color-foreground)));margin-top:.55em;opacity:.7}@media screen and (max-width:749px){.g3-ingredients__layout{display:block}.g3-ingredients__stage{display:none}.g3-ingredients__nav{position:static;gap:.6rem}.g3-ingredients__trigger{border:1px solid rgb(var(--color-foreground) / .1);border-left-width:3px;border-radius:var(--g3-radius-md);padding:var(--g3-space-sm) var(--g3-space-md) var(--g3-space-sm) 0;background:rgb(var(--color-foreground) / .02)}.g3-ingredients__trigger.is-active{border-color:var(--g3-ing-accent, rgb(var(--color-foreground) / .5));background:rgb(var(--color-foreground) / .03)}.g3-ingredients__trigger-name{white-space:normal}.g3-ingredients__trigger-teaser{max-height:none;opacity:.6}.g3-ingredients__trigger.is-active .g3-ingredients__chevron{transform:rotate(90deg)}.g3-ingredients__panel[hidden]{display:none!important}.g3-ingredients__panel.is-active,[data-img-pos=left] .g3-ingredients__panel.is-active{display:flex;flex-direction:column;grid-template-columns:unset;gap:var(--g3-space-md);padding:var(--g3-space-md);border:1px solid rgb(var(--color-foreground) / .07);border-top:none;border-radius:0 0 var(--g3-radius-md) var(--g3-radius-md);margin-bottom:.6rem;background:rgb(var(--color-foreground) / .02)}[data-img-pos=left] .g3-ingredients__panel-media,[data-img-pos=left] .g3-ingredients__panel-body{grid-column:unset;grid-row:unset}.g3-ingredients__trigger-teaser,.g3-ingredients__panel-num{display:none}.g3-ingredients__panel-name{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/g3-ingredients.css.map */