main .sec.bb{position:relative;overflow:hidden;background:#24160f;color:var(--cg-cream, #F6EFE2);padding:clamp(48px,5vw,76px) clamp(20px,5vw,72px) clamp(56px,5vw,84px)}.bb__hd{text-align:center}.bb__kicker{display:inline-flex;align-items:center;gap:12px;margin:0;font:600 clamp(12px,.95vw,14px)/1.3 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#e8c27a}.bb__kicker:before,.bb__kicker:after{content:"";width:clamp(26px,4vw,60px);height:1.5px;background:var(--cg-gold-line, #C59A5B)}.bb__title{margin:14px 0 0;font:700 clamp(40px,4.8vw,68px)/.96 var(--display);text-transform:uppercase;color:var(--cg-on-dark, #FFF6EA);text-wrap:balance}.bb__title em{font:inherit;font-style:normal;color:var(--cg-brand, #F2C230)}.bb__sub{margin:14px auto 0;max-width:46ch;font:500 clamp(16px,1.3vw,19px)/1.4 var(--body);color:var(--cg-cream, #F6EFE2);text-wrap:balance}.bb__frame{position:relative;margin-top:clamp(18px,2.4vw,34px)}.bb__stage{position:relative}.bb__glow{position:absolute;z-index:0;width:560px;height:620px;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(232,194,122,.22),rgba(232,194,122,.05) 62%,transparent)}.bb__pack{position:relative;z-index:3;display:block;width:fit-content;color:inherit;text-decoration:none}.bb__shade{display:block;filter:drop-shadow(0 30px 24px rgba(0,0,0,.6))}.bb__body{display:block;height:var(--ph);width:auto;clip-path:polygon(0% 6.92%,3.1% 7.04%,6.2% 7.34%,9.4% 6.15%,12.5% 7.46%,15.6% 7.3%,18.8% 6.21%,21.9% 6.96%,25% 6.8%,28.1% 7.25%,31.2% 6.13%,34.4% 6.49%,37.5% 7.48%,40.6% 7.68%,43.8% 6.21%,46.9% 6.9%,50% 7.76%,53.1% 7.68%,56.2% 7.03%,59.4% 7.34%,62.5% 8.17%,65.6% 6.11%,68.8% 7.66%,71.9% 7.26%,75% 6.65%,78.1% 6.19%,81.2% 6.98%,84.4% 8.08%,87.5% 6.51%,90.6% 7%,93.8% 7.69%,96.9% 7.26%,100% 6.94%,100% 100%,0 100%)}.bb__lid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;clip-path:polygon(0 0,100% 0,100% 6.94%,96.9% 7.26%,93.8% 7.69%,90.6% 7%,87.5% 6.51%,84.4% 8.08%,81.2% 6.98%,78.1% 6.19%,75% 6.65%,71.9% 7.26%,68.8% 7.66%,65.6% 6.11%,62.5% 8.17%,59.4% 7.34%,56.2% 7.03%,53.1% 7.68%,50% 7.76%,46.9% 6.9%,43.8% 6.21%,40.6% 7.68%,37.5% 7.48%,34.4% 6.49%,31.2% 6.13%,28.1% 7.25%,25% 6.8%,21.9% 6.96%,18.8% 6.21%,15.6% 7.3%,12.5% 7.46%,9.4% 6.15%,6.2% 7.34%,3.1% 7.04%,0% 6.92%);transform-origin:85% 6%}.bb__mouth{position:absolute;left:3%;right:3%;top:6.2%;height:16px;border-radius:50%;opacity:1;background:radial-gradient(closest-side,#050302,#0d0906 70%,transparent)}.bb__best{position:absolute;right:-44px;top:70px;z-index:4;padding:9px 14px 8px;border-radius:10px;background:var(--cg-brand, #F2C230);color:var(--cg-ink, #22150E);rotate:8deg;font:700 17px/1 var(--display);text-transform:uppercase;letter-spacing:.03em;box-shadow:0 10px 18px -8px #0009}.bb__list{margin:0;padding:0;list-style:none}.bb__it{--sw: var(--w);position:relative;z-index:5;width:var(--sw)}.bb__slip{position:relative;z-index:1;isolation:isolate;padding:16px 28px;text-align:center;color:#3a2418}.bb__slip:before{content:"";position:absolute;top:-6px;right:-4px;bottom:-6px;left:-4px;z-index:-1;background:var(--paper) center / 100% 100% no-repeat}.bb__no{display:block;font:700 14px/1 var(--display);letter-spacing:.08em;color:#9c3b22}.bb__name{margin:6px 0 0;font:700 17.5px/1.12 var(--display);text-transform:uppercase;letter-spacing:.01em;color:#3a2418}.bb__line{margin:6px 0 0;font:400 13.5px/1.42 var(--body);color:#4a3628}.bb__bean{--bw: 66px;--bh: 88px;position:absolute;left:50%;top:50%;z-index:3;width:var(--bw);height:var(--bh);margin:calc(var(--bh) / -2) 0 0 calc(var(--bw) / -2);pointer-events:none}.bb__bean img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(0,0,0,.4))}.bb__hl{transform-origin:70% 50%;transform:translate(calc(var(--sw) / -2 - 12px)) rotate(-16deg)}.bb__hr{transform-origin:30% 50%;transform:translate(calc(var(--sw) / 2 + 12px)) rotate(16deg)}.bb__foot{display:flex;justify-content:center;margin-top:30px;position:relative;z-index:6}@media(min-width:1024px){.bb__frame{display:flex;justify-content:center}.bb__stage{flex:none;width:1296px;height:calc(880px * var(--sy, 1));zoom:var(--k, 1)}.bb__glow{left:648px;top:calc(465px * var(--sy, 1))}.bb__pack{--ph: 470px;position:absolute;left:648px;top:calc(445px * var(--sy, 1));translate:-50% -50%}.bb__it{position:absolute;left:var(--x);top:calc(var(--y) * var(--sy, 1));translate:-50% -50%;rotate:var(--r)}.bb__name{font-size:max(17.5px,calc(14.5px / var(--k, 1)))}.bb__line{font-size:max(13.5px,calc(12px / var(--k, 1)))}.bb__no{font-size:max(14px,calc(11.5px / var(--k, 1)))}}@media(min-width:700px)and (max-width:1023px){.bb__glow{left:50%;top:200px}.bb__pack{--ph: 360px;margin:10px auto 0}.bb__best{right:-36px;top:52px;font-size:15px}.bb__list{display:grid;grid-template-columns:repeat(2,290px);justify-content:center;gap:34px 84px;margin-top:64px}.bb__it{--sw: 290px;translate:var(--px) 0;rotate:var(--pr)}.bb__it:nth-child(2n){margin-top:64px}}@media(max-width:699px){.bb__kicker{white-space:nowrap;font-size:11.5px;letter-spacing:.12em;gap:10px}.bb__kicker:before,.bb__kicker:after{width:18px}.bb__glow{left:50%;top:180px;width:400px;height:460px}.bb__pack{--ph: 290px;margin:18px auto 0}.bb__best{right:-30px;top:40px;font-size:13px;padding:7px 10px 6px}.bb__list{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:70px}.bb__it{--sw: 250px;translate:var(--px) 0;rotate:var(--pr)}.bb__bean{--bw: 54px;--bh: 72px}.bb__slip{padding:14px 22px}.bb__name{font-size:16px}.bb__line,.bb__no{font-size:13px}.bb__foot{margin-top:44px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cg-beans.css.map */