/* founder.css — /claron-chatmon public founder page
   Moved out of the template's inline <style> (2026-08-20): inline CSS is
   outlawed on every CLAJAMA page. Uses EOS design tokens, no bespoke hex. */
.founder-page { display: flex; flex-direction: column; min-height: 100vh; background: var(--color-base, #07070B); }
.founder-page .eos-public { padding-top: 76px; }
.founder-hero { padding: 48px 24px 40px; max-width: 720px; margin: 0 auto; width: 100%; }
.founder-hero h1 { font-size: clamp(28px, 4.5vw, 36px); font-weight: 300; color: var(--color-text-primary, #F0F0F5); margin-bottom: 8px; letter-spacing: -0.02em; }
.founder-hero h1 .accent { color: var(--color-accent, #7B4DFF); font-weight: 400; }
.founder-hero .subtitle { font-size: 15px; font-weight: 300; color: var(--color-text-secondary, #9494A8); margin-bottom: 32px; }
.founder-mission { padding: 40px 24px; max-width: 680px; margin: 0 auto; width: 100%; }
.founder-mission h2 { font-size: 20px; font-weight: 400; color: var(--color-text-primary, #F0F0F5); margin-bottom: 20px; }
.founder-mission p { font-size: 15px; font-weight: 300; color: var(--color-text-secondary, #9494A8); line-height: 1.8; margin-bottom: 20px; }
.founder-mission .highlight { color: var(--color-accent, #7B4DFF); font-weight: 400; }
.founder-mission .stat-row { display: flex; gap: 32px; margin: 32px 0; flex-wrap: wrap; }
.founder-mission .stat { text-align: center; }
.founder-mission .stat-num { font-size: 28px; font-weight: 200; color: var(--color-text-primary, #F0F0F5); }
.founder-mission .stat-lbl { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-text-muted, #6B6B80); margin-top: 4px; }
.founder-quote { padding: 40px 24px; max-width: 680px; margin: 0 auto; width: 100%; }
.founder-quote blockquote {
  font-size: clamp(18px, 2.5vw, 22px); font-weight: 300; line-height: 1.6;
  color: var(--color-text-primary, #F0F0F5); font-style: italic;
  padding: 32px 0; border-top: 0.5px solid var(--color-border, #1c1c2a); border-bottom: 0.5px solid var(--color-border, #1c1c2a);
}
.founder-quote blockquote .attribution { font-size: 13px; color: var(--color-text-muted, #6B6B80); font-style: normal; margin-top: 12px; }
.founder-quote blockquote .highlight { color: var(--color-accent, #7B4DFF); font-style: normal; }
@media (max-width: 480px) {
  .founder-mission .stat-row { gap: 16px; justify-content: center; }
}