.projects__grid {
  display: grid;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
}

@media (min-width: 768px) {
  .projects__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .projects__grid > .project-card:only-child {
    grid-column: 1 / -1;
    max-width: 50%;
    margin-inline: auto;
  }
}

.project-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.project-card__title {
  font-size: var(--text-lg);
  color: var(--color-text);
}

.project-card__desc {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.project-card__points {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.project-card__point {
  padding-left: var(--space-md);
  border-left: 2px solid var(--color-primary);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}