.anatomy{--ink: var(--color-stage-ink);--soft: rgba(242, 236, 229, .74);--faint: rgba(242, 236, 229, .5);--gold: var(--color-gold-on-dark);--rule: rgba(201, 160, 106, .3);--ease: var(--motion-ease);position:relative;color:var(--ink)}.anatomy__stage{display:grid;grid-template-areas:"intro" "scene" "made" "brings" "end";gap:clamp(2rem,1.5rem + 2vw,3.5rem);width:min(calc(var(--page-width) - var(--page-margin) * 2),calc(100% - var(--page-margin) * 2));margin-inline:auto;padding-block:clamp(4rem,3rem + 4vw,7rem)}.anatomy__copy{display:contents}.anatomy__chapter--intro{grid-area:intro}.anatomy__chapter--made{grid-area:made}.anatomy__chapter--brings{grid-area:brings}.anatomy__chapter--end{grid-area:end}.anatomy__scene{grid-area:scene;position:relative;isolation:isolate}.anatomy__scene:before{content:"";position:absolute;top:5%;right:10%;bottom:-5%;left:10%;z-index:-1;background:radial-gradient(closest-side,#c9a06a33,#c9a06a00);pointer-events:none}.anatomy__poster{display:block;width:min(100%,56rem);height:auto;margin-inline:auto;-webkit-mask-image:linear-gradient(90deg,transparent 1%,#000 3%),linear-gradient(180deg,#000 88%,transparent 98%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 1%,#000 3%),linear-gradient(180deg,#000 88%,transparent 98%);mask-composite:intersect}.anatomy__video{aspect-ratio:16 / 9;object-fit:cover;border-radius:6px}.anatomy__lines,.anatomy__pin,.anatomy__index,.anatomy__hint{display:none}.anatomy__title{font-size:clamp(2.5rem,1.6rem + 3.6vw,4.75rem);font-weight:var(--font-weight-heading);line-height:.98;letter-spacing:-.035em;color:var(--ink)}.anatomy__chapter--intro{display:flex;flex-direction:column;gap:.875rem}.anatomy__chapter--intro .eyebrow{color:var(--gold)}.anatomy__title--chapter{margin-bottom:1.75rem;font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem)}.anatomy__end-title{padding-bottom:.14em;line-height:1.04;color:var(--gold);background:linear-gradient(var(--color-gold-on-dark),var(--color-gold-on-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.anatomy__fine{font-size:.75rem;color:var(--faint)}.anatomy__ingredients{display:grid;gap:1.25rem;margin:0;padding:0;list-style:none}.anatomy__ingredient{display:flex;align-items:center;gap:1rem}.anatomy__loupe{flex:none;width:6.5rem;aspect-ratio:1;border-radius:50%;background-repeat:no-repeat;box-shadow:0 0 0 1px #e6c9958c,0 0 0 6px #e6c99514,0 18px 36px -18px #000c}.anatomy__loupe--cocoa{background-image:url(oro-ingredient-cocoa.webp)}.anatomy__loupe--salt{background-image:url(oro-ingredient-salt.webp)}.anatomy__loupe--crisp{background-image:url(oro-ingredient-puffs.webp)}.anatomy__loupe--peanut{background-image:url(oro-ingredient-peanuts.webp)}.anatomy__loupe--butter{background-image:url(oro-ingredient-butter.webp)}.anatomy__loupe{background-size:cover;background-position:center}.anatomy__ingredient-text{display:flex;flex-direction:column;gap:.125rem}.anatomy__ingredient-name{display:flex;align-items:baseline;gap:.5rem;font-size:1.0625rem;font-weight:var(--font-weight-medium);color:var(--ink)}.anatomy__ingredient-number{font-family:var(--font-label--family);font-size:var(--text-micro);letter-spacing:.08em;color:var(--gold)}.anatomy__ingredient-note{font-size:var(--text-caption);line-height:1.45;color:var(--soft)}.anatomy__made-note{margin-top:1.25rem}.anatomy__facts{display:grid;gap:2.5rem 2rem;margin:0;padding:0;list-style:none}.anatomy__fact{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:1.25rem;border-top:1px solid var(--rule)}.anatomy__fact-label{display:flex;align-items:center;gap:.75rem;font-family:var(--font-label--family);font-size:var(--text-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.anatomy__fact-index{opacity:.85}.anatomy__fact-body{display:flex;flex-direction:column;gap:.5rem}.anatomy__fact-name{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--ink)}.anatomy__dose{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .875rem;margin:0}.anatomy__figure{display:inline-block;margin:.125rem 0 0;font-size:clamp(3.5rem,2.4rem + 4vw,5.5rem);font-weight:var(--font-weight-light);line-height:.92;color:var(--ink)}.anatomy__figure small,.anatomy__summary-value small{margin-left:.12em;font-size:max(.36em,.75rem);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.anatomy__fact-detail{font-family:var(--font-label--family);font-size:var(--text-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}.anatomy__fact-line{margin-top:.25rem;font-size:clamp(1.375rem,1.15rem + .8vw,1.875rem);line-height:1.12;letter-spacing:-.02em;color:var(--ink)}.anatomy__fact-source{max-width:26rem;font-size:var(--text-caption);line-height:1.5;color:var(--soft)}.anatomy__why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;max-width:28rem;margin:.5rem 0 0;padding-top:.875rem;border-top:1px solid var(--rule)}.anatomy__why-item{position:relative;display:flex;flex-direction:column;gap:.3rem}.anatomy__why dt{font-family:var(--font-label--family);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.anatomy__why dd{margin:0;font-size:var(--text-caption);line-height:1.45;color:var(--soft)}.anatomy__why-item--fix dt{color:var(--gold)}.anatomy__why-item--fix dd{color:var(--ink)}.anatomy__why-item--fix:before{content:"\2192";position:absolute;top:-.1rem;left:-1.1rem;font-size:.75rem;color:var(--gold)}.anatomy__pair{display:grid;gap:1.75rem;margin-top:.5rem}.anatomy__pair .anatomy__figure{font-size:clamp(2.75rem,2rem + 2.6vw,4rem)}.anatomy__pair .anatomy__fact-line{margin-top:0;font-size:clamp(1.125rem,1rem + .5vw,1.375rem)}@media screen and (min-width:990px){.anatomy:not(.is-live) .anatomy__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}.anatomy__claim{max-width:26rem;padding-left:.75rem;border-left:1px solid var(--gold);font-size:var(--text-caption);color:var(--soft)}.anatomy__chapter--end{display:flex;flex-direction:column;gap:1.5rem}.anatomy__summary{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:1rem 2.5rem;margin:0;padding:0;list-style:none}.anatomy__summary li{display:flex;flex-direction:column;gap:.25rem}.anatomy__summary-value{font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);color:var(--ink)}.anatomy__summary-label{font-family:var(--font-label--family);font-size:var(--text-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}.anatomy__end-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem}.anatomy__link{display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;color:var(--ink);text-decoration:underline;text-decoration-color:#f2ece559;text-underline-offset:.25em;pointer-events:auto}.anatomy__link:hover{text-decoration-color:currentColor}.anatomy__link .icon{width:1rem;height:1rem}@media screen and (min-width:750px){.anatomy__ingredients{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.75rem 2rem}.anatomy__ingredient{flex-direction:column;align-items:flex-start}.anatomy__ingredient:not(:has(.anatomy__loupe)){padding-top:6.5rem}.anatomy__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.anatomy__summary{grid-template-columns:repeat(4,minmax(0,max-content))}}.anatomy.is-live{height:480svh}.anatomy.anatomy--short.is-live{height:330svh}.is-live .anatomy__stage{position:sticky;top:var(--header-height, 4rem);display:block;width:100%;height:calc(100svh - var(--header-height, 4rem));padding:0;overflow:hidden}.is-live .anatomy__scene{position:absolute;top:0;right:0;bottom:0;left:0}.is-live .anatomy__scene:before{top:10%;right:8%;bottom:10%;left:8%}.is-live .anatomy__poster{position:absolute;top:50%;left:50%;width:min(62%,60rem);transform:translate(-50%,-50%);transition:opacity .8s var(--motion-ease)}.is-gl .anatomy__poster{opacity:0}.anatomy__gl{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;opacity:0;transition:opacity .9s var(--motion-ease)}.is-gl .anatomy__gl{opacity:1}.is-live .anatomy__lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.anatomy__lines path{fill:none;stroke:var(--gold);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;opacity:.85;transition:stroke-dashoffset .9s var(--ease)}.anatomy__lines path.is-on{stroke-dashoffset:0}.is-live .anatomy__pin{position:absolute;top:0;left:0;z-index:3;display:block;width:0;height:0;opacity:0;transition:opacity .4s var(--motion-ease);pointer-events:none}.is-live .anatomy__pin.is-on{opacity:1}.anatomy__pin:before,.anatomy__pin:after{content:"";position:absolute;top:0;left:0;border-radius:50%;transform:translate(-50%,-50%)}.anatomy__pin:before{width:.5625rem;height:.5625rem;background-color:var(--gold);box-shadow:0 0 0 3px #2b211b8c}.anatomy__pin:after{width:1.75rem;height:1.75rem;border:1px solid rgba(230,201,149,.55)}.anatomy__pin-number{display:none}.anatomy__ring{position:absolute;top:0;left:0;width:5.5rem;max-width:none;height:5.5rem;transform:translate(-50%,-50%) rotate(-90deg);overflow:visible}.anatomy__ring circle{fill:#1e161180;stroke:#e6c99552;stroke-width:1.5}.anatomy__ring .anatomy__ring-value{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:100;transition:stroke-dashoffset var(--moment-duration) var(--ease) .16s}.anatomy__pin.is-on .anatomy__ring-value{stroke-dashoffset:calc(100 - var(--percent))}.anatomy__ring-label{position:absolute;top:0;left:3.5rem;padding:.25rem .5rem;border-radius:999px;background-color:#1e1611b8;font-family:var(--font-label--family);font-size:.75rem;letter-spacing:.08em;white-space:nowrap;color:var(--gold);transform:translateY(-50%)}.is-live:not(.is-gl) .anatomy__pin,.is-live:not(.is-gl) .anatomy__lines{display:none}@media screen and (min-width:990px){.is-live:not(.is-gl) .anatomy__ingredients{position:absolute;bottom:clamp(4rem,10svh,6rem);left:max(var(--page-margin),calc((100% - var(--page-width)) / 2 + var(--page-margin)));display:flex;gap:2rem}.is-live:not(.is-gl) .anatomy__ingredient{position:relative;flex-direction:column;align-items:flex-start;width:11rem;text-align:left;transform:none!important}}.is-live .anatomy__copy{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.is-live .anatomy__chapter{position:static}.is-live .anatomy__chapter--intro,.is-live .anatomy__title--chapter,.is-live .anatomy__end-title{position:absolute;top:clamp(1.75rem,5svh,3.5rem);left:max(var(--page-margin),calc((100% - var(--page-width)) / 2 + var(--page-margin)));max-width:34rem;margin:0;opacity:0;transform:translateY(1rem);transition:opacity .6s var(--motion-ease),transform .8s var(--ease)}.is-live.is-intro .anatomy__chapter--intro,.is-live.is-made .anatomy__chapter--made .anatomy__title--chapter,.is-live.is-brings .anatomy__chapter--brings .anatomy__title--chapter,.is-live.is-end .anatomy__end-title{opacity:1;transform:none}.is-live .anatomy__hint{display:block;margin-top:.5rem;font-size:var(--text-lead);color:var(--soft);transition:opacity .4s var(--motion-ease)}.is-live:not([data-step="0"]) .anatomy__hint{opacity:0}.is-live .anatomy__ingredients{display:block}.is-live .anatomy__ingredient{position:absolute;top:0;left:0;width:15rem;opacity:0;transition:opacity .5s var(--motion-ease);will-change:transform}.is-live .anatomy__ingredient--left{flex-direction:row-reverse;text-align:right}.is-live .anatomy__ingredient--left .anatomy__ingredient-name{justify-content:flex-end}.is-live .anatomy__ingredient--below,.is-live .anatomy__ingredient--above{flex-direction:column;align-items:center;text-align:center}.is-live .anatomy__ingredient--above{flex-direction:column-reverse}.is-live .anatomy__ingredient--below .anatomy__ingredient-name,.is-live .anatomy__ingredient--above .anatomy__ingredient-name{justify-content:center}.is-live .anatomy__ingredient .anatomy__loupe{transform:scale(.6);transition:transform .8s var(--ease)}.is-live.is-made .anatomy__ingredient{opacity:1}.is-live.is-made .anatomy__ingredient .anatomy__loupe{transform:none}.is-live.is-made .anatomy__ingredient:nth-child(2){transition-delay:.04s}.is-live.is-made .anatomy__ingredient:nth-child(3){transition-delay:.08s}.is-live.is-made .anatomy__ingredient:nth-child(4){transition-delay:.12s}.is-live.is-made .anatomy__ingredient:nth-child(5){transition-delay:.16s}.is-live .anatomy__made-note{position:absolute;bottom:clamp(1.5rem,4svh,2.5rem);left:max(var(--page-margin),calc((100% - var(--page-width)) / 2 + var(--page-margin)));margin:0;opacity:0;transition:opacity .5s var(--motion-ease)}.is-live.is-made .anatomy__made-note{opacity:1}.is-live .anatomy__facts{display:block}.is-live .anatomy__fact{position:absolute;top:54%;left:max(var(--page-margin),calc((100% - var(--page-width)) / 2 + var(--page-margin)));width:min(27rem,34vw);padding-top:0;border-top:0;opacity:0;transform:translateY(calc(-50% + 1.5rem));transition:opacity .5s var(--motion-ease),transform .8s var(--ease)}.is-live .anatomy__fact.is-active{opacity:1;transform:translateY(-50%);transition-delay:.1s}@media screen and (min-width:990px){.is-live .anatomy__fact--pair{width:min(36rem,42vw)}.is-live .anatomy__pair .anatomy__fact-body{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:.375rem 1.5rem;align-items:start}.is-live .anatomy__pair .anatomy__fact-name{grid-area:1 / 1}.is-live .anatomy__pair .anatomy__dose{grid-area:2 / 1 / span 2;flex-direction:column;gap:.375rem}.is-live .anatomy__pair .anatomy__fact-line{grid-area:1 / 2}.is-live .anatomy__pair .anatomy__fact-source{grid-area:2 / 2}.is-live .anatomy__pair .anatomy__why{grid-area:3 / 2;margin-top:.25rem}}.is-live .anatomy__fact .anatomy__figure{clip-path:inset(100% 0 0 0);transition:clip-path .9s var(--ease) .15s}.is-live .anatomy__fact.is-active .anatomy__figure{clip-path:inset(-10% 0 -10% 0)}.is-live .anatomy__summary,.is-live .anatomy__end-actions{position:absolute;left:max(var(--page-margin),calc((100% - var(--page-width)) / 2 + var(--page-margin)));opacity:0;transform:translateY(1rem);transition:opacity .6s var(--motion-ease),transform .8s var(--ease)}.is-live .anatomy__summary{bottom:clamp(5.5rem,13svh,8rem);grid-template-columns:repeat(4,max-content);gap:0 clamp(1.5rem,3vw,3rem)}.is-live .anatomy__end-actions{bottom:clamp(1.5rem,4svh,2.5rem)}.is-live.is-end .anatomy__summary,.is-live.is-end .anatomy__end-actions{opacity:1;transform:none}.is-live.is-end .anatomy__summary li:nth-child(2){transition-delay:.06s}.is-live .anatomy__index{position:absolute;right:max(var(--page-margin),calc((100% - var(--page-width)) / 2 + var(--page-margin)));bottom:clamp(1rem,3svh,2rem);display:block;opacity:0;transition:opacity .6s var(--motion-ease);pointer-events:auto}.is-live:not([data-step="0"]) .anatomy__index{opacity:1}.anatomy__index ol{display:flex;gap:.25rem;margin:0;padding:0;list-style:none}.anatomy__index-item{position:relative;display:flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .75rem;border:0;background:none;font:inherit;font-size:.875rem;color:var(--faint);cursor:pointer;transition:color .3s var(--motion-ease)}.anatomy__index-number{font-family:var(--font-label--family);font-size:var(--text-micro);letter-spacing:.1em;color:var(--gold);opacity:.6}.anatomy__index-item:after{content:"";position:absolute;right:.75rem;bottom:.375rem;left:.75rem;height:1px;background-color:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.anatomy__index-item.is-done{color:var(--soft)}.anatomy__index-item.is-active{color:var(--ink)}.anatomy__index-item.is-active:after{transform:none}.anatomy__index-item:focus-visible{outline:2px solid var(--focus-color, var(--color-gold-focus));outline-offset:2px}@media(hover:hover){.anatomy__index-item:hover{color:var(--ink)}}@media screen and (max-width:989px){.anatomy.is-live{--scene-top: 6rem;--scene-height: 30svh;--panel-top: calc(var(--scene-top) + var(--scene-height) + 3.5rem);height:440svh}.anatomy.anatomy--short.is-live{height:310svh}.is-live .anatomy__scene{top:var(--scene-top);bottom:auto;height:var(--scene-height)}.is-live .anatomy__poster{width:92%}.is-live .anatomy__chapter--intro,.is-live .anatomy__title--chapter,.is-live .anatomy__end-title{top:1.25rem;right:var(--page-margin);font-size:clamp(1.875rem,1.3rem + 3vw,2.5rem)}.is-live .anatomy__chapter--intro .anatomy__title{font-size:clamp(1.875rem,1.3rem + 3vw,2.5rem)}.is-live .anatomy__hint{font-size:var(--text-body)}.anatomy__pin--ingredient .anatomy__pin-number{position:absolute;top:0;left:0;display:grid;place-items:center;width:1.375rem;height:1.375rem;border-radius:50%;background-color:var(--gold);font-family:var(--font-label--family);font-size:var(--text-micro);color:var(--flavor-color-deep);transform:translate(-50%,-50%)}.anatomy__pin--ingredient:before,.anatomy__pin--ingredient:after{display:none}.is-live .anatomy__ingredients{position:absolute;top:var(--panel-top);right:var(--page-margin);left:var(--page-margin);display:grid;gap:.625rem}.is-live .anatomy__ingredient,.is-live .anatomy__ingredient--left,.is-live .anatomy__ingredient--above,.is-live .anatomy__ingredient--below{position:relative;padding-top:0;flex-direction:row;align-items:center;width:auto;text-align:left;transform:none!important}.is-live .anatomy__ingredient .anatomy__ingredient-name{justify-content:flex-start;font-size:.9375rem}.is-live .anatomy__ingredient-note{font-size:.75rem}.is-live .anatomy__loupe{width:2.5rem}.is-live .anatomy__ingredient:not(:has(.anatomy__loupe)) .anatomy__ingredient-text{padding-left:3.5rem}.is-live .anatomy__made-note{display:none}.is-live .anatomy__fact{top:var(--panel-top);right:var(--page-margin);left:var(--page-margin);width:auto;gap:.375rem;transform:translateY(1.25rem)}.is-live .anatomy__fact.is-active{transform:none}.is-live .anatomy__figure{font-size:3.25rem}.is-live .anatomy__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.25rem}.is-live .anatomy__pair .anatomy__figure{font-size:2.25rem}.is-live .anatomy__pair .anatomy__fact-source,.is-live .anatomy__pair .anatomy__fact-detail{display:none}.is-live .anatomy__pair .anatomy__fact-body{gap:.375rem}.is-live .anatomy__pair .anatomy__why{grid-template-columns:1fr;gap:.375rem;margin-top:0;padding-top:.5rem}.is-live .anatomy__pair .anatomy__why dd{font-size:.75rem;line-height:1.35}.is-live .anatomy__fact--pair .anatomy__claim{margin-top:.25rem;font-size:.75rem}.is-live .anatomy__pair .anatomy__why-item--fix:before{display:none}.is-live .anatomy__fact-line{margin-top:.125rem;font-size:1.25rem}.is-live .anatomy__pair .anatomy__fact-line{font-size:1rem}.is-live .anatomy__fact-body{gap:.375rem}.is-live .anatomy__why{gap:1.25rem;margin-top:.25rem;padding-top:.625rem}.is-live .anatomy__fact-source,.is-live .anatomy__claim{font-size:var(--text-caption)}.is-live .anatomy__summary{top:var(--panel-top);bottom:auto;gap:0 1.25rem}.is-live .anatomy__summary-value{font-size:1.5rem}.is-live .anatomy__summary-label{font-size:.75rem}.is-live .anatomy__end-actions{top:calc(var(--panel-top) + 5rem);bottom:auto}.is-live .anatomy__ring{width:4.25rem;height:4.25rem}.is-live .anatomy__ring-label{top:2.75rem;left:0;transform:translate(-50%)}.is-live .anatomy__index{top:calc(var(--scene-top) + var(--scene-height) + .5rem);right:0;bottom:auto;left:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.is-live .anatomy__index::-webkit-scrollbar{display:none}.anatomy__index ol{width:max-content;padding-inline:var(--page-margin)}.anatomy__index-item{padding:0 .625rem;font-size:.8125rem}}@media screen and (max-width:989px)and (max-height:760px){.anatomy.is-live{--scene-top: 5.25rem;--scene-height: 27svh;--panel-top: calc(var(--scene-top) + var(--scene-height) + 3.25rem)}.is-live .anatomy__chapter--intro,.is-live .anatomy__title--chapter,.is-live .anatomy__end-title,.is-live .anatomy__chapter--intro .anatomy__title{top:.875rem;font-size:1.625rem}.is-live .anatomy__chapter--intro .eyebrow{display:none}.is-live .anatomy__ingredients{gap:.375rem}.is-live .anatomy__ingredient-note,.is-live .anatomy__fact-source{display:none}.is-live .anatomy__why dd{font-size:.75rem}.is-live .anatomy__loupe{width:2.125rem}.is-live .anatomy__figure{font-size:2.75rem}.is-live .anatomy__pair .anatomy__figure{font-size:2.25rem}.is-live .anatomy__fact-line{font-size:1rem}}@media(prefers-reduced-motion:reduce){.anatomy *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-bar-anatomy.css.map */