/* Desktop company introduction: focused copy on the left, facts alongside it. */
#page-about .about-story__copy {
  width: 100% !important;
  display: grid;
  grid-template-columns: minmax(0, 760px) minmax(280px, 1fr);
  column-gap: clamp(48px, 7vw, 120px);
  align-items: start;
}

#page-about .about-story__copy > :is(.about-kicker, h2, p) {
  grid-column: 1;
  text-align: left !important;
}

#page-about .about-story__copy > h2,
#page-about .about-story__copy > h2 span {
  text-align: left !important;
}

#page-about .about-story__copy > p {
  max-width: 760px !important;
}

#page-about .about-fact-list {
  width: 100% !important;
  max-width: 420px;
  grid-column: 2;
  grid-row: 1 / span 4;
  align-self: end;
  margin: 0 0 4px !important;
}

#page-about .about-fact-list > div {
  display: grid !important;
  grid-template-columns: 44px minmax(88px, max-content) minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}

#page-about .about-fact-icon { grid-column: 1; grid-row: 1; }
#page-about .about-fact-list dt { grid-column: 2; grid-row: 1; margin: 0; }
#page-about .about-fact-list dd { grid-column: 3; grid-row: 1; margin: 0; }

@media (max-width: 860px) {
  #page-about .about-story__copy { display: block; }

  #page-about .about-fact-list {
    max-width: none;
    margin-top: 32px !important;
  }
}

@media (max-width: 540px) {
  #page-about .about-fact-list > div {
    grid-template-columns: 40px 80px minmax(0, 1fr);
    gap: 12px;
  }
}