.l-grid {
  display: grid;
  gap: var(--grid-space, var(--s-4));
  grid-template-columns: repeat(auto-fit, minmax(min(var(--grid-minimum, 28ch), 100%), 1fr));
}

.l-grid--minimum-standard {
  --grid-minimum: 28ch;
}

.l-grid--minimum-wide {
  --grid-minimum: 42ch;
}

.l-grid--space-small {
  --grid-space: var(--s-3);
}

.l-grid--space-large {
  --grid-space: var(--s-5) var(--s-4);
}