.about-page { width: 100%; margin: 56px 0 0; }
.about-heading { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.about-grid { display: grid; grid-template-columns: 49.0625% minmax(0, 1fr); min-height: calc(100svh - 56px); align-items: stretch; }
.about-photo { position: relative; min-width: 0; min-height: 720px; margin: 0; overflow: hidden; }
.about-founders-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.photo-wordmark { position: absolute; top: 50%; left: 0; width: 100%; height: auto; transform: translateY(-50%); filter: invert(1); pointer-events: none; }
.about-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 64px 44px; }
.about-copy p { margin: 0; }
.about-copy p + p { margin-top: 20px; }
.about-copy .about-team { margin: 34px 0 0; font-size: 13px; line-height: 1.45; font-weight: 800; }
.site-nav [aria-current="page"] { text-decoration: underline; text-underline-offset: 4px; }
.compil-site[data-page='about'] .site-nav a, .compil-site[data-page='about'] .site-nav button { font-size: 14px; }
@media (min-width: 1500px) {
  .about-copy { padding-inline: 64px; }
  .about-photo { min-height: 820px; }
}
@media (max-width: 1100px) and (min-width: 901px) {
  .about-copy { padding: 48px 28px; }
}
@media (max-width: 900px) {
  .about-page { margin-top: 64px; }
  .about-grid { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  /* Keep the photo in flow so WebKit cannot collapse the grid item. */
  .about-photo { width: 100%; min-height: 0; aspect-ratio: 1884 / 2160; }
  .about-founders-image { position: static; height: auto; }
  .about-copy { padding: 40px 24px 48px; }
  .about-copy .about-team { margin-top: 28px; }
}