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

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

.section + .section {
  border-top: 1px solid var(--color-line);
}

.section-heading {
  margin-bottom: clamp(1.75rem, 4vw, 3.25rem);
}

.section-heading h2 {
  max-width: 18ch;
  margin-bottom: var(--space-4);
  font-size: var(--text-2xl);
}

.section-heading p {
  margin-bottom: 0;
  color: var(--color-text-muted);
}

.section-heading--split {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
  gap: var(--space-7);
  align-items: end;
}

.section-heading--split p {
  max-width: 34rem;
}

@media (max-width: 48rem) {
  .section-heading--split {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }
}