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

.section--white {
  background: var(--color-white);
}

.section--soft {
  background: var(--color-soft-blue-light);
}

.section--cloud {
  background: var(--color-cloud);
}

.section-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--space-lg);
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

.section-header__copy {
  max-width: 43rem;
}

.section-header__copy > p:not(.eyebrow) {
  margin-top: var(--space-md);
  color: var(--color-muted);
}

.page-hero {
  padding-block: clamp(4rem, 8vw, 7rem);
  background: var(--color-soft-blue-light);
  border-bottom: var(--border-standard);
}

.page-hero__inner {
  display: grid;
  gap: var(--space-xl);
}

.page-hero__copy {
  max-width: 50rem;
}

.page-hero__copy .lede {
  margin-top: var(--space-md);
}

.grid {
  display: grid;
  gap: var(--space-md);
}

.grid--3,
.grid--4 {
  grid-template-columns: 1fr;
}

.editorial-content {
  max-width: var(--content-max);
}

.editorial-content > * + * {
  margin-top: var(--space-md);
}

.editorial-content h2 {
  margin-top: var(--space-xl);
}

.editorial-content h3 {
  margin-top: var(--space-lg);
}

.editorial-content ul,
.editorial-content ol {
  padding-left: 1.25em;
}

.anchor-offset {
  scroll-margin-top: calc(var(--header-height) + var(--space-lg));
}

@media (min-width: 48rem) {
  .grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-hero__inner {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.65fr);
    align-items: end;
  }
}

@media (min-width: 64rem) {
  .grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}