/**
 * About page — Phase 10 legibility refinement
 * Global contrast · hero geometry · doctrine · notacc · sysmap
 * Scoped: body.about-page · load last on about.html
 */

body.about-page{
  --ab-p10-body:#222;
  --ab-p10-support:#3a3a3a;
  --ab-p10-kicker:rgba(17,17,17,0.78);
  --ab-p10-line:rgba(17,17,17,0.22);
  --ab-p10-line-strong:rgba(17,17,17,0.32);
}

/* -------------------------------------------------------------------------
   Global legibility — body + supporting contrast lift
   ------------------------------------------------------------------------- */
body.about-page .ab-kicker{
  color:var(--ab-p10-kicker);
}

body.about-page .ab-prose,
body.about-page .ab-hero-body,
body.about-page .ab-build__deck,
body.about-page .ab-different__lead,
body.about-page .ab-build-close,
body.about-page .ab-doctrine__thesis,
body.about-page .ab-notacc__prose p{
  color:var(--ab-p10-body);
}

body.about-page .ab-hero__trace-code,
body.about-page .ab-hero__trace-idx,
body.about-page .ab-build__label,
body.about-page .ab-build__rail-tag{
  color:var(--ab-p10-support);
}

body.about-page .ab-section__index{
  color:rgba(17,17,17,0.16);
}

body.about-page .ab-rule{
  background:linear-gradient(90deg,var(--bh-accent) 0%,var(--bh-accent) 36%,var(--ab-p10-line-strong) 36%,var(--ab-p10-line-strong) 100%);
}

body.about-page .ab-section + .ab-section{
  border-top-color:var(--ab-p10-line);
}

body.about-page .ab-section__body{
  border-left-color:var(--ab-p10-line-strong);
}

body.about-page .ab-pull,
body.about-page .ab-emph,
body.about-page .ab-hero-body__stress{
  color:var(--bh-ink);
}

body.about-page .ab-anchor-dark__kicker{
  color:rgba(235,235,235,0.82);
}

body.about-page .ab-anchor-dark__body p{
  color:rgba(240,240,240,0.94);
}

body.about-page .ab-anchor-dark__note{
  color:rgba(235,235,235,0.78);
}

/* -------------------------------------------------------------------------
   Hero structural plane — edge · geometry · right bleed preserved
   ------------------------------------------------------------------------- */
body.about-page .ab-hero-visual .ab-arch__mesh{
  opacity:0.7;
}

body.about-page .ab-hero-visual .ab-arch__engineered{
  opacity:0.48;
}

body.about-page .ab-hero-visual .ab-arch__ribs{
  opacity:0.96;
}

body.about-page .ab-hero-visual .ab-arch__datum{
  opacity:0.72;
}

body.about-page .ab-hero-visual .ab-arch__facet--1{
  border-color:rgba(17,17,17,0.12);
}

body.about-page .ab-hero-visual .ab-arch__facet--3{
  background:linear-gradient(135deg,rgba(34,162,159,0.4) 0%,#1a1a1a 88%);
  border-color:rgba(34,162,159,0.46);
}

body.about-page .ab-hero-visual .ab-arch__crop{
  border-color:rgba(17,17,17,0.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.78),
    inset 0 -1px 0 rgba(17,17,17,0.1);
}

body.about-page .ab-hero-visual .ab-arch__crop::after{
  background:linear-gradient(
    90deg,
    var(--bh-bg) 0%,
    var(--bh-bg) 20%,
    rgba(255,255,255,0.5) 40%,
    rgba(255,255,255,0.06) 62%,
    transparent 88%
  );
}

body.about-page .ab-hero-visual .ab-arch__cap{
  color:rgba(245,245,245,0.52);
}

body.about-page .ab-hero__trace-rule{
  background:linear-gradient(90deg,rgba(34,162,159,0.78),var(--ab-p10-line-strong));
}

/* -------------------------------------------------------------------------
   What We Believe — borders · separation · scan clarity
   ------------------------------------------------------------------------- */
body.about-page .ab-doctrine__veil{
  border-top-color:var(--ab-p10-line-strong);
  border-bottom-color:var(--ab-p10-line-strong);
}

body.about-page .ab-doctrine__rule{
  background:linear-gradient(90deg,var(--bh-accent) 0%,var(--bh-accent) 42%,var(--ab-p10-line-strong) 42%,var(--ab-p10-line-strong) 100%);
}

body.about-page .ab-doctrine__wall{
  border:var(--bh-hairline) solid var(--ab-p10-line-strong);
  background:rgba(255,255,255,0.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.98);
}

body.about-page .ab-doctrine__cell{
  padding:clamp(var(--bh-space-4),4.2vw,var(--bh-space-6));
  border-right-color:var(--ab-p10-line);
  border-bottom-color:var(--ab-p10-line);
  background:rgba(255,255,255,0.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.96);
}

body.about-page .ab-doctrine__mark{
  color:rgba(34,162,159,0.95);
  font-weight:700;
  letter-spacing:0.06em;
}

body.about-page .ab-doctrine__stmt{
  color:var(--bh-ink);
  font-weight:500;
  line-height:1.48;
}

body.about-page .ab-doctrine__thesis{
  color:var(--ab-p10-body);
  max-width:44rem;
}

/* -------------------------------------------------------------------------
   This Is Not Accounting — prominence · tighter band
   ------------------------------------------------------------------------- */
body.about-page .ab-notacc{
  min-height:clamp(248px,34vh,368px);
}

body.about-page .ab-notacc__void{
  border-right-color:var(--ab-p10-line-strong);
}

body.about-page .ab-notacc__content{
  padding:clamp(var(--bh-space-5),6.5vw,calc(var(--bh-unit)*22)) clamp(var(--bh-space-5),5vw,var(--bh-space-7));
  padding-left:clamp(var(--bh-space-5),6vw,calc(var(--bh-unit)*20));
}

body.about-page .ab-notacc__content .ab-kicker--invert{
  color:var(--ab-p10-kicker);
}

body.about-page .ab-notacc__content .ab-head--invert{
  font-size:clamp(1.75rem,2.25vw,2.125rem);
  font-weight:600;
  letter-spacing:-0.036em;
  line-height:1.04;
  color:var(--bh-ink);
  max-width:20ch;
}

body.about-page .ab-notacc__prose{
  margin-top:clamp(var(--bh-space-3),2.6vw,var(--bh-space-4));
}

body.about-page .ab-notacc__prose p{
  margin-bottom:clamp(var(--bh-space-2),2vw,var(--bh-space-3));
  color:var(--ab-p10-body);
}

body.about-page .ab-notacc__resolve{
  margin-top:clamp(var(--bh-space-3),2.6vw,var(--bh-space-4))!important;
  font-size:clamp(1.3125rem,1.35vw,1.4375rem)!important;
  line-height:1.42!important;
  font-weight:600!important;
  color:var(--bh-ink)!important;
}

/* -------------------------------------------------------------------------
   What We Build — diagram contrast · relationship clarity
   ------------------------------------------------------------------------- */
body.about-page .ab-build__chrome{
  border-bottom-color:var(--ab-p10-line);
}

body.about-page .ab-build__chrome-line{
  height:2px;
  background:linear-gradient(90deg,rgba(34,162,159,0.72) 0%,var(--ab-p10-line) 38%,var(--ab-p10-line) 100%);
}

body.about-page .ab-build__rail{
  border-color:var(--ab-p10-line-strong);
  background:rgba(247,247,247,0.82);
}

body.about-page .ab-build__rail-tag{
  color:var(--ab-p10-kicker);
}

body.about-page .ab-sysmap{
  border:var(--bh-hairline) solid var(--ab-p10-line-strong);
  background:
    radial-gradient(85% 70% at 12% 24%,rgba(34,162,159,0.1) 0%,transparent 52%),
    linear-gradient(165deg,#F5F4F1 0%,#EBE9E5 48%,#E4E2DE 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.92);
}

body.about-page .ab-sysmap__svg{
  filter:contrast(1.14) saturate(1.08) drop-shadow(0 10px 26px rgba(17,17,17,0.24));
}

body.about-page .ab-sysmap__caption{
  border-top-color:var(--ab-p10-line);
  color:var(--ab-p10-support);
  font-size:var(--bh-text-sm);
  line-height:1.54;
}

body.about-page .ab-sysmap__caption strong{
  color:var(--bh-ink);
  font-weight:600;
}

body.about-page .ab-build-close{
  border-top-color:var(--ab-p10-line);
  color:var(--ab-p10-body);
  font-weight:500;
}

/* -------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------- */
@media (max-width:900px){
  body.about-page .ab-notacc{
    min-height:auto;
  }

  body.about-page .ab-notacc__content{
    padding:clamp(var(--bh-space-5),6vw,var(--bh-space-6));
  }
}