/* ==============================================================
   /about/ · Option B about page
   ============================================================== */

/* HERO ---------------------------------------------------------- */
.about-hero-26 {
  position:relative; overflow:hidden;
  padding:var(--s-11) 0 var(--s-10);
  background:
    radial-gradient(ellipse 80% 60% at 80% 0%, rgba(239,41,41,.06), transparent 60%),
    linear-gradient(180deg, var(--c-ink-900) 0%, var(--c-ink-1000) 100%);
  color:var(--c-white);
}
.about-hero-inner { max-width:900px; }
.about-eyebrow {
  font-family:var(--font-mono); font-size:var(--t-xs); letter-spacing:.14em;
  color:var(--c-red-400); margin-bottom:var(--s-5); font-weight:600;
}
.about-title {
  font-family:var(--font-sans); font-size:var(--t-4xl); line-height:1.05; letter-spacing:-.035em; font-weight:800;
  color:var(--c-white); margin-bottom:var(--s-5);
}
.about-title em { font-family:var(--font-serif); font-style:italic; font-weight:400; color:var(--c-red-400); letter-spacing:-.02em; }
@media (min-width:768px) { .about-title { font-size:var(--t-5xl); } }
@media (min-width:1024px) { .about-title { font-size:var(--t-6xl); } }
.about-sub { font-size:var(--t-md); line-height:1.7; color:var(--c-ink-200); max-width:760px; }
@media (min-width:768px) { .about-sub { font-size:var(--t-lg); } }

/* STATS STRIP ------------------------------------------------- */
.about-stats-26 {
  background:var(--c-ink-800); color:var(--c-white);
  padding:var(--s-7) 0;
  border-top:1px solid var(--c-ink-700);
  border-bottom:1px solid var(--c-ink-700);
}
.about-stats-grid {
  display:grid; gap:var(--s-5);
  grid-template-columns:repeat(2,1fr);
}
@media (min-width:768px) { .about-stats-grid { grid-template-columns:repeat(4,1fr); gap:var(--s-6); } }
.about-stat { padding:var(--s-2) 0; }
.about-stat-num {
  font-family:var(--font-mono); font-size:var(--t-3xl); font-weight:700; color:var(--c-red-400);
  letter-spacing:-.02em; line-height:1; margin-bottom:var(--s-2);
}
.about-stat-label {
  font-size:var(--t-xs); color:var(--c-ink-300); text-transform:uppercase; letter-spacing:.08em;
  font-weight:500;
}

/* STORY ------------------------------------------------------- */
.about-story-26 {
  padding:var(--s-12) 0;
  background:var(--c-white);
}
.about-story-inner { max-width:760px; }
.about-story-inner h2 {
  font-family:var(--font-sans); font-size:var(--t-2xl); font-weight:800; letter-spacing:-.025em;
  color:var(--text-primary); line-height:1.15; margin:var(--s-8) 0 var(--s-4);
}
.about-story-inner h2:first-child { margin-top:0; }
@media (min-width:768px) { .about-story-inner h2 { font-size:var(--t-3xl); } }
.about-story-inner h2 em { font-family:var(--font-serif); font-style:italic; font-weight:400; color:var(--c-red-600); letter-spacing:-.02em; }
.about-story-inner p { font-size:var(--t-md); color:var(--text-secondary); line-height:1.8; margin-bottom:var(--s-4); }
.about-story-inner strong { color:var(--text-primary); font-weight:600; }
.about-story-inner ul { list-style:none; padding:0; margin:var(--s-5) 0; display:flex; flex-direction:column; gap:var(--s-4); }
.about-story-inner ul li {
  padding-left:var(--s-6); position:relative; font-size:var(--t-md); color:var(--text-secondary); line-height:1.6;
}
.about-story-inner ul li::before {
  content:""; position:absolute; left:0; top:10px; width:14px; height:2px; background:var(--c-red-600);
}

/* ECOSYSTEM SECTION ------------------------------------------ */
.about-ecosystem-26 {
  padding:var(--s-12) 0;
  background:var(--c-ink-25);
  border-top:1px solid var(--border-subtle);
}
/* Reuses .eco-grid-26 from home.css */

/* FEDERAL BLOCK ---------------------------------------------- */
.about-federal-26 {
  padding:var(--s-12) 0;
  background:var(--c-ink-900); color:var(--c-white);
  position:relative; overflow:hidden;
}
.about-federal-26::before {
  content:""; position:absolute; left:-200px; top:-200px; width:500px; height:500px;
  background:radial-gradient(circle, rgba(239,41,41,.1) 0%, transparent 60%);
  pointer-events:none;
}
.about-federal-inner { max-width:800px; text-align:center; margin:0 auto; position:relative; z-index:1; }
.about-federal-badge {
  display:inline-flex; align-items:center; gap:var(--s-2);
  padding:var(--s-1) var(--s-3); background:rgba(239,41,41,.1); border:1px solid rgba(239,41,41,.3);
  border-radius:var(--r-full); margin-bottom:var(--s-5);
  font-family:var(--font-mono); font-size:var(--t-xs); letter-spacing:.12em; color:var(--c-red-400); font-weight:600;
}
.about-federal-badge .dot { width:6px; height:6px; background:var(--c-red-500); border-radius:50%; }
.about-federal-title {
  font-family:var(--font-sans); font-size:var(--t-2xl); font-weight:800; letter-spacing:-.025em;
  color:var(--c-white); line-height:1.15; margin-bottom:var(--s-4);
}
@media (min-width:768px) { .about-federal-title { font-size:var(--t-3xl); } }
.about-federal-title em { font-family:var(--font-serif); font-style:italic; font-weight:400; color:var(--c-red-400); letter-spacing:-.02em; }
.about-federal-body { font-size:var(--t-md); color:var(--c-ink-200); line-height:1.7; margin-bottom:var(--s-6); }
.about-federal-sa { font-family:var(--font-mono); font-size:var(--t-md); font-weight:700; color:var(--c-red-400); margin-bottom:var(--s-7); letter-spacing:.04em; }