.about__values-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-top: 3.2rem;
}

.about__values-card {
  background: var(--kf-bg-invert);
  border-radius: var(--kf-rm);
  border: 1px solid var(--kf-white-1);
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  transition:
    transform var(--kf-dt-base) var(--kf-ease),
    border-color var(--kf-dt-base) var(--kf-ease);
}

.about__values-card:hover {
  transform: translateY(-4px);
  border-color: var(--kf-white-3);
}

.avc__num {
  font-size: var(--kf-fs-lg);
  font-weight: var(--kf-fw-bold);
  font-style: italic;
  color: var(--kf-white-1);
  line-height: 1;
}

.avc__name {
  font-size: calc(var(--kf-fs-sm) + 0.5rem);
  font-weight: var(--kf-fw-bold);
  color: var(--kf-white-8);
  line-height: 1;
}

.avc__sep {
  width: 2rem;
  height: 2px;
  background: var(--kf-accent-color);
}

.avc__desc {
  font-size: var(--kf-fs-sm);
  line-height: 1.5;
  color: var(--kf-white-3);
}