.ingredient-experience{padding:0;display:block;overflow:visible;height:230svh;background:#f4efe5}
.peel-pin{position:sticky;top:0;min-height:650px;height:100svh;max-height:1100px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:3vw;padding:35px 7vw;overflow:hidden}
.experience-copy{z-index:4}.experience-copy h2{font-size:clamp(46px,5vw,76px);margin:20px 0}.experience-copy>p{font-size:16px}.experience-copy .reveal-flavours{margin:20px 0 14px}
.experience-stage{height:100%;max-height:760px;max-width:650px;border-radius:0;background:none;overflow:visible;margin:auto;min-height:0}
.experience-stage:before{content:"";position:absolute;inset:12% 3% 9%;border:1px solid #c8bfa94d;border-radius:50%}
.product-shell{width:min(30vw,370px);bottom:1%;left:50%;z-index:2}
.reveal-product{clip-path:polygon(20.5% 24%,79.5% 24%,79.5% 28%,82% 32%,83% 36%,82% 77%,80% 81%,73% 83%,60% 84.5%,40% 84.5%,27% 83%,20% 81%,18% 77%,17% 36%,18% 32%,20.5% 28%)!important}
.open-surface,.selected-foil{display:none}
.peel-foil{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ingredient-burst{width:100%;height:85%;top:0;opacity:var(--burst,0);transform:translateY(calc((1 - var(--burst,0))*90px)) scale(calc(.72 + var(--burst,0)*.28));transform-origin:50% 75%;transition:none!important}
.stage-caption{bottom:0;font-size:10px;color:#655b4b}
#ingredient-details{margin-top:24px}#ingredient-details h3{font-size:28px}#ingredient-details p{font-size:15px;margin-bottom:14px}
.peel-hint{font-size:11px!important;color:#655b4b;letter-spacing:.4px;margin:15px 0 0!important}
.peel-progress{height:2px;background:#ded5c5;margin-top:18px;max-width:300px}.peel-progress span{display:block;width:100%;height:100%;background:#56613c;transform-origin:left;transform:scaleX(var(--peel,0))}
.reveal-toggle{min-height:48px;min-width:210px}.reveal-flavours button{font-size:11px}
@media(max-width:900px){.peel-pin{padding:25px 5vw;gap:20px;grid-template-columns:1fr 1fr}.experience-copy h2{font-size:48px}.product-shell{width:340px;max-width:120%}.experience-copy>p{font-size:15px}.experience-stage{max-height:650px}.experience-copy .reveal-flavours{gap:5px}.reveal-flavours button{padding:9px 10px}}
@media(max-width:600px){
.ingredient-experience{height:225svh}
.peel-pin{min-height:620px;height:100svh;max-height:none;padding:22px 6vw 18px;display:flex;flex-direction:column;gap:8px}
.experience-copy{display:contents}
.experience-copy>.eyebrow{font-size:8px;order:0;text-align:center}
.experience-copy h2{order:1;text-align:center;font-size:34px;line-height:1;margin:3px 0 4px;letter-spacing:-1px}
.experience-copy h2 br{display:none}
.experience-copy>p:not(.peel-hint){display:none}
.experience-copy .reveal-flavours{order:2;margin:4px 0;justify-content:center;width:100%;gap:8px}
.reveal-flavours button{font-size:10px;min-height:44px;padding:10px 14px}
.experience-stage{order:3;width:100%;flex:1;min-height:240px;max-height:430px}
.product-shell{width:250px;max-width:90%;bottom:-4%}
.ingredient-burst{height:100%;width:100%;top:-8%}
.stage-caption{display:none}
.reveal-toggle{order:4;width:100%;max-width:320px;margin:0;min-height:46px;font-size:13px}
#ingredient-details{order:6;width:100%;text-align:center;margin:0;max-width:360px}
#ingredient-details h3{font-size:23px;margin:0 0 5px}
#ingredient-details p{font-size:12px;line-height:1.4;margin:0}
.protein-line{display:none}
.peel-hint{order:5;text-align:center;margin:2px 0!important;font-size:10px!important}
.peel-progress{display:none}
}
@media(max-width:600px) and (max-height:720px){.peel-pin{padding-top:14px;gap:4px}.experience-copy>.eyebrow{display:none}.experience-copy h2{font-size:30px}.experience-stage{min-height:210px}.product-shell{width:215px}#ingredient-details p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ingredient-experience{height:auto}.peel-pin{position:relative}.ingredient-burst{transform:none}}

@media(max-width:600px){.ingredient-burst{top:0;height:90%}}