/* Beige, painting and a light pixel edge. No ornamental framing. */
body.lex-theme main.lex-about { color: #25251e; background: #f5edde; padding-block: 40px 56px; }
.lex-about .about-wrap { width: calc(100% - 96px); max-width: 1120px; margin-inline: auto; }
.lex-about h1,
.lex-about h2,
.lex-about h3,
.lex-about p { margin: 0; font-style: normal; }
.lex-about h1,
.lex-about h2 { font-family: "Source Serif 4", Georgia, serif; font-weight: 400; letter-spacing: -.025em; color: #25251e; }
.lex-about h1 { font-size: 48px; line-height: 1.15; margin-bottom: 32px; }
.about-story__layout { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 56px; }
.about-story__painting { width: 100%; mask-image: url('/images/about/meadow-edge.svg'); mask-size: 100% 100%; mask-repeat: no-repeat; }
.about-story__painting img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; object-position: 45% center; }
.lex-about .about-story__lead { color: #25251e; font-size: 21px; line-height: 1.5; }
.about-story__text > p { color: #606157; font-size: 16px; line-height: 1.65; }
.about-story__text > p + p { margin-top: 20px; }
.lex-about .about-story__text > h2 { font-size: 26px; line-height: 1.25; margin: 32px 0 16px; }
.founders { padding-top: 56px; scroll-margin-top: 100px; }
.lex-about .founders > h2 { font-size: 34px; line-height: 1.2; margin-bottom: 28px; }
.founders__portraits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; align-items: start; }
.founder { min-width: 0; }
.founder__media { width: 100%; aspect-ratio: 1; overflow: hidden; }
.founder__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.founder__info { padding-top: 16px; }
.lex-about .founder h3 { font-family: "Source Serif 4", Georgia, serif; font-size: 25px; line-height: 1.25; font-weight: 400; letter-spacing: -.02em; color: #25251e; }
.founder h3 span { display: inline; }
.founder__bio { color: #606157; font-size: 14px; line-height: 1.6; margin-top: 8px !important; max-width: 35ch; }
.founder__schools { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; min-height: 28px; margin-top: 20px; }
.founder__schools img { object-fit: contain; width: auto; height: 28px; max-width: 60px; }
.founder__schools img.founder__school--wide { max-width: 72px; height: 24px; }
.lex-about .about-link { display: inline-flex; gap: 12px; align-items: center; padding-block: 8px; font-size: 13px; line-height: 1.5; text-decoration: none; color: #25251e; }
.lex-about .about-link:hover { color: #31584d; }
.lex-about .about-link:active { color: #142f27; }
.lex-about .about-link:focus-visible { outline: 2px solid #31584d; outline-offset: 4px; }
.founder .about-link { margin-top: 12px; }
.founders__closing { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 40px; }
.founders__closing > p { color: #606157; font-size: 13px; line-height: 1.5; }
@media (max-width: 1000px) {
  .lex-about .about-wrap { width: calc(100% - 64px); }
  .about-story__layout { gap: 32px; }
  .founders__portraits { gap: 24px; }
}
@media (max-width: 700px) {
  body.lex-theme main.lex-about { padding-block: 28px 40px; }
  .lex-about .about-wrap { width: calc(100% - 40px); }
  .lex-about h1 { font-size: 40px; margin-bottom: 24px; }
  .about-story__layout { grid-template-columns: 1fr; gap: 24px; }
  .about-story__painting img { aspect-ratio: 4 / 3; }
  .lex-about .about-story__lead { font-size: 20px; }
  .founders { padding-top: 40px; }
  .lex-about .founders > h2 { font-size: 30px; margin-bottom: 24px; }
  .founders__portraits { grid-template-columns: 1fr; gap: 32px; }
  .founder { display: grid; grid-template-columns: 112px 1fr; gap: 20px; }
  .founder__info { padding-top: 0; }
  .lex-about .founder h3 { font-size: 23px; }
  .founder__schools { margin-top: 12px; gap: 12px; }
  .founder__schools img { height: 22px; max-width: 48px; }
  .founder__schools img.founder__school--wide { height: 20px; max-width: 56px; }
  .founder .about-link { margin-top: 8px; }
  .founders__closing { flex-direction: column; align-items: start; gap: 12px; margin-top: 32px; }
}