/* extracted from about/index.html by ops/inline_style_extract.py — linked in the same document position to preserve cascade order */
.about-page {
  max-width: 960px;
  margin: 0 auto;
  padding: var(--space-40) var(--space-24) var(--space-64);
  color: var(--c-ink-0, var(--c-paper));
}
.about-hero {
  margin-bottom: var(--space-40);
}
.about-kicker {
  font-family: var(--gs-font-data, monospace);
  font-size: var(--text-11);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--c-gold-mid, var(--c-gold));
  margin-bottom: var(--space-12);
}
.about-hero h1 {
  font-family: var(--gs-font-display, serif);
  font-size: clamp(var(--text-28), 5vw, var(--text-40));
  line-height: 1.15;
  margin: 0 0 var(--space-16);
  font-weight: 400;
}
.about-hero p {
  font-size: var(--text-16);
  line-height: 1.6;
  color: var(--c-ink-2, var(--c-muted));
  max-width: 680px;
  margin: 0;
}
.about-sections {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  margin-top: var(--space-40);
}
.about-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(201, 169, 107, 0.2);
  border-radius: var(--radius-8);
  padding: var(--space-24);
}
.about-card h2 {
  font-family: var(--gs-font-display, serif);
  font-size: var(--text-20);
  margin: 0 0 var(--space-12);
  color: var(--c-ink-0, var(--c-paper));
}
.about-card p {
  font-size: var(--text-14);
  line-height: 1.6;
  color: var(--c-ink-2, var(--c-muted));
  margin: 0 0 var(--space-16);
}
.about-card p:last-child {
  margin-bottom: 0;
}
.about-links {
  display: flex;
  gap: var(--space-16);
  flex-wrap: wrap;
  margin-top: var(--space-16);
}
.about-links a {
  font-size: var(--text-14);
  font-weight: 600;
  color: var(--c-gold-mid, var(--c-gold));
  text-decoration: none;
}
.about-links a:hover {
  text-decoration: underline;
}