/* ============================================================
   BADGES
============================================================ */

.h-badge {
  background: var(--paper);
  padding: 16px 30px;
  text-align: left;
}

.h-badge .b-label {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  color: var(--fog);
  text-transform: uppercase;
}

.h-badge .b-value {
  font-family: var(--display);
  font-size: 19px;
  font-weight: 600;
  margin-top: 4px;
  color: var(--ink);
}

.hero-badges {
  display: flex;
  gap: 1px;
  justify-content: center;
  flex-wrap: wrap;
  background: var(--hair-l);
  border: 1px solid var(--hair-l);
  max-width: fit-content;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
}