.sm-section__inner,
.sm-about__inner,
.sm-hero__inner,
.sm-footer__inner {
  width: min(var(--sm-container), calc(100% - var(--sm-gutter) * 2));
  margin-inline: auto;
}

.sm-section__head {
  max-width: 720px;
  margin-bottom: 48px;
}

.sm-section__head h2 {
  margin-bottom: 16px;
}

.sm-section__head p {
  color: var(--sm-muted);
  font-size: 1.05rem;
}

.sm-section__head--split {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  max-width: none;
}

.sm-sheet {
  position: relative;
  z-index: 2;
  margin-top: -120px;
  background: var(--sm-white);
  border-radius: var(--sm-radius-sheet) var(--sm-radius-sheet) 0 0;
}

.sm-sheet--page {
  margin-top: -48px;
  padding-bottom: var(--sm-section);
}

.sm-page-hero {
  background: var(--sm-navy);
  color: var(--sm-white);
  padding: calc(var(--sm-header-h) + 64px) var(--sm-gutter) 96px;
}

.sm-page-hero .sm-kicker {
  color: rgba(255, 255, 255, 0.55);
}

.sm-page-hero h1 {
  max-width: 16ch;
}

@media (max-width: 768px) {
  .sm-section__head--split {
    flex-direction: column;
    align-items: flex-start;
  }

  .sm-sheet {
    margin-top: -40px;
  }
}