/* pages/about.css */
.about-story { background: var(--bg); }

.founder-card { background: var(--bg-white); border: 1px solid var(--border); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-card); }
.founder-photo-placeholder {
  width: 100%; aspect-ratio: 4/3;
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.2); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase;
}
.founder-card-body { padding: var(--sp-4); }
.founder-name { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 700; color: var(--text-1); }
.founder-title { font-size: var(--text-sm); color: var(--text-2); margin-top: 4px; }
.founder-bio { font-size: var(--text-sm); line-height: 1.7; color: var(--text-2); margin-top: var(--sp-2); }

.values-section { background: var(--bg-white); }
.value-card .card-heading { margin-bottom: var(--sp-2); }

.legitimacy-section {
  background: var(--dark);
  background-image: radial-gradient(circle, rgba(200,169,106,0.06) 1px, transparent 1px);
  background-size: 32px 32px; padding: var(--sp-10) 0;
}
.legitimacy-strip {
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07);
  border-radius: var(--r-lg); padding: var(--sp-5) var(--sp-6);
  display: grid; grid-template-columns: 1fr; gap: var(--sp-4);
}
@media (min-width: 640px) { .legitimacy-strip { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1024px) { .legitimacy-strip { grid-template-columns: repeat(4,1fr); } }
.legitimacy-item { display: flex; flex-direction: column; gap: 4px; }
.legitimacy-label { font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.3); }
.legitimacy-value { font-family: var(--font-display); font-size: 15px; font-weight: 600; color: rgba(255,255,255,0.8); }
.legitimacy-value a { color: var(--gold); text-decoration: none; }
.legitimacy-value a:hover { opacity: 0.8; }