.site-container {
  width: min(100% - (var(--site-gutter) * 2), var(--site-max));
  margin-inline: auto;
}

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

.site-section {
  padding-block: var(--section-y);
}

.site-section--tight {
  padding-block: var(--section-y-tight);
}

.site-grid {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.site-grid--3 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

.site-shell {
  width: min(100% - (var(--site-gutter) * 2), var(--site-max));
  margin-inline: auto;
}