.wrap{
  width:min(var(--gp-max-width), calc(100% - 36px));
  max-width:none;
  margin:0 auto;
  padding:0;
  box-sizing:border-box;
}

section{
  padding:62px 0;
}

.hero{
  padding:38px 0 16px;
}

.grid2{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.grid3{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.grid4{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
}

.sectionHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.sectionHead h2{
  margin:0;
}

.sectionHead p{
  margin:0;
}

@media (max-width: 1100px){
  .grid4{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px){
  .grid3{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px){
  .wrap{
    width:min(var(--gp-max-width), calc(100% - 20px));
  }

  section{
    padding:48px 0;
  }

  .hero{
    padding:26px 0 14px;
  }

  .grid2,
  .grid3,
  .grid4{
    grid-template-columns:1fr;
    gap:14px;
  }
}