.grid {
  display: grid;
  gap: var(--Space-x3);
}

.usp {
  display: grid;
  gap: var(--Space-x3);
  align-content: start;
}

@media screen and (min-width: 768px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid:has(.usp:nth-child(3)):not(:has(.usp:nth-child(4))) {
    grid-template-columns: repeat(3, 1fr);
  }
}