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

.container-wide {
  max-width: 1440px;
  padding-inline: var(--container-pad);
  margin-inline: auto;
}

.section {
  padding-block: var(--space-20);
  position: relative;
}

.section-tight { padding-block: var(--space-12); }

@media (min-width: 768px) {
  .section { padding-block: var(--space-32); }
  .section-tight { padding-block: var(--space-16); }
}