.ingredient-orbit{background:linear-gradient(180deg,#faf8f7,#f5ede8);overflow:hidden}.ingredient-orbit__container{max-width:var(--page-width);margin:0 auto;padding:0 24px}.ingredient-orbit__intro{max-width:560px;margin:0 auto 3rem;text-align:center}.ingredient-orbit__eyebrow{margin:0 0 .8rem;font-family:DejaVu Sans,sans-serif;font-weight:600;font-size:11px;letter-spacing:.1em;color:#8b6f73}.ingredient-orbit__heading{margin:0 0 1rem;font-family:Sharpe,DejaVu Sans,sans-serif;font-weight:700;font-size:28px;line-height:1.2;color:#2b2e3a}@media screen and (min-width:750px){.ingredient-orbit__heading{font-size:38px}}.ingredient-orbit__subtext{margin:0;font-family:DejaVu Sans,sans-serif;font-size:15px;line-height:1.7;color:#6b6b6b}.ingredient-orbit__stage{--orbit-radius: 190px;--node-size: 128px;position:relative;width:100%;max-width:560px;aspect-ratio:1 / 1;margin:0 auto}@media screen and (min-width:750px){.ingredient-orbit__stage{--orbit-radius: 240px;--node-size: 140px;max-width:680px}}@media screen and (max-width:420px){.ingredient-orbit__stage{--orbit-radius: 140px;--node-size: 104px}}.ingredient-orbit__ring{position:absolute;top:50%;left:50%;width:calc(var(--orbit-radius) * 2);height:calc(var(--orbit-radius) * 2);transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(139,111,115,.22)}.ingredient-orbit__parallax{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.ingredient-orbit__spokes{position:absolute;top:0;right:0;bottom:0;left:0}.ingredient-orbit__spoke{position:absolute;top:50%;left:50%;width:var(--orbit-radius);height:1px;transform-origin:left center;transform:rotate(var(--angle)) scaleX(0);background:linear-gradient(to right,#8b6f738c,#8b6f7300);opacity:.7;transition:transform .9s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0s),opacity .4s ease}.ingredient-orbit__stage.is-visible .ingredient-orbit__spoke{transform:rotate(var(--angle)) scaleX(1)}.ingredient-orbit__stage.has-active .ingredient-orbit__spoke:not(.is-active){opacity:.12}.ingredient-orbit__spoke.is-active{opacity:1;height:2px;background:linear-gradient(to right,#8b6f73,#8b6f7300)}.ingredient-orbit__core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);display:flex;flex-direction:column;align-items:center;gap:.9rem;width:46%;opacity:0;transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1);z-index:2}.ingredient-orbit__stage.is-visible .ingredient-orbit__core{opacity:1;transform:translate(-50%,-50%) scale(1)}.ingredient-orbit__core-glow{position:absolute;top:50%;left:50%;width:220%;height:220%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#f0dcd8,#f0dcd800 68%);z-index:-1;animation:orbit-breathe 6s ease-in-out infinite}.ingredient-orbit__core-image{position:relative;width:100%;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center}.ingredient-orbit__core-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(139,111,115,.18))}.ingredient-orbit__core-placeholder{width:70%;aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid #f0dcd8;display:flex;align-items:center;justify-content:center}.ingredient-orbit__core-label{margin:0;font-family:DejaVu Sans,sans-serif;font-size:12px;color:#6b6b6b;text-align:center;white-space:nowrap}.ingredient-orbit__core-count{font-family:Sharpe,DejaVu Sans,sans-serif;font-weight:700;font-size:18px;color:#2b2e3a;margin-right:.3rem}.ingredient-orbit__nodes{position:absolute;top:0;right:0;bottom:0;left:0}.ingredient-orbit__node{position:absolute;top:50%;left:50%;width:var(--node-size);height:0;transform:rotate(var(--angle)) translate(var(--radius)) rotate(calc(var(--angle) * -1));margin-left:calc(var(--node-size) / -2);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .7s ease var(--reveal-delay, 0s);z-index:3}.ingredient-orbit__stage.is-visible .ingredient-orbit__node{opacity:1;animation:orbit-float var(--float-dur) var(--float-delay) ease-in-out infinite}.ingredient-orbit__stage.has-active .ingredient-orbit__node:not(.is-active){opacity:.32}@keyframes orbit-float{0%,to{transform:rotate(var(--angle)) translate(var(--radius)) rotate(calc(var(--angle) * -1)) translateY(0)}50%{transform:rotate(var(--angle)) translate(var(--radius)) rotate(calc(var(--angle) * -1)) translateY(-8px)}}.ingredient-orbit__chip{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:var(--node-size);padding:1rem .6rem;background:#ffffffe6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(240,220,216,.8);border-radius:20px;box-shadow:0 6px 20px #8b6f731a;cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .3s ease}.ingredient-orbit__chip:hover{transform:scale(1.05);box-shadow:0 10px 28px #8b6f7329}.ingredient-orbit__chip:focus-visible{outline:2px solid #8B6F73;outline-offset:3px}.ingredient-orbit__node.is-active .ingredient-orbit__chip{transform:scale(1.1);border-color:#8b6f73;background:#fff;box-shadow:0 14px 34px #8b6f7338}.ingredient-orbit__chip-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f5e4e1,#f0dcd8);color:#8b6f73;display:flex;align-items:center;justify-content:center}.ingredient-orbit__chip-title{font-family:Sharpe,DejaVu Sans,sans-serif;font-weight:700;font-size:12px;line-height:1.3;color:#2b2e3a;text-align:center}.ingredient-orbit__spotlight{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}.ingredient-orbit__spotlight-backdrop{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:50%;background:#faf8f7e0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .4s ease}.ingredient-orbit__stage.has-active .ingredient-orbit__spotlight-backdrop{opacity:1;pointer-events:auto}.ingredient-orbit__panel{position:absolute;width:min(88%,300px);padding:1.6rem 1.6rem 1.4rem;background:#fff;border:1px solid #f0dcd8;border-radius:24px;box-shadow:0 20px 50px #8b6f7333;opacity:0;transform:scale(.92);visibility:hidden;pointer-events:none;transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1),visibility 0s linear .35s}.ingredient-orbit__panel.is-active{opacity:1;transform:scale(1);visibility:visible;pointer-events:auto;transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}.ingredient-orbit__panel-close{position:absolute;top:.9rem;right:.9rem;width:26px;height:26px;border-radius:50%;border:none;background:#f5ede8;color:#8b6f73;display:flex;align-items:center;justify-content:center;cursor:pointer}.ingredient-orbit__panel-close:focus-visible{outline:2px solid #8B6F73;outline-offset:2px}.ingredient-orbit__panel-title{margin:0 1.6rem 1rem 0;font-family:Sharpe,DejaVu Sans,sans-serif;font-weight:700;font-size:17px;color:#2b2e3a}.ingredient-orbit__panel-lines{display:flex;flex-direction:column}.ingredient-orbit__panel-line{display:flex;align-items:baseline;gap:.6rem;padding:.4rem 0;border-bottom:1px solid #f5ede8}.ingredient-orbit__panel-line:last-child{border-bottom:none}.ingredient-orbit__panel-line span:first-child{flex-shrink:0;font-family:DejaVu Sans,sans-serif;font-size:13px;color:#4a4a4a}.ingredient-orbit__panel-fill{flex:1;border-bottom:1px dotted #c9b3ae;transform:translateY(-3px)}.ingredient-orbit__panel-amount{flex-shrink:0;font-family:DejaVu Sans,sans-serif;font-weight:600;font-size:12px;color:#8b6f73}@keyframes orbit-breathe{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}@media(prefers-reduced-motion:reduce){.ingredient-orbit__node,.ingredient-orbit__spoke,.ingredient-orbit__core,.ingredient-orbit__core-glow,.ingredient-orbit__panel{animation:none!important;transition-duration:.01s!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ingredient-infographic.css.map */