.ingredients{display:flex;flex-direction:column;gap:40px}.ingr{display:flex;flex-direction:column;gap:32px}.ingr__top{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.ingr__h{margin:0;text-wrap:balance}.ingr__sub{margin:0;font:400 var(--text-body) var(--font-body);letter-spacing:.04em;color:var(--fg-2);text-wrap:balance}.ingr__panel{display:grid;grid-template-columns:minmax(0,1fr);row-gap:40px;margin:0 -8px;padding:32px 12px;background:var(--l-taupe);border-radius:var(--radius-m)}.ingr__group{display:flex;flex-direction:column;gap:16px;min-width:0}.ingr__group+.ingr__group{padding-top:40px;border-top:1px solid var(--l-line)}.ingr__head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.ingr__name{margin:0;padding-bottom:8px;font:400 var(--text-h3) var(--font-head);letter-spacing:.32em;text-indent:.32em;color:var(--fg);background:linear-gradient(currentColor,currentColor) center bottom / 64px 2px no-repeat}.ingr__group[data-state=onsen] .ingr__name{background-image:linear-gradient(var(--onsen),var(--onsen))}.ingr__group[data-state=ofuro] .ingr__name{background-image:linear-gradient(var(--ofuro),var(--ofuro))}.ingr__state{margin:0;font:600 var(--text-eyebrow) var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--fg)}.ingr__line{margin:0;font:400 var(--text-small) var(--font-body);color:var(--fg-2);text-wrap:pretty}.ingr__notes{margin:0}.ingr__tlabel{margin:0 0 8px;font:600 var(--text-eyebrow) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2)}.ingr__scent{margin:10px 0 0;font:400 var(--text-small) var(--font-body);color:var(--fg-2);text-wrap:balance}.ingr__tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.ingr__tier{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 8px 12px;text-align:center;background:var(--l-cream);border-radius:var(--radius-m);box-shadow:inset 0 2px 0 var(--tier-c)}.ingr__notes[data-state=onsen]{--tier-c:var(--onsen)}.ingr__notes[data-state=ofuro]{--tier-c:var(--ofuro)}.ingr__tier-media{flex:none;width:100%;max-width:152px;aspect-ratio:1;margin:4px 0 8px;border:0;border-radius:var(--radius-m);background:var(--l-taupe)}.ingr__tier-media img{width:100%;height:100%;object-fit:cover}.ingr__notes[data-state=ofuro] .ingr__tier-media{box-shadow:0 0 0 1px #ffffff14}.ingr__notes[data-state=ofuro] .ingr__tier-media img{filter:brightness(.78) saturate(.85) sepia(.12)}.ingr__tier-label{font:600 var(--text-eyebrow) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);white-space:nowrap}.ingr__tier-note{font:400 var(--text-body) var(--font-head);text-transform:capitalize;color:var(--fg);white-space:nowrap}.ingr__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.ingr-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 20px;text-align:center;background:var(--l-cream);border-radius:var(--radius-m);color:var(--fg)}.ingr-card__media{flex:none;width:96px;aspect-ratio:1;margin-bottom:4px;border-radius:var(--radius-pill);background:var(--l-taupe)}.ingr-card__media img{width:100%;height:100%;object-fit:cover}.ingr-sep{display:none}.ingr-card:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 6px)}.ingr-card__name{font:600 var(--text-eyebrow) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);text-wrap:balance}.ingr-card__purpose{font:italic 400 var(--text-h3) var(--font-head);letter-spacing:-.01em;color:var(--l-ital)}.ingr-card__tag{padding:0 8px;border-radius:var(--radius-pill);background:var(--l-wine);color:var(--l-on-wine);font:600 var(--text-micro) var(--font-body);letter-spacing:.12em;text-transform:uppercase}.ingr__close{display:flex;flex-direction:column;align-items:center;gap:16px;margin:0;text-align:center;font:600 var(--text-eyebrow) var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--fg)}.ingr__close:before{content:"";width:48px;height:1px;background:var(--l-line)}@media(max-width:749px){.ingr-card__name{display:flex;align-items:center;justify-content:center;min-height:3em}.ingr-card__purpose{white-space:nowrap}}@media(min-width:750px){.ingr__panel{margin:0;padding:40px 32px}.ingr__tiers{gap:16px}.ingr__tier{padding:12px 8px 14px}.ingr__tier-media{max-width:112px}.ingr__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ingr-card:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:auto}.ingr-card__media{width:112px}}@media(min-width:1024px){.ingr__panel{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;column-gap:40px;row-gap:24px;background:var(--l-taupe) linear-gradient(var(--l-line),var(--l-line)) center 40px / 1px calc(100% - 80px) no-repeat}.ingr__group{display:grid;grid-row:span 3;grid-template-rows:subgrid;gap:24px;padding-inline:12px}.ingr__group+.ingr__group{padding-top:0;border-top:0}.ingr__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ingr-card:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 8px)}}@media(min-width:1280px){.ingr__panel,.ingr__top,.ingr__close{margin-inline:calc((100% - min(1296px,100vw - 48px))/2)}.ingr__panel{padding:48px 40px}.ingr__cards{grid-template-columns:repeat(3,minmax(0,1fr))}.ingr-card:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:auto}}.features__act{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.features__act .btn{align-self:center}
/*# sourceMappingURL=/cdn/shop/t/1/assets/noble-ingredients.css.map */