.home-featured-beans{--hfb-ink: #121212;--hfb-muted: #6a6a66;--hfb-cream: #f7f4ef;--hfb-accent: #2fa188;--hfb-card-shadow: 0 12px 32px rgba(18, 18, 18, .08);--hfb-card-shadow-hover: 0 22px 50px rgba(18, 18, 18, .14);--hfb-cols-desktop: 4;background:var(--hfb-cream);padding:clamp(3.6rem,6vw,6.4rem) 0}body.home-cinema .home-featured-beans{padding-top:clamp(7rem,12vw,9rem)}.home-featured-beans__inner{width:min(1280px,calc(100% - 3rem));margin:0 auto}.home-featured-beans__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:clamp(2.4rem,4vw,3.6rem);flex-wrap:wrap}.home-featured-beans__heading{max-width:44rem;display:flex;flex-direction:column;gap:.6rem}.home-featured-beans__eyebrow{margin:0;font-size:1.05rem;letter-spacing:.32em;text-transform:uppercase;font-weight:700;color:var(--hfb-accent)}.home-featured-beans__title{margin:0;font-family:"PinkSunset-Regular",var(--font-heading-family);font-size:clamp(2.6rem,4.2vw,4rem);line-height:1.05;letter-spacing:.01em;color:var(--hfb-ink)}.home-featured-beans__subtext{margin:0;font-size:1.45rem;line-height:1.55;color:var(--hfb-muted)}.home-featured-beans__view-all{display:inline-flex;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--hfb-ink);padding-bottom:.35rem;border-bottom:1px solid currentColor;transition:color .2s ease,gap .2s ease}.home-featured-beans__view-all:hover{color:var(--hfb-accent);gap:.9rem}.home-featured-beans__arrow{display:inline-block;transition:transform .2s ease}.home-featured-beans__view-all:hover .home-featured-beans__arrow{transform:translate(2px)}.home-featured-beans__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--hfb-cols-desktop),minmax(0,1fr));gap:clamp(1.8rem,2.4vw,2.8rem)}.home-featured-beans__item{margin:0;position:relative}.home-bean-card__stack{position:relative;height:100%}.home-bean-card__layer{position:absolute;top:0;left:0;right:0;aspect-ratio:var(--hbc-overlay-ratio, 1 / 1);pointer-events:none;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:.85rem}.home-bean-card__badge{align-self:flex-start;padding:.35rem .65rem;border-radius:999px;background:var(--hfb-accent);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 6px 16px #2fa18859}.home-bean-card__badge--roasted{background:var(--hfb-ink);box-shadow:0 6px 16px #12121238}.home-bean-card__badge--sold-out{background:#121212d1}.home-bean-card__notes{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;width:100%;padding:1.4rem .2rem .2rem;background:linear-gradient(180deg,#0000,#0000008c);opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.home-bean-card__note-chip{display:inline-flex;padding:.28rem .55rem;border-radius:999px;background:#ffffffeb;color:var(--hfb-ink);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.home-bean-card__stack:hover .home-bean-card__notes,.home-bean-card__stack:focus-within .home-bean-card__notes{opacity:1;transform:translateY(0)}.home-featured-beans__item--placeholder .home-featured-beans__placeholder{background:#1212120a;border-radius:12px;aspect-ratio:1 / 1;display:grid;place-items:center;padding:2rem}.home-featured-beans__item--placeholder svg{width:100%;height:auto;opacity:.35}.home-featured-beans .card-wrapper{height:100%;display:flex;flex-direction:column}.home-featured-beans .card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--hfb-card-shadow);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;height:100%}.home-featured-beans .card__inner{border-radius:0}.home-featured-beans .card__media{overflow:hidden}.home-featured-beans .card__media img,.home-featured-beans .media img{transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s ease}.home-featured-beans .card__content{padding:1.4rem 1.6rem 1.8rem}.home-featured-beans .card__heading{font-size:1.6rem;line-height:1.3;margin:0 0 .4rem;letter-spacing:.02em}.home-featured-beans .card__heading a{color:var(--hfb-ink)}.home-featured-beans .price{color:var(--hfb-muted);font-size:1.25rem}.home-featured-beans .price__regular .price-item--regular{color:var(--hfb-ink);font-weight:600}.home-bean-card .card:hover{transform:translateY(-6px);box-shadow:var(--hfb-card-shadow-hover)}.home-bean-card:hover .card__media img:first-child,.home-bean-card:focus-within .card__media img:first-child{transform:scale(1.05)}.home-featured-beans .quick-add{position:absolute;right:1.1rem;bottom:1.1rem;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;z-index:2}.home-bean-card:hover .quick-add,.home-bean-card:focus-within .quick-add{opacity:1;transform:translateY(0)}.home-featured-beans .quick-add__submit{border-radius:999px;padding:.9rem 1.4rem;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;background:var(--hfb-ink);color:#fff;box-shadow:0 10px 22px #12121238}.home-featured-beans .quick-add__submit:hover{background:var(--hfb-accent)}body.home-cinema .home-featured-beans-section .home-bean-card{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--hfb-delay, 0ms)}body.home-cinema .home-featured-beans-section.is-visible .home-bean-card,body.home-cinema .home-featured-beans-section.home-reveal.is-visible .home-bean-card{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){body.home-cinema .home-featured-beans-section .home-bean-card{opacity:1;transform:none;transition:none}.home-bean-card .card,.home-featured-beans .card__media img{transition:none}.home-bean-card .card:hover{transform:none;box-shadow:var(--hfb-card-shadow)}.home-bean-card__notes{opacity:1;transform:none}}@media screen and (max-width:1199px){.home-featured-beans__grid{grid-template-columns:repeat(min(var(--hfb-cols-desktop),3),minmax(0,1fr))}}@media screen and (max-width:749px){.home-bean-card__notes{opacity:1;transform:none;background:linear-gradient(180deg,#0000,#00000073)}.home-featured-beans__header{align-items:flex-start}.home-featured-beans__view-all{font-size:1.05rem}.home-featured-beans__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.home-featured-beans .card__content{padding:1rem 1.1rem 1.3rem}.home-featured-beans .card__heading{font-size:1.35rem}.home-featured-beans__grid--swipe{display:flex;grid-template-columns:none;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.4rem;margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}.home-featured-beans__grid--swipe::-webkit-scrollbar{display:none}.home-featured-beans__grid--swipe .home-featured-beans__item{flex:0 0 72%;scroll-snap-align:start}}@media screen and (max-width:480px){.home-featured-beans__grid:not(.home-featured-beans__grid--swipe){grid-template-columns:1fr}.home-featured-beans__grid--swipe .home-featured-beans__item{flex:0 0 80%}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-home-featured-beans.css.map */