/* v1.9.1: compact about layout designed to fit without an unnecessary scroll. */
#main-content .page-inner {
  padding-block: clamp(1.5rem, 3.5vh, 2.5rem);
}

#main-content .page-heading {
  margin-block-end: clamp(1.1rem, 2.5vh, 1.75rem);
}

#main-content .page-heading .eyebrow {
  margin-block-end: .45rem;
}

#main-content .page-heading h1 {
  margin: 0;
  font-size: clamp(2.5rem, 5vw, 4.15rem);
  line-height: .98;
}

.about-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(14rem, 0.7fr);
  gap: clamp(.9rem, 2vw, 1.4rem);
  container-type: inline-size;
}

.about-main-area,
.about-detail-area {
  min-height: clamp(10.5rem, 23vh, 14rem);
}

.about-layout .content-surface {
  min-height: clamp(10.5rem, 23vh, 14rem);
}

@media (max-width: 58rem) {
  .about-layout {
    grid-template-columns: 1fr;
  }

  .about-main-area,
  .about-detail-area,
  .about-layout .content-surface {
    min-height: 9rem;
  }
}

@media (max-width: 35rem) {
  .about-layout {
    gap: var(--space-3);
  }
}