.bb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.6rem,3vw,3.2rem) clamp(1.4rem,2.4vw,2.6rem)}.bb-cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}.bb-card{min-width:0}.bb-card__link{display:block;text-decoration:none;color:inherit}.bb-card__media{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--bb-limestone);border-radius:2px}.bb-card--wide .bb-card__media{aspect-ratio:4/3}.bb-card__media img,.bb-card__ph{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;transition:transform .6s ease}.bb-card__link:hover .bb-card__media img{transform:scale(1.04)}.bb-card__kicker{font-family:var(--bb-sans);font-size:1.2rem;letter-spacing:.24em;text-transform:uppercase;color:var(--bb-basil-deep);font-weight:500;margin:1.4rem 0 .5rem}.bb-card__title{font-family:var(--bb-serif);font-weight:500;font-size:clamp(1.9rem,2vw,2.3rem);line-height:1.2;color:var(--bb-bluestone);margin:0;text-wrap:balance}.bb-card__excerpt{font-family:var(--bb-sans);font-size:1.4rem;line-height:1.6;color:var(--bb-charcoal);margin:.8rem 0 0}.bb-card__link:hover .bb-card__title{color:var(--bb-basil-deep)}.bb-card[hidden]{display:none}@media(max-width:900px){.bb-cards,.bb-cards--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.4rem}}@media(max-width:700px){.bb-card__kicker{letter-spacing:.14em}}.bb-card__box{position:absolute;top:1rem;left:1rem;z-index:1;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--bb-sans);font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--bb-cream);background:#33485aeb;border-radius:2rem;padding:.45rem 1rem;line-height:1.2}.bb-card__box svg{width:1rem;height:1rem;flex:0 0 auto}@media(max-width:700px){.bb-card__box{top:auto;bottom:.7rem;left:.7rem;font-size:1.2rem;letter-spacing:.06em;padding:.4rem .8rem}}.bb-card{position:relative}.bb-card__save{position:absolute;top:.9rem;right:.9rem;z-index:2;width:4rem;height:4rem;border-radius:50%;border:0;background:#f7f3edf0;color:var(--bb-bluestone);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px #1f242c26;transition:transform .15s ease}.bb-card__save:hover{transform:scale(1.06)}.bb-card__save[aria-pressed=true]{color:#b4533f}.bb-card__save[aria-pressed=true] svg path{fill:currentColor}.bb-card__save:focus-visible{outline:2px solid var(--bb-basil);outline-offset:2px}.bb-toast{position:fixed;left:50%;top:calc(9rem + env(safe-area-inset-top));transform:translate(-50%,-1rem);opacity:0;pointer-events:none;z-index:60;font-family:var(--bb-sans);font-size:1.4rem;color:var(--bb-cream);background:var(--bb-bluestone);padding:1.2rem 1.8rem;border-radius:2px;box-shadow:0 8px 24px #1f242c40;max-width:calc(100% - 3.2rem);text-align:center;transition:opacity .2s ease,transform .2s ease}.bb-toast.is-on{opacity:1;transform:translate(-50%);pointer-events:auto}.bb-toast a{color:var(--bb-cream);text-underline-offset:.3rem}.bb-card--soon .bb-card__save{display:none}.bb-card--soon .bb-card__media{overflow:hidden}.bb-card--soon .bb-card__media img{filter:blur(3px) saturate(.85);transform:scale(1.08)}.bb-card--soon .bb-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f7f3ed47}
/*# sourceMappingURL=/cdn/shop/t/12/assets/bb-cards.css.map */