.container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

section { padding-block: var(--space-16); }

.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-16);
  align-items: start;
}

@media (max-width: 768px) {
  .grid-2 { grid-template-columns: 1fr; gap: var(--space-10); }
  section { padding-block: var(--space-12); }
}

@media (max-width: 540px) {
  section { padding-block: var(--space-12); }
  .container { padding-inline: var(--space-6); }
}