.ingredient-globe{position:relative;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding-top:clamp(2.5rem,6vw,4rem);padding-bottom:var(--section-y)}.ingredient-globe .section-head{margin-bottom:clamp(1rem,2.5vw,1.75rem)}.ingredient-globe__starfield{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block}.ingredient-globe .container{position:relative;z-index:1}.ingredient-globe__stage{position:relative;width:min(100%,640px);aspect-ratio:1 / 1;margin:0 auto;touch-action:none;border-radius:50%;background:radial-gradient(60% 60% at 50% 45%,rgba(201,161,94,.14),transparent 70%),radial-gradient(90% 70% at 50% 100%,rgba(138,106,62,.1),transparent 65%)}.ingredient-globe__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ingredient-globe__buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:1rem;padding:1.5rem;position:relative;z-index:2}.ingredient-globe__stage.is-3d .ingredient-globe__buttons{display:block;position:absolute;top:0;right:0;bottom:0;left:0;padding:0}.ingredient-globe__btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:none;border:none;padding:0;font-family:var(--font-sans);font-weight:600;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sand);transition:color .2s,transform .2s var(--ease-spring)}@keyframes ingredient-globe-bob{0%,to{transform:translate(-50%,-50%) scale(var(--globe-scale, 1)) translateY(0)}50%{transform:translate(-50%,-50%) scale(var(--globe-scale, 1)) translateY(-10px)}}.ingredient-globe__stage.is-3d .ingredient-globe__btn{position:absolute;top:0;left:0;transform:translate(-50%,-50%) scale(var(--globe-scale, 1));opacity:var(--globe-opacity, 1);will-change:transform,opacity;animation:ingredient-globe-bob var(--bob-duration, 3.4s) ease-in-out infinite;animation-delay:var(--bob-delay, 0s)}.ingredient-globe__btn:hover,.ingredient-globe__btn:focus-visible{color:var(--gold-lite)}.ingredient-globe__btn:hover .ingredient-globe__btn-image,.ingredient-globe__btn:focus-visible .ingredient-globe__btn-image,.ingredient-globe__btn:hover img,.ingredient-globe__btn:focus-visible img{border-color:var(--gold-lite);box-shadow:0 0 0 4px #c9a15e38,0 0 34px 10px #c9a15e61}.ingredient-globe__btn img,.ingredient-globe__placeholder{width:74px;height:74px;border-radius:50%;object-fit:cover;border:2px solid rgba(201,161,94,.55);background:var(--card);box-shadow:0 0 16px 3px #c9a15e59,0 0 38px 8px #c9a15e24;transition:border-color .2s,box-shadow .2s}.ingredient-globe__btn-name{white-space:nowrap}.ingredient-globe__rotate{display:none;position:absolute;top:50%;transform:translateY(-50%);width:3.4rem;height:3.4rem;border-radius:50%;background:none;border:none;padding:0;clip-path:circle(50%)}.ingredient-globe__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(201,161,94,.38);box-shadow:0 0 14px 2px #c9a15e24;transition:border-color .25s,box-shadow .25s}.ingredient-globe__rotate:hover .ingredient-globe__ring,.ingredient-globe__rotate:focus-visible .ingredient-globe__ring,.ingredient-globe__rotate.is-engaged .ingredient-globe__ring{border-color:var(--gold-lite);box-shadow:0 0 26px 7px #c9a15e61}.ingredient-globe__orbit{position:absolute;top:0;right:0;bottom:0;left:0;animation:ingredient-globe-orbit-ccw 7s linear infinite}.ingredient-globe__rotate--right .ingredient-globe__orbit{animation-name:ingredient-globe-orbit-cw}.ingredient-globe__rotate:hover .ingredient-globe__orbit,.ingredient-globe__rotate:focus-visible .ingredient-globe__orbit,.ingredient-globe__rotate.is-engaged .ingredient-globe__orbit{animation-duration:.85s}.ingredient-globe__orbit-dot{position:absolute;top:-3px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 8px 3px #f5e7c3d9,0 0 18px 6px #c9a15e80;transition:box-shadow .25s}.ingredient-globe__rotate:hover .ingredient-globe__orbit-dot,.ingredient-globe__rotate:focus-visible .ingredient-globe__orbit-dot,.ingredient-globe__rotate.is-engaged .ingredient-globe__orbit-dot{box-shadow:0 0 10px 4px #f5e7c3,0 0 26px 9px #c9a15eb3}.ingredient-globe__arrow{position:absolute;top:50%;left:50%;width:17px;height:17px;transform:translate(-50%,-50%);opacity:.55;transition:opacity .25s}.ingredient-globe__rotate:hover .ingredient-globe__arrow,.ingredient-globe__rotate:focus-visible .ingredient-globe__arrow,.ingredient-globe__rotate.is-engaged .ingredient-globe__arrow{opacity:.95}@keyframes ingredient-globe-orbit-ccw{to{transform:rotate(-360deg)}}@keyframes ingredient-globe-orbit-cw{to{transform:rotate(360deg)}}.ingredient-globe__rotate--left{left:-1.2rem}.ingredient-globe__rotate--right{right:-1.2rem}@media(min-width:900px){.ingredient-globe__stage.is-3d .ingredient-globe__rotate{display:flex}}.ingredient-globe__panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:1.5rem}.ingredient-globe__panel[hidden]{display:none}.ingredient-globe__panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#060609c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ingredient-globe__panel-card{position:relative;z-index:1;max-width:24rem;width:100%;background:linear-gradient(160deg,var(--card-2),var(--card));border:1px solid var(--gold);border-radius:var(--radius);padding:2rem 1.75rem 1.75rem;text-align:center;box-shadow:0 30px 70px -20px #000000e6;animation:globe-panel-in .3s var(--ease-spring)}@keyframes globe-panel-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.ingredient-globe__panel-close{position:absolute;top:.6rem;right:.6rem;width:2.2rem;height:2.2rem;display:grid;place-items:center;border:none;background:none;color:var(--sand);font-size:1.4rem;border-radius:50%;transition:color .2s,background .2s}.ingredient-globe__panel-close:hover{color:var(--gold-lite);background:#c9a15e1a}.ingredient-globe__panel-media{width:120px;height:120px;margin:0 auto 1.2rem}.ingredient-globe__panel-media img,.ingredient-globe__panel-media .ingredient-globe__placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}.ingredient-globe__panel-name{margin:0 0 .7rem;font-family:var(--font-serif);font-weight:700;font-size:1.6rem}.ingredient-globe__panel-blurb{margin:0;color:var(--cream);font-size:.96rem;line-height:1.55}@media(max-width:520px){.ingredient-globe__stage{width:min(100%,340px)}.ingredient-globe__btn img,.ingredient-globe__placeholder{width:56px;height:56px}.ingredient-globe__btn-name{font-size:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ingredient-globe.css.map */