/* The pillar and freedom cards, shared by /about and /our-story (_buzz_model.py). Lime, black, white only. */
.bm-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.bm-card { display: flex; flex-direction: column; align-items: center; text-align: center; background: var(--white); color: var(--black); border: 2px solid var(--black); border-radius: var(--radius); padding: 36px 30px 30px; text-decoration: none; }
.bm-ic { display: block; width: 84px; height: 84px; object-fit: contain; margin: 0 auto 20px; }
.bm-card h3 { font-family: "Lato", sans-serif; font-weight: 900; font-size: 1.4rem; line-height: 1.2; margin: 0 0 10px; color: var(--black); }
.bm-card .bm-tag { display: inline-block; margin: 0 0 16px; padding: 5px 14px; border-radius: 999px; background: #cfea3d; font-weight: 900; font-size: .95rem; line-height: 1.3; color: var(--black); }
.bm-card p { margin: 0; color: var(--black); line-height: 1.55; }
.bm-go { margin-top: auto; padding-top: 18px; font-weight: 900; color: var(--black); }
.bm-go::after { content: " \2192"; }
.bm-link { transition: transform .15s ease, box-shadow .15s ease; }
.bm-link:hover { transform: translate(-3px, -3px); box-shadow: 6px 6px 0 var(--black); }
.bm-link:hover .bm-go { text-decoration: underline; }
@media (max-width: 860px) {
  .bm-cards { grid-template-columns: 1fr; gap: 16px; }
  .bm-card { padding: 28px 22px 24px; }
  .bm-ic { width: 68px; height: 68px; margin-bottom: 14px; }
}