.wrap{
  width:min(var(--wrap), calc(100% - 28px));
  margin-inline:auto;
}

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

.stack--sm{
  gap:8px;
}

section{
  padding:22px 0;
}

section[id]{
  scroll-margin-top:var(--anchor-offset);
}

.hero{
  padding:clamp(22px, 6vw, 60px) 0 clamp(0px, 4vw, 36px);
}

.hero .stack{
  gap:18px;
}

.listReset{
  list-style:none;
  margin:0;
  padding:0;
}

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