/* =====================================
   03. LAYOUT
====================================== */


.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: var(--space-xl) var(--pad);
  
}

.section {
  padding: var(--space-xl) 0;
}

.section--alt {
  background: var(--color-section);
}

.grid {
  display: grid;
  gap: var(--space-md);
}

.flex {
  display: flex;
  gap: var(--space-sm);
}

.split {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-lg);
  align-items: center;
}