.flavor-story{height:370svh;position:relative;background:#edb7ac;color:#35174d}.motion-stage{--stage:#edb7ac;position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate;background:var(--stage);color:#35174d}.stage-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 5%,#fff6,transparent 60%),radial-gradient(ellipse at 85% 100%,#7f79d240,transparent 65%)}.motion-top{position:absolute;left:4%;right:4%;top:24px;display:flex;justify-content:space-between;gap:20px;z-index:200;font-size:9px;letter-spacing:1.5px}.motion-top a{font-size:10px;letter-spacing:0;text-decoration:none;border-bottom:1px solid;padding-bottom:4px}.flavor-word{position:absolute;left:4%;right:4%;top:8%;text-align:center;color:#fff9ed;font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:800;font-size:clamp(80px,12.8vw,205px);letter-spacing:-.075em;line-height:.77;pointer-events:none;z-index:1}.flavor-word br{display:none}.motion-copy{position:absolute;left:5%;top:43%;width:27%;z-index:110}.motion-copy h1{font-size:clamp(28px,3vw,46px);line-height:1;letter-spacing:-.05em;margin:20px 0}.motion-copy p{font-size:13px;max-width:260px}.motion-copy .motion-formula{font-size:8px;letter-spacing:1px;margin-top:24px}.motion-copy .eyebrow{font-size:8px}.orbit{position:absolute;inset:0;z-index:30;pointer-events:none}.pack-actor{position:absolute;left:61%;top:52%;width:min(27vw,330px);aspect-ratio:1/2;background-image:url('assets/pack-sprite.png');background-size:400% 100%;background-position:var(--sprite) center;background-repeat:no-repeat;transform-origin:50% 75%;will-change:transform;filter:drop-shadow(0 18px 15px #3e1b5528)}.cloud-front{position:absolute;left:-5%;bottom:-13%;width:110%;max-width:none;z-index:65;pointer-events:none;height:65%;object-fit:fill}.motion-purchase{position:absolute;right:4%;bottom:14%;display:flex;flex-direction:column;align-items:flex-end;gap:9px;z-index:120}.motion-purchase>span{font-family:'Bricolage Grotesque';font-weight:700;font-size:21px;letter-spacing:-.5px}.motion-purchase .button{background:#35174d;color:#fff9ee;font-size:12px;padding:14px 19px}.motion-purchase small{font-size:9px}.motion-bottom{position:absolute;bottom:28px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:200}.motion-arrows{display:flex;gap:10px}.motion-arrows button{width:42px;height:42px;border-radius:50%;border:1px solid #35174d80;background:#fff2;font-size:22px}.motion-tabs{display:flex;gap:20px}.motion-tabs button{font-size:10px;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:none;padding:10px 0;opacity:.6}.motion-tabs button[aria-pressed=true]{opacity:1;border-color:#35174d}.scroll-hint{font-size:8px;letter-spacing:1px}.motion-progress{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#35174d20;z-index:200}.motion-progress span{display:block;height:100%;background:#35174d;width:25%}.motion-stage.reduced .pack-actor{will-change:auto}.flavor-story.reduced-story{height:auto}.reduced .scroll-hint{display:none}.flavor-story+.brand-strip{position:relative}.sticky{z-index:250}.motion-stage :focus-visible{outline:3px solid #35174d;outline-offset:4px}@media(max-width:1050px){.flavor-word{font-size:13vw;top:12%}.motion-copy{top:38%;width:29%}.pack-actor{width:30vw;left:61%;top:49%}.motion-tabs{gap:12px}.scroll-hint{display:none}.motion-purchase{bottom:16%}.motion-copy h1{font-size:32px}}
@media(max-width:700px){.flavor-story{height:300svh}.motion-stage{min-height:670px;height:100svh}.motion-top{top:17px;font-size:7px;letter-spacing:.7px;left:5%;right:5%}.motion-top a{font-size:8px}.flavor-word{top:9%;left:3%;right:3%;font-size:18vw;line-height:.84}.flavor-word br{display:block}.pack-actor{width:min(46vw,215px);left:56%;top:42%;transform-origin:50% 75%}.motion-copy{left:5%;top:auto;bottom:25%;width:52%;z-index:120}.motion-copy h1{font-size:25px;margin:12px 0}.motion-copy .eyebrow{font-size:6px;letter-spacing:.7px}.motion-copy p{font-size:10px;max-width:170px}.motion-copy .motion-formula{font-size:6px;letter-spacing:.3px;margin-top:10px}.cloud-front{height:50%;width:165%;left:-30%;bottom:0;object-fit:fill}.motion-purchase{right:5%;bottom:13.5%;align-items:flex-end;gap:6px}.motion-purchase>span{font-size:16px}.motion-purchase .button{font-size:10px;padding:12px 15px}.motion-purchase small{font-size:8px}.motion-bottom{left:5%;right:5%;bottom:23px;gap:12px;align-items:center}.motion-arrows{gap:6px}.motion-arrows button{height:30px;width:30px;font-size:17px}.motion-tabs{display:grid;grid-template-columns:1fr 1fr;gap:1px 12px}.motion-tabs button{font-size:8px;padding:5px 0}.motion-progress{height:3px}}
@media(prefers-reduced-motion:reduce){.flavor-story{height:auto}.pack-actor{will-change:auto}.motion-stage{position:relative}.scroll-hint{display:none}}@media print{.flavor-story{height:auto}.motion-stage{position:relative;height:750px}.motion-top,.motion-bottom,.motion-progress{display:none}.cloud-front{bottom:-10%}.pack-actor{will-change:auto}}