/* About page */

.about-stats {
  padding-block: var(--space-7);
  background: var(--bg-1);
  border-block: 1px solid var(--border-0);
}
.about-stats__grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-5);
}
@media (max-width: 900px) { .about-stats__grid { grid-template-columns: 1fr 1fr; } }
.about-stats__grid > div { text-align: center; }
.about-stats__grid .mono {
  display: block; font-size: clamp(2.5rem, 4vw, 3.5rem); font-weight: 700;
  background: var(--grad-trace);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  margin-bottom: var(--space-2);
}
.about-stats__grid span:last-child { color: var(--fg-2); font-size: var(--fs-14); }

.about-founder {
  display: grid; gap: var(--space-7);
  grid-template-columns: 1fr 1.6fr;
  align-items: start;
}
@media (max-width: 900px) { .about-founder { grid-template-columns: 1fr; } }
.about-founder__photo {
  aspect-ratio: 5/6;
  border-radius: var(--r-3);
  overflow: hidden; border: 1px solid var(--border-1);
}
.about-founder__photo svg { width: 100%; height: 100%; display: block; }
.about-founder h2 { margin: var(--space-3) 0 var(--space-1); }
.about-founder__title { color: var(--accent-2); font-family: var(--font-mono); font-size: var(--fs-14); margin: 0 0 var(--space-4); }
.about-founder p { color: var(--fg-1); margin: 0 0 var(--space-3); }
.about-founder h3 { margin: var(--space-5) 0 var(--space-3); font-size: var(--fs-18); }
.about-founder__list { color: var(--fg-1); padding-left: var(--space-5); margin: 0 0 var(--space-5); }
.about-founder__links { display: flex; gap: var(--space-3); flex-wrap: wrap; }

/* timeline */
.about-history { background: var(--bg-1); border-block: 1px solid var(--border-0); }
.history {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4);
  position: relative;
}
@media (max-width: 900px) { .history { grid-template-columns: 1fr 1fr; } }
@media (max-width: 540px) { .history { grid-template-columns: 1fr; } }
.history li {
  background: var(--bg-0); border: 1px solid var(--border-0);
  border-radius: var(--r-3); padding: var(--space-5);
}
.history__year {
  font-size: var(--fs-12); color: var(--accent);
  padding: 4px 10px; border-radius: var(--r-full);
  border: 1px solid var(--accent); display: inline-block;
  margin-bottom: var(--space-3);
}
.history h3 { margin: 0 0 var(--space-2); font-size: var(--fs-18); }
.history p { color: var(--fg-1); margin: 0; font-size: var(--fs-14); }

.values-grid {
  display: grid; gap: var(--space-4);
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 900px) { .values-grid { grid-template-columns: 1fr; } }
.value h3 { margin: 0 0 var(--space-3); }
.value p { color: var(--fg-1); margin: 0; }