/* =============================================================================
   about.css — About page (thesis story + values + founder lockup). Async. Tokens only.
   ============================================================================= */

.pd-about .pd-lead { max-width: 60ch; }

.pd-about__story h2 { font-size: var(--pd-h2); margin-bottom: var(--pd-space-6); }
.pd-about__story p { margin-bottom: var(--pd-space-4); max-width: 65ch; }
.pd-about__story p:last-child { margin-bottom: 0; }

.pd-about__values .pd-card { height: 100%; }
.pd-about__values .pd-icon { color: var(--pd-violet); margin-bottom: var(--pd-space-3); }
.pd-about__values h3 { font-size: var(--pd-h3); margin-bottom: var(--pd-space-2); }

.pd-about__founder { display: flex; gap: var(--pd-space-6); align-items: flex-start; }
@media (max-width: 39.99rem) {
  .pd-about__founder { flex-direction: column; }
  .pd-about__photo { align-self: center; }
}
.pd-about__photo {
  flex: none; width: 96px; height: 96px;
  border-radius: var(--pd-radius-pill); object-fit: cover;
}
.pd-about__photo--placeholder {
  display: grid; place-items: center;
  background: rgba(194,97,252,0.12); color: var(--pd-violet);
}
.pd-about__founder h2 { font-size: var(--pd-h3); margin-bottom: var(--pd-space-2); }

/* Long-form founder bio: story paragraphs, "feed" checklist, connect links. */
.pd-about__founder-bio { flex: 1 1 auto; min-width: 0; }
.pd-about__founder-bio > p { margin-bottom: var(--pd-space-4); max-width: 62ch; }
.pd-about__founder-bio > p:last-of-type { margin-bottom: var(--pd-space-2); }

.pd-about__bio-title {
  font-size: var(--pd-text-sm); text-transform: uppercase; letter-spacing: 0.04em;
  color: var(--pd-on-dark-muted); margin: var(--pd-space-6) 0 var(--pd-space-3);
}

.pd-about__feed { list-style: none; margin: 0 0 var(--pd-space-4); padding: 0; display: grid; gap: var(--pd-space-2); }
.pd-about__feed li { display: flex; align-items: flex-start; gap: var(--pd-space-2); }
.pd-about__feed .pd-icon { color: var(--pd-violet); flex: none; margin-top: 0.15em; }

.pd-about__connect { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--pd-space-2); font-size: var(--pd-text-sm); }
.pd-about__connect li { display: flex; flex-wrap: wrap; gap: var(--pd-space-2); }
.pd-about__connect-label { color: var(--pd-on-dark-muted); min-width: 5.5rem; }