/* About uses Index tokens. Each supplied portrait belongs to its named founder profile. */
.about-intro { padding-top: var(--s8); padding-bottom: var(--s7); --od-gap: var(--s5); }
.about-intro h1 { font-size: var(--hero-size); line-height: 1.1; letter-spacing: -0.035em; }
.about-intro p { max-width: 60ch; color: var(--muted); }
.about-intro .about-lead { max-width: 40ch; color: inherit; font-size: var(--h3); font-weight: 600; line-height: 1.5; }
.founders-section { padding-bottom: var(--s8); --od-gap: var(--s6); }
.founders-section > h2 { font-size: var(--h3); }
.founders-layout { --od-cols: 2; --od-gap: var(--s8); align-items: stretch; }
.founder-profile { --od-gap: var(--s5); }
.founder-heading { --od-gap: var(--s2); }
.founder-profile h3 { font-size: clamp(28px, 3vw, 40px); line-height: 1.2; }
.founder-role { color: var(--muted); font-size: 16px; }
.founder-bio { --od-gap: var(--s4); max-width: 65ch; }
.founder-portrait { --od-gap: var(--s3); margin: 0; }
.founder-portrait img { aspect-ratio: 1 / 1; object-fit: contain; border-radius: var(--radius); }
.founder-contacts { --od-gap: var(--s5); --founder-logo-size: 40px; align-items: flex-start; margin-top: auto; padding-top: var(--s2); }
.founder-contact-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--s2);
  min-width: 44px;
  min-height: 44px;
  padding-block: var(--s2);
  color: var(--action);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}
.founder-contact-link > span { display: block; }
.founder-social-logo {
  display: block;
  flex: none;
  width: var(--founder-logo-size);
  height: auto;
  object-fit: contain;
}
/* Preserve the complete LinkedIn artwork, including its registered mark. */
.founder-social-linkedin { width: calc(var(--founder-logo-size) * 635 / 540); }
.founder-contact-detail { font-weight: 400; text-decoration: underline; text-underline-offset: 4px; }
.founder-contact-link:focus-visible { outline: 3px solid var(--action); outline-offset: 5px; }
@media (hover: hover) {
  .founder-contact-link:hover { color: var(--text); }
  .founder-contact-link:hover .founder-contact-detail { text-decoration-thickness: 2px; }
}
.about-contact { padding-block: var(--s7) var(--s8); border-top: 1px solid var(--rule); --od-gap: var(--s5); align-items: flex-start; }
.about-contact h2 { max-width: 20ch; }
.about-contact p { max-width: 60ch; color: var(--muted); }
.about-page .footer-bottom { margin-top: var(--s5); }
@media (max-width: 1023px) {
  .founders-layout { --od-gap: var(--s6); }
}
@media (max-width: 767px) {
  .about-intro { padding-top: var(--s7); padding-bottom: var(--s6); }
  .founders-layout { --od-cols: 1; --od-gap: var(--s7); }
  .founders-section { padding-bottom: var(--s7); }
  .about-contact { padding-block: var(--s6) var(--s7); }
}