/* =========================================================
   About page
   ========================================================= */

.about-hero {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: var(--sp-6);
  align-items: center;
}
@media (max-width: 860px) {
  .about-hero { grid-template-columns: 1fr; }
}

.founder-photo {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 4/5;
  background: var(--ink);
}
.founder-photo img {
  width: 100%; height: 100%;
  object-fit: cover;
}
.founder-photo .cred-chip {
  position: absolute;
  bottom: var(--sp-3);
  left: var(--sp-3);
  right: var(--sp-3);
  background: rgba(22,35,58,0.88);
  color: var(--paper);
  border-radius: var(--radius-s);
  padding: 0.85rem 1rem;
  font-family: var(--font-mono);
  font-size: 0.75rem;
  display: flex;
  justify-content: space-between;
}

.credential-list li {
  display: flex;
  gap: 0.6em;
  margin-bottom: 0.7em;
  font-size: 0.95rem;
}
.credential-list li::before { content: "—"; color: var(--clay); flex: none; }

.value-card {
  border-top: 3px solid var(--ink);
  padding-top: var(--sp-3);
}
.value-card h3 { font-size: 1.1rem; margin-bottom: 0.4em; }
.value-card p { font-size: 0.92rem; color: var(--ink-soft); }