.container{
  width: min(var(--max), calc(100% - 48px));
  margin-inline: auto;
}

.section{
  padding: 96px 0;
}

.grid-2{
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

@media (min-width: 860px){
  .grid-2{ grid-template-columns: 1fr 1fr; }
}

.site-main{ min-height: 60vh; }

.section__title{
  font-size: clamp(28px, 3vw, 42px);
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  font-family: "Petrona", "Georgia", serif;
  font-weight: 500;
}

.section__lede{
  margin: 0 0 24px;
  color: var(--muted);
  max-width: 70ch;
  font-family: "Geist", system-ui, sans-serif;
}