/* About only: editorial structure without altering the approved site scale. */
.about-page {
  padding-block: clamp(3rem, 2rem + 2.5vw, 5rem);
}

.about-page__breadcrumb {
  margin-block-end: 1.25rem;
  font-size: var(--text-small);
}

.about-page__breadcrumb a,
.about-page__links a {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  min-block-size: var(--target-min);
}

.about-page__header {
  max-inline-size: 60rem;
  margin-block-end: clamp(2rem, 1rem + 2vw, 3rem);
}

.about-page h1 {
  margin-block-end: 1rem;
  font-size: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
  line-height: 1.12;
}

.about-page__summary {
  max-inline-size: 55ch;
  margin: 0;
  font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  line-height: 1.5;
}

.about-page__section {
  display: grid;
  gap: 1rem;
  padding-block: clamp(1.5rem, 1rem + 1vw, 2rem);
  border-block-start: 1px solid var(--color-stone);
}

.about-page h2 {
  margin: 0;
  font-size: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
  line-height: 1.25;
}

.about-page__prose {
  max-inline-size: 65ch;
}

.about-page__prose p {
  margin-block-end: 1rem;
}

.about-page__prose p:last-child {
  margin-block-end: 0;
}

.about-page__principles {
  display: grid;
  gap: 1.25rem 2rem;
  margin: 0;
}

.about-page__principles > div {
  min-inline-size: 0;
}

.about-page__principles dt {
  margin-block-end: 0.5rem;
  font-size: 1.125rem;
  font-weight: var(--weight-semibold);
}

.about-page__principles dd {
  margin: 0;
  max-inline-size: 42ch;
}

.about-page__licensing {
  display: grid;
  gap: 0.75rem;
  padding-block: 1.25rem;
  border-block: 1px solid var(--color-stone);
}

.about-page__licensing h2 {
  font-size: 1.125rem;
}

.about-page__licensing p {
  margin: 0;
}

.about-page__next {
  padding-block-start: 1.5rem;
}

.about-page__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 2rem;
  margin-block-start: 1rem;
}

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

@media (min-width: 64rem) {
  .about-page__section {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: clamp(2rem, 4vw, 4rem);
  }

  .about-page__licensing {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: clamp(2rem, 4vw, 4rem);
    align-items: baseline;
  }
}