.page-about .hero h1 { max-width: 22ch; }
.about-illustrated {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 27rem);
  grid-template-areas: "copy art";
  align-items: center;
  gap: clamp(1.5rem, 4vw, 4rem);
}
.about-illustrated > :first-child { grid-area: copy; }
.about-illustrated > .about-art { grid-area: art; }
.about-ai, .about-principles {
  grid-template-columns: minmax(0, 27rem) minmax(0, 1fr);
  grid-template-areas: "art copy";
}
.about-overview { margin-top: 2.25rem; }
.about-ai { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid var(--line); }
.page-about .about-illustrated .prose { max-width: none; }
.page-about .about-illustrated .prose p:last-child { margin-bottom: 0; }
.about-art { width: 100%; max-width: 27rem; margin: 0; justify-self: center; }
.about-art picture { display: block; }
.about-art img { display: block; width: 100%; height: auto; }
.about-divisions .cards { grid-template-columns: 1fr; }
.about-principles .statement-list { grid-template-columns: 1fr; }
@media (max-width: 760px) {
  .about-illustrated { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "art"; gap: 1.75rem; }
  .about-ai { margin-top: 2.5rem; padding-top: 2.5rem; }
}
@media print {
  .about-art { display: none; }
  .about-illustrated { grid-template-columns: 1fr; grid-template-areas: "copy"; }
}