.about-stack { display: flex; flex-direction: column; gap: 36px; }
.about-stack, .about-cta { max-width: 1000px; }
.about-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }

.about-founder-inner { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 36px; align-items: start; }
.about-portrait { min-height: 240px; display: grid; place-items: center; padding: 16px; border: 1px dashed var(--border); border-radius: 11px; background: var(--accent-soft); color: var(--muted); text-align: center; font-size: .8125rem; line-height: 1.5; }
.about-founder h2 { margin: 0 0 4px; }
.prose .about-role { margin-bottom: 18px; color: var(--text); font-weight: 550; }
.about-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 20px; }
.about-tag { padding: 6px 10px; border: 1px solid var(--border); border-radius: 5px; background: var(--surface); color: var(--muted); font-size: .75rem; font-weight: 550; white-space: nowrap; }

.about-section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 18px; }
.about-section-head h2 { font-size: 1.35rem; letter-spacing: -.04em; }
.about-section-head > span { color: var(--muted); font-size: .75rem; white-space: nowrap; }
.about-intro { max-width: 700px; margin: -6px 0 18px; color: var(--muted); font-size: .9375rem; line-height: 1.7; }

.about-card { display: flex; flex-direction: column; padding: 27px 24px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface); }
.about-card .tool-icon { margin-bottom: 18px; font: 650 .875rem var(--heading); }
.about-card h3 { margin-bottom: 8px; font-size: 1.06rem; letter-spacing: -.03em; }
.about-card p { margin: 0; color: var(--muted); font-size: .875rem; line-height: 1.8; }

.about-project-list { display: flex; flex-direction: column; gap: 12px; }
.about-project { cursor: default; }
.about-project > summary { cursor: pointer; }
.about-project-body.prose { padding: 4px 21px 23px; }
.about-project-body .metric-grid { margin: 4px 0 20px; }
.about-project-body .metric-value { font-size: 1.05rem; }
.about-project-body .about-contribution { margin-bottom: 8px; color: var(--text); }
.about-project-body ul { margin: 0; padding-left: 1.25rem; }

@media (max-width: 720px) {
  .about-founder-inner { grid-template-columns: 1fr; gap: 22px; }
  .about-portrait { min-height: 150px; }
  .about-card { padding: 22px 18px; }
  .about-section-head { flex-direction: column; align-items: flex-start; gap: 6px; }
  .about-project-body.prose { padding: 4px 16px 20px; }
}