.container {
  width: 100%;
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-inline: var(--space-section-x);
}
.section {
  padding-block: var(--space-section-y);
}
.stack { display: flex; flex-direction: column; }
.row { display: flex; flex-direction: row; align-items: center; }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-32); }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-32); }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-32); }
.split-60-40 { display: grid; grid-template-columns: 60% 40%; gap: var(--space-48); align-items: center; }
.split-50-50 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-48); align-items: center; }
@media (max-width: 1023.98px) {
  .grid-3, .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .split-60-40, .split-50-50 { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
}