.topfield{background:var(--puddi-brown);color:var(--puddi-cream)}.headzone{text-align:center;padding:10px 44px 40px}.headline{font-size:clamp(42px,4.6vw,64px);font-weight:900;line-height:1.03;letter-spacing:-.022em;color:var(--puddi-cream);margin:0}.headsub{margin:10px 0 0;font-size:17.5px;font-weight:700;opacity:.85}.dripsvg{display:block;width:100%;height:88px;margin-top:-1px}.stage{position:relative;padding:6px 44px 44px;display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:center;min-height:440px;margin-top:-44px}.stage .copy .quiet{font-size:17px;font-weight:700;color:var(--text-muted);margin:0 auto 18px;max-width:34ch;line-height:1.5;text-align:center}.stage .copy .quiet b{color:var(--badge-calorie);font-weight:900}.stage .copy .cta{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.stage .copy .cta .btn{display:inline-block;background:var(--puddi-brown);color:var(--puddi-cream);font-weight:800;font-size:17px;padding:16px 32px;border-radius:12px;cursor:pointer;border:none;font-family:var(--sans);box-shadow:0 3px #391b1247;transition:transform .15s ease,box-shadow .15s ease;text-align:center;text-decoration:none}.stage .copy .cta .btn:hover{transform:translateY(-1px);box-shadow:0 4px #391b1247}.stage .copy .cta .link{font-weight:800;font-size:15.5px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;color:var(--puddi-brown)}.cupzone{position:relative;height:470px}.pedestal-blob{position:absolute;left:50%;bottom:6px;transform:translate(-50%);width:420px;height:360px;background:#fff;border-radius:62% 38% 55% 45%/55% 48% 52% 45%;box-shadow:0 24px 55px #391b1238;animation:puddi-hero-settle 6s ease-in-out infinite}.cupimg{position:absolute;left:50%;bottom:36px;transform:translate(-50%);width:280px;height:302px;display:block;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 25px rgba(57,27,18,.22));animation:puddi-hero-settle 6s ease-in-out infinite}@keyframes puddi-hero-settle{0%,to{transform:translate(-50%) rotate(0) translateY(0)}30%{transform:translate(-50%) rotate(-.6deg) translateY(-4px)}65%{transform:translate(-50%) rotate(.4deg) translateY(2px)}}.bub{position:absolute;background:#fff;border:2.5px solid var(--puddi-brown);padding:16px 22px;font-size:16px;font-weight:800;line-height:1.3;max-width:225px;box-shadow:0 6px 18px #391b121a;text-align:center;z-index:3;opacity:0;transform:scale(.55);color:var(--text-primary)}.bub .wink{color:var(--badge-calorie)}.bub i{position:absolute;background:#fff;border:2.5px solid var(--puddi-brown);border-radius:50%}.bub .d1{width:15px;height:15px}.bub .d2{width:9px;height:9px}.bub.b1{top:6px;left:0;border-radius:58% 42% 55% 45%/52% 60% 40% 48%}.bub.b1 .d1{bottom:-19px;right:34px}.bub.b1 .d2{bottom:-32px;right:14px}.bub.b2{top:24px;right:0;border-radius:44% 56% 48% 52%/58% 44% 56% 42%}.bub.b2 .d1{bottom:-19px;left:26px}.bub.b2 .d2{bottom:-32px;left:9px}.bub.b3{top:118px;left:-6px;max-width:210px;border-radius:52% 48% 60% 40%/45% 55%}.bub.b3 .d1{bottom:-18px;right:36px}.bub.b3 .d2{bottom:-30px;right:16px}.bub.in{animation:puddi-bub-pop .55s both,puddi-bub-wob 5s 1s ease-in-out infinite}.bub.out{animation:puddi-bub-burst .34s both}@keyframes puddi-bub-pop{0%{opacity:0;transform:scale(.55) translateY(10px)}70%{opacity:1;transform:scale(1.06) translateY(-2px)}to{opacity:1;transform:scale(1)}}@keyframes puddi-bub-burst{0%{opacity:1;transform:scale(1)}55%{opacity:.9;transform:scale(1.14)}to{opacity:0;transform:scale(1.22)}}@keyframes puddi-bub-wob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-.5deg)}}@media(max-width:749px){.headzone{padding:6px 20px 28px}.headline{font-size:36px}.headsub{font-size:15px}.stage{grid-template-columns:1fr;padding:12px 20px 34px;min-height:0;gap:6px;margin-top:-30px}.stage .copy{text-align:center;order:2}.stage .copy .quiet{margin:0 auto 14px;font-size:15.5px}.stage .copy .cta{justify-content:center}.cupzone{height:440px;margin-top:2px;order:1}.pedestal-blob{width:340px;height:300px;border-radius:62% 38% 55% 45%/55% 48% 52% 45%}.cupimg{width:230px;height:250px;bottom:38px}.bub{font-size:14px;max-width:180px;padding:12px 16px}.bub.b1{top:0;left:0}.bub.b2{top:70px;right:0}.bub.b3{top:138px;left:0;max-width:172px}}@media(prefers-reduced-motion:reduce){.pedestal-blob,.cupimg{animation:none}.bub{opacity:1;transform:scale(1)}.bub.in,.bub.out{animation:none;opacity:1;transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-puddi-hero.css.map */