.bb-co-cards{display:grid;gap:clamp(.9rem,.6rem + 1vw,1.5rem);margin:0;padding:0;list-style:none}.bb-co-card{position:relative;min-width:0;padding:var(--bezel-pad);border-radius:var(--r-xl);background:color-mix(in srgb,var(--bb-text) 4%,transparent);box-shadow:inset 0 0 0 1px var(--bb-line)}.bb-co-card__core{position:relative;display:flex;flex-direction:column;gap:.85rem;height:100%;padding:clamp(1.3rem,1rem + 1.3vw,2.1rem);border-radius:calc(var(--r-xl) - var(--bezel-pad));background:var(--bb-surface);color:var(--bb-text);box-shadow:var(--sh-inset-hi),var(--sh-1);overflow:hidden;isolation:isolate;transition:transform var(--dur-3) var(--ease-spring),box-shadow var(--dur-3) var(--ease-spring)}.bb-section--ink .bb-co-card__core,.bb-section--teal .bb-co-card__core{box-shadow:var(--sh-inset-hi-dark),0 30px 60px -34px #0009}.bb-co-card__glow{position:absolute;top:-40%;right:-30%;z-index:-1;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 30%,transparent),transparent);opacity:.75;pointer-events:none;transition:transform var(--dur-4) var(--ease-out),opacity var(--dur-3) var(--ease-out)}.bb-co-card:hover .bb-co-card__glow{transform:scale(1.25) translate(-6%,6%);opacity:1}.bb-co-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.bb-co-card__icon{display:grid;place-items:center;flex:none;width:3.1rem;height:3.1rem;border-radius:1rem;background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 72%,var(--bb-ink));box-shadow:inset 0 -3px color-mix(in srgb,var(--accent) 22%,transparent);transform:rotate(-4deg);transition:transform var(--dur-3) var(--ease-bounce)}.bb-co-card__icon .bb-icon{--icon-size: 1.45rem;stroke-width:1.8}.bb-co-card:hover .bb-co-card__icon{transform:rotate(4deg) scale(1.06)}.bb-section--ink .bb-co-card__icon,.bb-section--teal .bb-co-card__icon{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.bb-section--ink .bb-co-card.bb-accent--teal .bb-co-card__icon,.bb-section--teal .bb-co-card.bb-accent--teal .bb-co-card__icon{color:var(--bb-mint)}.bb-co-card__num{font-family:var(--bb-font-mono);font-size:.85rem;font-weight:700;letter-spacing:.08em;color:var(--bb-text-soft)}.bb-co-card__kicker{padding:.3rem .65rem;border-radius:var(--r-pill);background:color-mix(in srgb,var(--bb-text) 6%,transparent);font-size:var(--fs-nano);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bb-text-soft)}.bb-co-card__title{margin:0;font-family:var(--bb-font-display);font-size:clamp(1.3rem,1.1rem + .7vw,1.7rem);font-weight:640;font-variation-settings:"SOFT" 100;line-height:1.15;letter-spacing:-.015em}.bb-co-card__link{color:inherit;text-decoration:none}.bb-co-card__text{margin:0;font-size:var(--fs-small);line-height:1.6;color:var(--bb-text-soft)}.bb-co-card__go{display:inline-flex;align-items:center;gap:.6rem;margin-top:auto;padding-top:.5rem;font-size:var(--fs-small);font-weight:800;pointer-events:none}.bb-co-card__go-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--bb-ink);color:var(--bb-butter);transition:transform var(--dur-3) var(--ease-spring),background-color var(--dur-2) var(--ease-out)}.bb-section--ink .bb-co-card__go-icon,.bb-section--teal .bb-co-card__go-icon{background:var(--bb-butter);color:var(--bb-ink)}.bb-co-card--link:hover .bb-co-card__core{transform:translateY(-5px);box-shadow:var(--sh-inset-hi),var(--sh-3)}.bb-co-card--link:hover .bb-co-card__go-icon{transform:translate(3px,-3px) rotate(-8deg);background:var(--accent);color:var(--accent-ink)}.bb-co-cards--bento.bb-bento{gap:clamp(.9rem,.6rem + 1vw,1.5rem)}@media(min-width:768px){.bb-co-card--wide .bb-co-card__core{padding:clamp(1.8rem,1.2rem + 1.8vw,2.75rem)}.bb-co-card--wide .bb-co-card__title{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.25rem)}.bb-co-card--wide .bb-co-card__text{font-size:1.02rem;max-width:34rem}}.bb-co-cards--pats{display:flex;flex-wrap:wrap;justify-content:center}.bb-co-cards--pats>.bb-co-card{flex:1 1 100%;padding:0;background:none;box-shadow:none}.bb-co-cards--pats .bb-co-card__core{padding:1.6rem 1.5rem 1.7rem;border-radius:1.6rem;background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--bb-paper) 85%,transparent) 0%,transparent 55%),linear-gradient(165deg,var(--bb-butter-3) 0%,var(--bb-butter-2) 55%,color-mix(in srgb,var(--bb-butter) 70%,var(--bb-butter-2)) 100%);color:var(--bb-ink);box-shadow:inset 0 2px #ffffffb3,inset 0 -6px color-mix(in srgb,var(--bb-gold) 32%,transparent),0 22px 40px -26px color-mix(in srgb,var(--bb-gold-deep) 75%,transparent);--bb-text: var(--bb-ink);--bb-text-soft: var(--bb-ink-soft)}.bb-co-cards--pats .bb-co-card__core:after{content:"";position:absolute;top:.9rem;left:1.3rem;width:32%;height:.32rem;border-radius:var(--r-pill);background:#ffffffbf;pointer-events:none}.bb-co-cards--pats .bb-co-card__glow{display:none}.bb-co-cards--pats .bb-co-card__top{margin-top:.6rem}.bb-co-cards--pats .bb-co-card__icon{background:var(--bb-paper);color:color-mix(in srgb,var(--accent) 70%,var(--bb-ink));box-shadow:0 8px 18px -10px color-mix(in srgb,var(--bb-gold-deep) 70%,transparent)}.bb-co-cards--pats .bb-co-card.bb-accent--butter .bb-co-card__icon,.bb-co-cards--pats .bb-co-card.bb-accent--gold .bb-co-card__icon{color:var(--bb-gold-deep)}.bb-co-cards--pats .bb-co-card.bb-accent--mint .bb-co-card__icon{color:color-mix(in srgb,var(--bb-mint) 55%,var(--bb-ink))}.bb-co-cards--pats .bb-co-card__text{color:var(--bb-ink-soft)}@media(min-width:640px){.bb-co-cards--pats>.bb-co-card{flex-basis:calc(50% - .75rem)}}@media(min-width:1024px){.bb-co-cards--pats{gap:1.75rem 1.5rem}.bb-co-cards--pats>.bb-co-card{flex:0 1 calc((100% - 3rem) / 3)}.bb-co-cards--pats>.bb-co-card:nth-child(3n+1){rotate:-1.4deg}.bb-co-cards--pats>.bb-co-card:nth-child(3n+2){rotate:1deg;translate:0 .9rem}.bb-co-cards--pats>.bb-co-card:nth-child(3n+3){rotate:-.6deg}.bb-co-cards--pats .bb-co-card__core{transition:transform var(--dur-3) var(--ease-bounce),box-shadow var(--dur-3) var(--ease-spring)}.bb-co-cards--pats>.bb-co-card:hover .bb-co-card__core{transform:translateY(-6px) rotate(1.2deg)}}.bb-co-cards--tiles .bb-co-card__core{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;row-gap:.35rem;align-items:start;padding:1.15rem 1.2rem}.bb-co-cards--tiles .bb-co-card__top{grid-row:span 2}.bb-co-cards--tiles .bb-co-card__icon{width:2.6rem;height:2.6rem;border-radius:.8rem}.bb-co-cards--tiles .bb-co-card__icon .bb-icon{--icon-size: 1.2rem}.bb-co-cards--tiles .bb-co-card__title{font-family:var(--bb-font-body);font-size:1.05rem;font-weight:800;letter-spacing:-.01em}.bb-co-cards--tiles .bb-co-card__glow{display:none}@media(min-width:768px){.bb-co-cards--tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.bb-co-cards--links{grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr))}.bb-co-cards--links .bb-co-card__core{gap:.7rem}.bb-co-cards--links .bb-co-card__title{font-size:clamp(1.2rem,1.05rem + .5vw,1.45rem)}.bb-co-cards--links .bb-co-card__go{justify-content:space-between;width:100%}.bb-co-cards--links .bb-co-card__go-label{color:var(--bb-text-soft);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase}.bb-co-cards__note{margin-top:clamp(1.5rem,1rem + 1.5vw,2.25rem)}.bb-co-cards__note--center{justify-content:center;margin-inline:auto;text-align:center}.bb-co-cards__cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:clamp(2rem,1.4rem + 2vw,3.25rem)}.bb-co-cards__cta--center{justify-content:center}.bb-co-cards__cta .bb-btn{max-width:100%;white-space:normal;text-align:left}
