/* ==========================================
   PROJECT META
========================================== */

.project-meta {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: var(--space-4);

  margin-top: var(--space-5);

  padding-top: var(--space-4);

  border-top: 1px solid var(--color-border);
}

.project-meta > div {
  display: flex;

  flex-direction: column;

  gap: var(--space-1);
}

.project-meta__label {
  color: var(--color-text-muted);

  font-family: var(--font-mono);

  font-size: var(--fs-caption);

  font-weight: var(--fw-medium);

  letter-spacing: var(--ls-label);

  text-transform: uppercase;
}

.project-meta__value {
  color: var(--color-text);

  font-size: var(--fs-body-lg);

  font-weight: var(--fw-medium);

  line-height: var(--lh-body);
}