/* layout.css
   - container, grids, section spacing
*/
.container{
  width: min(var(--container), calc(100% - 32px));
  margin-inline: auto;
}

.section{
  position: relative;
  padding: 88px 0;
}

.section__head{
  margin-bottom: 22px;
}

.section__inner{
  position: relative;
  z-index: 2;
}

.grid2{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 22px;
}
@media (max-width: 960px){
  .section{ padding: 64px 0; }
  .grid2{ grid-template-columns: 1fr; }
}
.stack{ display:grid; gap: 14px; }

.cards4{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 1100px){ .cards4{ grid-template-columns: repeat(2,1fr);} }
@media (max-width: 560px){ .cards4{ grid-template-columns: 1fr; } }