.container {
  width: min(100% - clamp(2rem, 6vw, 5rem), var(--wt-container));
  margin-inline: auto;
}

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

.home-section {
  padding-block: var(--wt-space-section);
}

.section-intro {
  max-width: 48rem;
  margin-bottom: clamp(2rem, 5vw, 4rem);
}

.section-intro > :last-child {
  max-width: 38rem;
  margin-bottom: 0;
}

.content-shell,
.shop-container {
  padding-block: var(--wt-space-section);
}

.content-shell > article,
.content-shell--centered {
  max-width: 50rem;
}

.content-shell--centered {
  text-align: center;
}

.content-shell--centered > * {
  margin-inline: auto;
}