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

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

.section {
  padding-block: clamp(4rem, 9vw, 8rem);
}

.section--intro {
  display: grid;
  min-height: 100svh;
  align-items: center;
}

.flow > * + * {
  margin-block-start: var(--flow-space, var(--space-5));
}

.flow--wide {
  --flow-space: var(--space-6);
}

@media (max-width: 47.99rem) {
  .section {
    padding-block: var(--space-8);
  }

  .section--intro {
    min-height: auto;
    padding-block: clamp(5rem, 20vw, 8rem);
  }
}