.container{
  width:min(var(--container), calc(100% - 60px));
  margin:0 auto;
}

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

.section--soft{
  background:var(--soft);
}

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

.grid-3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-5);
}

@media (max-width: 920px){
  .grid-2{ grid-template-columns:1fr; }
  .grid-3{ grid-template-columns:1fr; }
  .section{ padding: var(--space-7) 0; }
}