.ingredient-experience{display:grid;grid-template-columns:1fr 1.2fr;gap:4vw;align-items:center;background:#f4efe5;overflow:hidden}.experience-copy{position:relative;z-index:4}.experience-copy h2{font-size:clamp(48px,5.5vw,80px)}.experience-copy h2 em{font-weight:400}.experience-copy>p{max-width:360px}.experience-copy .reveal-flavours{justify-content:flex-start;flex-wrap:wrap;margin-top:25px}.reveal-flavours button{min-height:44px}.reveal-toggle{min-width:205px;margin-top:5px}#ingredient-details{margin-top:32px;max-width:360px}#ingredient-details h3{font:500 30px/1.15 "Cormorant Garamond",serif;margin-bottom:12px}#ingredient-details p{font-size:16px}.protein-line{display:block;font-size:12px;letter-spacing:1px;padding-top:15px;border-top:1px solid #302b2233}.experience-stage{position:relative;height:680px;isolation:isolate;max-width:650px;width:100%;margin:auto;border-radius:45% 45% 4px 4px;background:#e9dfca66}.ingredient-burst{position:absolute;width:100%;height:88%;object-fit:contain;left:0;top:-5%;opacity:0;transform:translateY(120px) scale(.5);transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .7s;z-index:1;pointer-events:none}.product-shell{position:absolute;width:350px;aspect-ratio:2/3;bottom:0;left:50%;transform:translateX(-50%);z-index:2}.reveal-product{width:100%;height:100%;object-fit:contain;clip-path:polygon(20.5% 21%,24% 19%,35% 18.2%,50% 18%,65% 18.2%,76% 19%,79.5% 21%,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%)}.open-surface{position:absolute;left:20.5%;top:18%;width:59%;height:7%;border:2px solid #ccc8ba;border-radius:50%;background:#f5eddb;opacity:0}.selected-foil{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:scaleY(.2);transform-origin:50% 22%;transition:transform .6s,opacity .4s}.experience-stage.is-open .ingredient-burst{opacity:1;transform:translateY(0) scale(1)}.experience-stage.is-open .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%)}.experience-stage.is-open .open-surface,.experience-stage.is-open .selected-foil{opacity:1}.experience-stage.is-open .selected-foil{transform:scaleY(1)}[data-product=berry] .open-surface{background:#f0d4de}[data-product=apple] .open-surface{background:#e7e9cf}.stage-caption{position:absolute;bottom:15px;width:100%;text-align:center;font-size:9px;letter-spacing:2px}.range-info h3{min-height:0}.range-info>span{font-size:10px}.range-info p{font-size:15px}.range-info button{font-size:12px}.hero-copy .button{font-size:14px}
@media(max-width:900px){.ingredient-experience{grid-template-columns:1fr;gap:30px}.experience-copy>p,#ingredient-details{max-width:580px}.experience-stage{height:620px;max-width:580px}.experience-copy h2{font-size:64px}.experience-copy h2 br{display:none}}
@media(max-width:600px){.ingredient-experience{padding:55px 7vw;gap:18px}.experience-copy h2{font-size:46px;line-height:1.05}.experience-stage{height:480px;max-width:100%}.product-shell{width:290px;bottom:0}.ingredient-burst{height:85%;top:-6%}.reveal-toggle{width:100%}#ingredient-details{margin-top:25px}#ingredient-details h3{font-size:28px}.stage-caption{font-size:8px;bottom:10px}.range-info h3{font-size:24px}.range-info>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ingredient-burst,.selected-foil{transition:none;animation:none}}