.p-flavor{--p-flavor-badge-glow: 0 .4rem .85rem rgba(191, 133, 18, .45);--p-flavor-fade-from: rgba(255, 251, 230, 0);position:relative;z-index:1;background-color:var(--color-gold-0);border-top-left-radius:var(--p-flavor-radius, 6.4rem);border-top-right-radius:var(--p-flavor-radius, 6.4rem);padding-top:var(--p-flavor-pad-top, 12rem);padding-bottom:var(--p-flavor-pad-bottom, 8rem);overflow:hidden}.p-flavor--overlap{margin-top:calc(var(--p-flavor-radius, 6.4rem) * -1)}.p-flavor__inner{display:flex;flex-direction:column;align-items:center;text-align:center}.p-flavor__head{display:flex;flex-direction:column;align-items:center;gap:.8rem;max-width:100rem}.p-flavor__accent{margin:0;font-family:var(--font-accent-m-family);font-weight:var(--font-accent-l-weight);font-size:var(--font-accent-m-size);line-height:var(--font-accent-m-line);color:var(--color-gold-500)}.p-flavor__title{margin:0;margin-top:.8rem;font-family:var(--font-sunset-family);font-weight:var(--font-h2-weight);font-size:var(--font-h3-size);line-height:1.45;color:var(--color-coco-main)}.p-flavor__source{width:100%;max-width:78rem;margin:1.2rem 0 0;font-family:var(--font-sunset-family);font-size:var(--font-paragraph-s-size, 1.3rem);line-height:1.4;color:var(--color-gold-600);text-align:center}.p-flavor__stage{position:relative;width:100%;max-width:78rem;margin-top:5.6rem}.p-flavor__stage:before{content:"";display:block;padding-bottom:46%}.p-flavor__cluster{position:absolute;top:0;right:0;bottom:0;left:0}.p-flavor__cup{position:absolute}.p-flavor__cup-image{display:block;width:100%;height:auto}.p-flavor__cup--left{width:22%;left:25%;top:0%;z-index:2}.p-flavor__cup--right{width:21%;right:20%;top:0;z-index:2}.p-flavor__cup--center{width:25%;left:52%;bottom:12%;transform:translate(-50%);z-index:3}.p-flavor__fade{position:absolute;left:50%;bottom:0;width:100vw;height:12rem;transform:translate(-50%);background:linear-gradient(to bottom,var(--p-flavor-fade-from),var(--color-gold-0));pointer-events:none;z-index:3}.p-flavor__badge-stack{display:none}.p-flavor__badge{position:absolute;z-index:4;display:inline-flex;align-items:center;padding:1.6rem;border-radius:2rem;background-color:var(--color-gold-500);color:var(--color-navy-800);font-family:var(--font-sunset-family);font-weight:var(--font-h5-weight);font-size:var(--font-h5-size);line-height:var(--font-h5-line);white-space:nowrap;box-shadow:var(--p-flavor-badge-glow)}.p-flavor__badge--top-left{top:6%;left:0}.p-flavor__badge--top-right{top:4%;right:-10%}.p-flavor__badge--center-left{top:38%;left:-2%}.p-flavor__badge--center-right{top:34%;right:0}.p-flavor__badge--bottom-left{bottom:8%;left:8%}.p-flavor__badge--bottom-right{bottom:0;left:63%}@media screen and (max-width:749px){.p-flavor__accent{font-size:2rem}.p-flavor__title{margin:0;font-size:var(--font-h5-size);line-height:1.45}.p-flavor{padding-top:6.4rem}.p-flavor__stage{max-width:44rem;margin-top:4rem}.p-flavor__stage:before{padding-bottom:84%}.p-flavor__cup--left{width:38%;left:4%}.p-flavor__cup--right{width:38%;right:4%}.p-flavor__cup--center{width:44%}.p-flavor__badge{display:none}.p-flavor__badge-stack{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:44rem;margin-top:1.6rem}.p-flavor__badge-row{display:flex;align-items:center;justify-content:center;width:100%;padding:1.2rem 1.4rem;border-radius:1.4rem;background-color:var(--color-gold-500);color:var(--color-navy-800);font-family:var(--font-sunset-family);font-weight:var(--font-h5-weight);font-size:var(--font-paragraph-l-size);line-height:var(--font-paragraph-l-line);text-align:center;box-shadow:var(--p-flavor-badge-glow)}}.p-flavor__reveal,.p-flavor__cup-inner{display:block}c-reveal[data-reveal-ready] [data-reveal]{opacity:0;transform:translateY(3rem);transition:opacity 1.4s cubic-bezier(.22,1,.36,1),transform 1.4s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}c-reveal[data-reveal-ready] .p-flavor__cup-inner[data-reveal]{transform:translateY(4.4rem) scale(.94)}c-reveal[data-reveal-ready] .p-flavor__badge[data-reveal]{transform:translateY(1.6rem) scale(.8)}c-reveal[data-reveal-ready].is-revealed [data-reveal]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){c-reveal[data-reveal-ready] [data-reveal]{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-p-flavor-showcase.css.map */