.r3-poster.r3-hero{padding-top:var(--r3-lead);padding-bottom:var(--r3-pad);display:grid}.r3-hero .r3-statement{z-index:1;text-transform:uppercase;text-wrap:wrap;letter-spacing:-.035em;max-width:none;font-size:20vw;line-height:.82;position:relative}.r3-hero .r3-hero-cup{z-index:2;width:74vw;margin:-2vw -2vw 0 auto;position:relative}.r3-hero .r3-hero-cup img{z-index:1;width:100%;height:auto;display:block;position:relative}.r3-hero .r3-hero-cup:after{content:"";z-index:0;background:var(--color-jamun);opacity:.18;border-radius:50%;height:7%;position:absolute;bottom:-1.2%;left:14%;right:10%}.r3-hero .r3-hero-sticker{z-index:30;position:absolute;bottom:30%;left:2%}.r3-hero .r3-hero-buy{z-index:3;margin-top:1.5rem;position:relative}.r3-hero .r3-eyebrow{margin-bottom:.4rem}.r3-hero .r3-hero-price{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 1rem;font-size:1.35rem;font-weight:800;line-height:1.1}.r3-hero .r3-hero-cta{flex-wrap:wrap;align-items:center;display:flex}.r3-hero .r3-hero-cta .r3-btn{flex:100%}.r3-hero .r3-hero-how{min-height:2.75rem;color:var(--color-jamun);text-underline-offset:5px;align-items:center;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.r3-hero .r3-hero-flavours{flex-wrap:wrap;gap:.5rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.r3-hero .r3-hero-flavours a{border:2px solid var(--color-jamun);min-height:2.75rem;color:var(--color-jamun);font-family:var(--font-body);border-radius:999px;align-items:center;gap:.45rem;padding:0 .9rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.r3-hero .r3-hero-flavours span{border:1.5px solid var(--color-jamun);border-radius:50%;width:.7rem;height:.7rem}@media (min-width:640px){.r3-hero .r3-hero-cta .r3-btn{flex:none}}@media (min-width:1024px){.r3-poster.r3-hero{padding-top:var(--r3-lead);padding-bottom:var(--r3-pad);grid-template-rows:auto 1fr;grid-template-columns:1fr 38vw;column-gap:0;min-height:min(100svh,56rem);container-type:inline-size}.r3-hero .r3-statement{white-space:nowrap;grid-area:1/1/auto/span 2;font-size:min(14.6cqi,21rem)}.r3-hero .r3-hero-cup{grid-area:2/2;align-self:start;width:min(38vw,66svh);margin:-2.2vw 0 0 auto}.r3-hero .r3-hero-buy{grid-area:2/1;align-self:center;max-width:34rem;margin:0}.r3-hero .r3-hero-price{margin-block:.4rem 1.4rem;font-size:clamp(2rem,2.8vw,2.75rem);line-height:1.05}.r3-hero .r3-hero-sticker{bottom:24%;left:6%}}@media (prefers-reduced-motion:no-preference){@keyframes r3-cup-in{0%{transform:translateY(16px)rotate(3deg)}to{transform:none}}.r3-hero .r3-hero-cup img{animation:.5s ease-out both r3-cup-in}@supports (animation-timeline:scroll()){.r3-hero{view-timeline-name:--r3-hero;view-timeline-axis:block}@keyframes r3-cup-out{to{transform:translateY(-8vh)scale(1.08)}}@keyframes r3-type-out{to{transform:translateY(4vh)}}.r3-hero .r3-hero-cup{animation:linear both r3-cup-out;animation-timeline:--r3-hero;animation-range:exit}.r3-hero .r3-statement{animation:linear both r3-type-out;animation-timeline:--r3-hero;animation-range:exit}}}.r3-hero .r3-hero-pearls{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.r3-hero .r3-hero-pearls[data-mode="3d"]{z-index:1;pointer-events:auto}.r3-hero .r3-hero-pearls span{opacity:.85;border-radius:50%;position:absolute;box-shadow:inset -.18em -.22em #2a0f3d2e,inset .2em .2em #ffffff73}.r3-hero .r3-hero-pearls canvas{display:block}
