/**
 * About — institutional philosophy document
 * Editorial cadence · integrated structural imagery · doctrine wall · systems map
 */

body.about-page{
  --ab-line:rgba(17,17,17,0.085);
  --ab-line-strong:rgba(17,17,17,0.16);
  --ab-arch-ink:var(--bh-arch-base);
  --ab-teal:rgba(34,162,159,0.92);
  --ab-teal-soft:rgba(34,162,159,0.22);
  /* Normalized vertical rhythm */
  --ab-y-tight:clamp(56px,9vw,88px);
  --ab-y-core:clamp(72px,11vw,112px);
  --ab-y-loose:clamp(88px,13vw,132px);
}

body.about-page main.ab-doc{
  overflow-x:hidden;
}

body.about-page a{
  color:inherit;
}

body.about-page .ab-shell{
  max-width:var(--bh-max-content);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--space-section-x);
  padding-right:var(--space-section-x);
}

/* -------------------------------------------------------------------------
   Kickers & shared heads
   ------------------------------------------------------------------------- */
body.about-page .ab-kicker{
  margin:0 0 var(--bh-space-5);
  font-size:var(--bh-text-xs);
  font-weight:600;
  letter-spacing:var(--bh-letter-kicker);
  text-transform:uppercase;
  color:var(--bh-color-kicker);
}

body.about-page .ab-kicker--invert{
  color:rgba(255,255,255,0.5);
}

body.about-page .ab-h2{
  font-size:var(--bh-type-h2);
  font-weight:600;
  color:var(--bh-text);
  line-height:var(--bh-leading-h2);
  letter-spacing:var(--bh-track-h2);
  margin:0;
  text-align:left;
}

body.about-page .ab-statement{
  font-size:var(--bh-type-statement);
  letter-spacing:var(--bh-track-statement);
  line-height:var(--bh-leading-statement);
  max-width:min(100%,44rem);
}

body.about-page .ab-rule{
  display:block;
  height:var(--bh-hairline);
  width:clamp(4rem,12vw,5.25rem);
  margin:clamp(var(--bh-space-5),3vw,var(--bh-space-7)) 0 clamp(var(--bh-space-6),4vw,var(--bh-space-8));
  border:0;
  background:linear-gradient(90deg,var(--bh-accent) 0,var(--bh-accent) 36%,var(--ab-line-strong) 36%,var(--ab-line-strong) 100%);
}

body.about-page .ab-rule--long{width:clamp(6rem,28vw,12rem)}

body.about-page .ab-head{
  margin:0;
  font-weight:600;
  color:var(--bh-text);
  letter-spacing:var(--bh-track-statement);
  line-height:var(--bh-leading-statement);
}

body.about-page .ab-head--invert{
  font-size:var(--bh-type-anchor);
  color:#FAFAFA;
  letter-spacing:var(--bh-track-anchor);
  line-height:1.02;
  max-width:18ch;
}

body.about-page .ab-prose{
  font-size:var(--bh-type-prose);
  line-height:var(--bh-leading-prose);
  color:var(--bh-text-secondary);
  font-weight:400;
}

body.about-page .ab-prose p{
  margin:clamp(var(--bh-space-5),3vw,var(--bh-space-6)) 0 0;
}

body.about-page .ab-prose p:first-child{
  margin-top:0;
}

body.about-page .ab-prose--wide{
  max-width:42rem;
}

body.about-page .ab-prose--tight{
  max-width:34rem;
}

body.about-page .ab-emph{
  font-weight:600;
  color:var(--bh-text);
  letter-spacing:var(--bh-track-tight);
}

body.about-page .ab-pull{
  font-size:var(--bh-type-prose-lede);
  line-height:var(--bh-leading-snug);
  font-weight:600;
  color:var(--bh-text);
  letter-spacing:var(--bh-track-tight);
}

/* -------------------------------------------------------------------------
   Hero — editorial authority + grid-contained architectural figure (Insights-aligned)
   ------------------------------------------------------------------------- */
body.about-page .ab-hero{
  position:relative;
  border-bottom:var(--bh-hairline) solid var(--ab-line);
  overflow:hidden;
}

body.about-page .ab-hero__structural-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(106deg, transparent 0%, rgba(17,17,17,0.034) 42%, transparent 66%),
    repeating-linear-gradient(-11deg, transparent 0, transparent 16px, rgba(17,17,17,0.034) 16px, rgba(17,17,17,0.034) 17px);
  opacity:0.94;
  mask-image:linear-gradient(180deg, black 0%, black 86%, transparent 100%);
  -webkit-mask-image:linear-gradient(180deg, black 0%, black 86%, transparent 100%);
}

body.about-page .ab-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(to right,var(--ab-line) 1px,transparent 1px),
    linear-gradient(to bottom,var(--ab-line) 1px,transparent 1px);
  background-size:50px 50px;
  opacity:0.42;
  pointer-events:none;
  mask-image:linear-gradient(90deg,black 0,black 54%,transparent 86%);
  -webkit-mask-image:linear-gradient(90deg,black 0,black 54%,transparent 86%);
}

body.about-page .ab-hero::after{
  content:"";
  position:absolute;
  top:clamp(48px,11vh,104px);
  right:min(14%,200px);
  width:2px;
  height:clamp(116px,20vh,200px);
  background:linear-gradient(
    180deg,
    var(--ab-teal) 0,
    var(--ab-teal) 30%,
    var(--ab-line-strong) 30%,
    var(--ab-line-strong) 100%
  );
  pointer-events:none;
}

body.about-page .ab-hero .ab-shell{
  position:relative;
  z-index:1;
}

body.about-page .ab-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(200px,0.82fr);
  gap:clamp(var(--bh-space-8),7vw,var(--bh-space-10));
  align-items:center;
  padding:clamp(64px,11vw,120px) 0 clamp(44px,8vw,80px);
}

body.about-page .ab-hero__copy{
  position:relative;
  text-align:left;
  padding-left:calc(var(--bh-space-5) + var(--bh-triangle-sm));
  min-width:0;
}

body.about-page .ab-hero__copy::before{
  content:"";
  position:absolute;
  left:0;
  top:0.2em;
  width:3px;
  height:3.2em;
  background:var(--bh-accent);
  clip-path:polygon(0 0,100% 10%,100% 90%,0 100%);
  opacity:0.92;
}

body.about-page .ab-hero-title{
  margin:0 0 clamp(var(--bh-space-6),4.8vw,var(--bh-space-9));
  font-weight:600;
  line-height:var(--bh-leading-hero);
}

body.about-page .ab-hero-title__line{
  display:block;
  font-size:var(--bh-type-hero-line);
  letter-spacing:var(--bh-track-hero-line);
  color:var(--bh-text);
}

body.about-page .ab-hero-title__line--mass{
  margin-top:0.06em;
  font-size:var(--bh-type-hero-mass);
  letter-spacing:var(--bh-track-hero-mass);
  max-width:14ch;
}

body.about-page .ab-hero-body{
  max-width:40rem;
  margin:0;
  font-size:var(--bh-type-prose-lede);
  line-height:var(--bh-leading-prose);
  color:var(--bh-text-secondary);
}

body.about-page .ab-hero-body p{margin:clamp(var(--bh-space-5),3.2vw,var(--bh-space-6)) 0 0}
body.about-page .ab-hero-body p:first-child{margin-top:0}

body.about-page .ab-hero-body__stress{
  margin-top:clamp(var(--bh-space-6),4vw,var(--bh-space-7))!important;
  font-weight:600;
  font-size:var(--bh-type-prose-lede);
  letter-spacing:var(--bh-track-tight);
  line-height:var(--bh-leading-snug);
  color:var(--bh-text);
}

body.about-page .ab-hero__trace{
  display:flex;
  align-items:center;
  gap:var(--bh-space-5);
  padding-bottom:clamp(var(--bh-space-7),5vw,var(--bh-space-9));
  border-top:var(--bh-hairline) solid var(--ab-line);
}

body.about-page .ab-hero__trace-code{
  font-size:var(--bh-type-schema);
  letter-spacing:var(--bh-letter-schema);
  text-transform:uppercase;
  color:rgba(17,17,17,0.38);
  white-space:nowrap;
}

body.about-page .ab-hero__trace-rule{
  flex:1;
  height:var(--bh-hairline);
  background:linear-gradient(90deg, rgba(34,162,159,0.35), var(--ab-line));
}

body.about-page .ab-hero__trace-idx{
  font-size:var(--bh-type-schema);
  font-weight:600;
  letter-spacing:var(--bh-letter-schema);
  color:rgba(17,17,17,0.42);
}

/* Architectural figure — secondary column; capped width */
body.about-page .ab-arch{display:block;margin:0;width:100%}

body.about-page .ab-arch__crop{
  position:relative;
  overflow:hidden;
  width:100%;
  background:
    radial-gradient(110% 85% at 88% 10%, rgba(247,247,247,0.08) 0%, transparent 52%),
    var(--bh-arch-surface);
  border:var(--bh-hairline) solid rgba(255,255,255,0.07);
  clip-path:polygon(0 9%, 100% 0, 100% 91%, 0 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.05), inset 0 -1px 0 rgba(0,0,0,0.48);
  isolation:isolate;
}

body.about-page .ab-arch__mesh{
  position:absolute;
  inset:0;
  opacity:0.52;
  background-image:
    repeating-linear-gradient(-24deg, transparent 0, transparent 21px, rgba(255,255,255,0.038) 21px, rgba(255,255,255,0.038) 22px),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.024) 0, rgba(255,255,255,0.024) 1px, transparent 1px, transparent 40px);
  mix-blend-mode:screen;
  pointer-events:none;
}

body.about-page .ab-arch__engineered{
  position:absolute;
  inset:0;
  opacity:0.32;
  background-image:repeating-linear-gradient(0deg, transparent, transparent 6px, rgba(34,162,159,0.065) 6px, rgba(34,162,159,0.065) 7px);
  mask-image:linear-gradient(90deg, transparent 0%, black 38%, black 74%, transparent 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, black 38%, black 74%, transparent 100%);
  pointer-events:none;
}

body.about-page .ab-arch__facets{position:absolute;inset:0;pointer-events:none}

body.about-page .ab-arch__facet{
  position:absolute;
  display:block;
  border:var(--bh-hairline) solid rgba(255,255,255,0.08);
}

body.about-page .ab-arch__facet--1{
  width:56%;
  height:40%;
  top:-5%;
  right:-11%;
  clip-path:polygon(12% 0,100% 0,100% 78%,0 100%);
  background:linear-gradient(198deg,#ececec 0%,#656565 100%);
}

body.about-page .ab-arch__facet--2{
  width:46%;
  height:36%;
  bottom:6%;
  left:-13%;
  clip-path:polygon(0 18%,72% 0,100% 62%,26% 100%);
  background:linear-gradient(22deg,#D0CDC8 0%,#E8E5E0 100%);
}

body.about-page .ab-arch__facet--3{
  width:42%;
  height:34%;
  top:38%;
  left:21%;
  clip-path:polygon(50% 0,100% 42%,62% 100%,0 74%);
  background:linear-gradient(135deg,rgba(34,162,159,0.22) 0%,#1a1a1a 88%);
  border-color:rgba(34,162,159,0.28);
}

body.about-page .ab-arch__ribs{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent 58%, rgba(34,162,159,0.11) 58%, rgba(34,162,159,0.11) 58.25%, transparent 58.25%);
  opacity:0.88;
  pointer-events:none;
}

body.about-page .ab-arch__datum{
  position:absolute;
  top:11%;
  bottom:15%;
  left:54%;
  width:2px;
  margin-left:-1px;
  background:linear-gradient(180deg,transparent 0,var(--ab-teal) 12%,var(--ab-teal) 70%,transparent 100%);
  opacity:0.52;
  pointer-events:none;
}

body.about-page .ab-arch__cap{
  position:absolute;
  font-size:var(--bh-type-schema);
  letter-spacing:var(--bh-letter-schema);
  text-transform:uppercase;
  color:rgba(245,245,245,0.4);
  pointer-events:none;
}

body.about-page .ab-arch__cap--tl{top:var(--bh-space-5);left:var(--bh-space-5)}
body.about-page .ab-arch__cap--br{bottom:var(--bh-space-5);right:var(--bh-space-5);text-align:right}

body.about-page .ab-arch--hero .ab-arch__crop{
  width:min(100%,480px);
  min-height:clamp(240px,30vw,380px);
  margin-left:auto;
  margin-right:calc(-1 * clamp(8px,4vw,52px));
}

body.about-page .ab-arch--origin .ab-arch__crop{
  min-height:clamp(200px,28vw,340px);
}

/* -------------------------------------------------------------------------
   Sections — editorial cadence
   ------------------------------------------------------------------------- */
body.about-page .ab-section{
  position:relative;
  padding:clamp(var(--bh-space-9),11vw,calc(var(--bh-unit)*38)) 0;
}

body.about-page .ab-section + .ab-section{
  border-top:var(--bh-hairline) solid var(--ab-line);
}

body.about-page .ab-section--problem{
  padding-left:0;
  padding-right:0;
}

body.about-page .ab-grid-overlay{
  pointer-events:none;
  position:absolute;
  inset:0;
  opacity:0.38;
  background-image:
    linear-gradient(to right, rgba(17,17,17,0.07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(17,17,17,0.07) 1px, transparent 1px),
    linear-gradient(118deg, transparent 52%, rgba(34,162,159,0.04) 52%, transparent 53%);
  background-size:48px 48px, 48px 48px, 100% 100%;
  mask-image:linear-gradient(95deg, black 0%, black 58%, transparent 94%);
}

body.about-page .ab-section__layout--problem{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:clamp(var(--bh-space-7),6vw,var(--bh-space-10));
  align-items:start;
  padding-left:var(--space-section-x);
  padding-right:var(--space-section-x);
}

body.about-page .ab-section__index{
  font-size:clamp(3.25rem,8.5vw,5.5rem);
  font-weight:600;
  letter-spacing:-0.065em;
  line-height:1;
  color:rgba(17,17,17,0.07);
  user-select:none;
  padding-top:var(--bh-space-2);
}

body.about-page .ab-section__body{
  padding-top:var(--bh-space-3);
  border-left:var(--bh-hairline) solid var(--ab-line-strong);
  padding-left:clamp(var(--bh-space-6),5vw,var(--bh-space-9));
}

/* Origin */
body.about-page .ab-section--origin{
  padding-top:var(--ab-y-loose);
  padding-bottom:var(--ab-y-loose);
  background:linear-gradient(168deg, rgba(247,247,247,0.92) 0%, var(--bh-bg) 50%);
}

body.about-page .ab-origin{
  display:grid;
  grid-template-columns:minmax(0,0.95fr) minmax(0,1.12fr);
  gap:clamp(var(--bh-space-8),8vw,var(--bh-space-10));
  align-items:center;
}

body.about-page .ab-origin__visual{
  order:2;
  position:relative;
  margin-right:calc(-1 * clamp(16px,6vw,80px));
  border-left:var(--bh-hairline) solid var(--ab-line);
  padding-left:clamp(var(--bh-space-6),4vw,var(--bh-space-8));
}

body.about-page .ab-origin__visual .ab-arch{
  width:100%;
  max-width:460px;
  margin-left:auto;
}

body.about-page .ab-origin__visual .ab-arch__crop{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    inset 0 -1px 0 rgba(0,0,0,0.48),
    0 22px 48px rgba(17,17,17,0.08);
}

body.about-page .ab-origin__text{
  order:1;
  padding-right:clamp(var(--bh-space-4),3vw,var(--bh-space-7));
}

/* Doctrine wall */
body.about-page .ab-section--doctrine{
  padding:var(--ab-y-loose) 0;
  border-top:none;
}

body.about-page .ab-doctrine__veil{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 20% 30%, rgba(34,162,159,0.06) 0%, transparent 55%),
    linear-gradient(180deg, #F0EEEB 0%, #E6E4E0 100%);
  border-top:var(--bh-hairline) solid rgba(255,255,255,0.06);
  border-bottom:var(--bh-hairline) solid rgba(255,255,255,0.06);
}

body.about-page .ab-section--doctrine .ab-shell{
  position:relative;
  z-index:1;
}

body.about-page .ab-doctrine{
  max-width:960px;
}

body.about-page .ab-doctrine__head{
  margin-bottom:clamp(var(--bh-space-9),9vw,var(--bh-space-10));
}

body.about-page .ab-doctrine__eyebrow{
  margin:0 0 var(--bh-space-5);
  font-size:var(--bh-type-schema);
  font-weight:600;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.45);
}

body.about-page .ab-doctrine__title{
  margin:0 0 var(--bh-space-4);
  font-size:var(--bh-type-anchor);
  font-weight:600;
  letter-spacing:var(--bh-track-anchor);
  line-height:1.02;
  color:rgba(255,255,255,0.96);
}

body.about-page .ab-doctrine__rule{
  display:block;
  height:var(--bh-hairline);
  width:clamp(5rem,18vw,7rem);
  margin:0 0 clamp(var(--bh-space-7),5vw,var(--bh-space-9));
  border:0;
  background:linear-gradient(90deg, var(--bh-accent) 0%, var(--bh-accent) 42%, rgba(255,255,255,0.18) 42%, rgba(255,255,255,0.18) 100%);
}

body.about-page .ab-doctrine__thesis{
  margin:0;
  max-width:42rem;
  font-size:var(--bh-type-prose-lede);
  line-height:var(--bh-leading-prose);
  color:rgba(255,255,255,0.58);
}

body.about-page .ab-doctrine__wall{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:0;
  border:var(--bh-hairline) solid rgba(255,255,255,0.12);
}

body.about-page .ab-doctrine__cell{
  position:relative;
  margin:0;
  padding:clamp(var(--bh-space-8),7vw,var(--bh-space-10));
  border-right:var(--bh-hairline) solid rgba(255,255,255,0.1);
  border-bottom:var(--bh-hairline) solid rgba(255,255,255,0.1);
  background:rgba(255,255,255,0.02);
}

body.about-page .ab-doctrine__cell:nth-child(2n){
  border-right:none;
}

body.about-page .ab-doctrine__cell:nth-last-child(-n+2){
  border-bottom:none;
}

body.about-page .ab-doctrine__mark{
  display:block;
  margin-bottom:var(--bh-space-5);
  font-size:var(--bh-type-schema);
  font-weight:700;
  letter-spacing:var(--bh-letter-schema);
  color:rgba(34,162,159,0.85);
}

body.about-page .ab-doctrine__stmt{
  margin:0;
  font-size:var(--bh-type-h2);
  line-height:var(--bh-leading-h2);
  font-weight:600;
  letter-spacing:var(--bh-track-h2);
  color:rgba(255,255,255,0.92);
  max-width:28ch;
}

/* Different */
body.about-page .ab-section--different{
  padding-top:var(--ab-y-loose);
  padding-bottom:var(--ab-y-loose);
}

body.about-page .ab-section__accent-line{
  position:absolute;
  top:clamp(52px,10vw,112px);
  left:0;
  width:min(30vw,340px);
  height:var(--bh-hairline);
  background:linear-gradient(90deg, rgba(34,162,159,0.5), transparent);
}

body.about-page .ab-different{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(var(--bh-space-8),10vw,calc(var(--bh-unit)*28));
  align-items:start;
}

body.about-page .ab-different__statement{
  position:sticky;
  top:clamp(88px,13vh,148px);
}

body.about-page .ab-different__body{
  padding-top:var(--bh-space-4);
}

body.about-page .ab-different__lead{
  margin:0 0 var(--bh-space-6);
  font-size:var(--bh-type-prose-lede);
  line-height:var(--bh-leading-prose);
  color:var(--bh-text-secondary);
}

body.about-page .ab-different__claim{
  margin:0 0 clamp(var(--bh-space-8),6vw,var(--bh-space-9));
  font-size:var(--bh-type-statement);
  line-height:var(--bh-leading-statement);
  font-weight:600;
  letter-spacing:var(--bh-track-statement);
  color:var(--bh-text);
  max-width:28ch;
}

/* Operational architecture framework — What we build */
body.about-page .ab-section--build{
  padding-top:clamp(var(--bh-space-10),12vw,calc(var(--bh-unit)*40));
  padding-bottom:clamp(var(--bh-space-10),12vw,calc(var(--bh-unit)*40));
  background:
    linear-gradient(178deg, rgba(247,247,247,0.45) 0%, var(--bh-bg) 48%);
}

body.about-page .ab-build__head{
  margin-bottom:clamp(var(--bh-space-9),9vw,var(--bh-space-10));
}

body.about-page .ab-build__label{
  margin:0 0 var(--bh-space-4);
  font-size:var(--bh-type-schema);
  font-weight:700;
  letter-spacing:var(--bh-letter-schema);
  text-transform:uppercase;
  color:rgba(17,17,17,0.4);
}

body.about-page .ab-build__deck{
  margin:clamp(var(--bh-space-6),4vw,var(--bh-space-7)) 0 0;
  max-width:42rem;
  font-size:var(--bh-type-prose);
  line-height:var(--bh-leading-prose);
  color:var(--bh-text-secondary);
}

body.about-page .ab-build__framework{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:clamp(var(--bh-space-6),5vw,var(--bh-space-9));
  align-items:stretch;
}

body.about-page .ab-build__rail{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--bh-space-4);
  padding:var(--bh-space-5) var(--bh-space-3);
  border:var(--bh-hairline) solid var(--ab-line);
  background:rgba(247,247,247,0.55);
}

body.about-page .ab-build__rail-tag{
  font-size:8px;
  font-weight:700;
  letter-spacing:0.16em;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  color:rgba(17,17,17,0.38);
}

body.about-page .ab-build__rail-line{
  flex:1;
  width:var(--bh-hairline);
  min-height:80px;
  background:linear-gradient(180deg, var(--ab-teal) 0%, rgba(34,162,159,0.2) 100%);
}

body.about-page .ab-build__main{
  display:flex;
  flex-direction:column;
  min-width:0;
}

body.about-page .ab-build__chrome{
  display:flex;
  align-items:center;
  gap:var(--bh-space-5);
  margin-bottom:var(--bh-space-6);
  padding-bottom:var(--bh-space-5);
  border-bottom:var(--bh-hairline) solid var(--ab-line);
}

body.about-page .ab-build__schema-id{
  font-size:var(--bh-type-schema);
  font-weight:700;
  letter-spacing:var(--bh-letter-schema);
  color:var(--bh-accent);
}

body.about-page .ab-build__chrome-line{
  flex:1;
  height:var(--bh-hairline);
  background:linear-gradient(90deg, var(--ab-teal-soft) 0%, var(--ab-line) 40%, var(--ab-line) 100%);
}

body.about-page .ab-sysmap{
  margin:0;
  padding:clamp(var(--bh-space-7),5vw,var(--bh-space-9));
  border:var(--bh-hairline) solid rgba(255,255,255,0.1);
  background:
    radial-gradient(85% 70% at 12% 24%, rgba(34,162,159,0.07) 0%, transparent 52%),
    linear-gradient(165deg, #F3F2EF 0%, #ECEAE6 48%, #E6E4E0 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 28px 56px rgba(0,0,0,0.14);
}

body.about-page .ab-sysmap__svg{
  width:100%;
  height:auto;
  display:block;
  border-radius:var(--bh-radius-system);
  filter:drop-shadow(0 12px 28px rgba(0,0,0,0.35));
}

body.about-page .ab-sysmap__caption{
  display:flex;
  flex-wrap:wrap;
  gap:var(--bh-space-5) var(--bh-space-8);
  margin-top:clamp(var(--bh-space-7),5vw,var(--bh-space-9));
  padding-top:var(--bh-space-7);
  border-top:var(--bh-hairline) solid rgba(255,255,255,0.1);
  font-size:var(--bh-text-sm);
  line-height:var(--bh-leading-body);
  color:rgba(235,235,235,0.62);
}

body.about-page .ab-sysmap__caption strong{
  color:rgba(248,248,248,0.92);
  font-weight:600;
}

body.about-page .ab-build-close{
  margin:clamp(var(--bh-space-8),6vw,var(--bh-space-9)) 0 0;
  padding-top:var(--bh-space-7);
  border-top:var(--bh-hairline) solid var(--ab-line);
  max-width:46rem;
  font-size:var(--bh-type-prose-lede);
  font-weight:500;
  line-height:var(--bh-leading-prose);
  color:var(--bh-ink-2);
  letter-spacing:var(--bh-track-tight);
}

/* Not accounting */
body.about-page .ab-section--notacc{
  padding:0;
  border-top:none;
}

body.about-page .ab-notacc{
  display:grid;
  grid-template-columns:minmax(0,0.42fr) minmax(0,1fr);
  min-height:clamp(400px,54vh,580px);
}

body.about-page .ab-notacc__void{
  background:
    repeating-linear-gradient(
      -12deg,
      transparent,
      transparent 71px,
      rgba(17,17,17,0.04) 71px,
      rgba(17,17,17,0.04) 72px
    ),
    linear-gradient(165deg, rgba(34,162,159,0.03) 0%, transparent 42%),
    var(--bh-bg-soft);
  border-right:var(--bh-hairline) solid var(--ab-line);
}

body.about-page .ab-notacc__content{
  background:var(--bh-band-bg-grad);
  color:var(--bh-text);
  padding:clamp(var(--bh-space-10),13vw,calc(var(--bh-unit)*42));
  padding-left:clamp(var(--bh-space-8),10vw,calc(var(--bh-unit)*36));
  display:flex;
  flex-direction:column;
  justify-content:center;
}

body.about-page .ab-notacc__prose{
  margin-top:clamp(var(--bh-space-8),6vw,var(--bh-space-9));
}

body.about-page .ab-notacc__prose p{
  margin:0 0 var(--bh-space-6);
  font-size:var(--bh-type-prose-lede);
  line-height:var(--bh-leading-prose);
  color:var(--bh-text-secondary);
  max-width:36ch;
}

body.about-page .ab-notacc__resolve{
  margin-top:clamp(var(--bh-space-7),5vw,var(--bh-space-8))!important;
  font-size:var(--bh-type-statement)!important;
  line-height:var(--bh-leading-statement)!important;
  font-weight:600!important;
  color:var(--bh-text)!important;
  letter-spacing:var(--bh-track-statement)!important;
  max-width:32ch!important;
}

/* Closing anchor — dark institutional band (Strategic / Insights parity) */
body.about-page .ab-anchor-dark{
  position:relative;
  padding:clamp(var(--bh-space-10),13vw,calc(var(--bh-unit)*44)) 0;
  border-top:var(--bh-hairline) solid rgba(255,255,255,0.08);
  background:
    radial-gradient(85% 80% at 12% 28%, rgba(34,162,159,0.08) 0%, transparent 52%),
    linear-gradient(168deg, #0b0b0b 0%, #161616 48%, #090909 100%);
  color:#ebebeb;
  overflow:hidden;
}

body.about-page .ab-anchor-dark__texture{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0.45;
  background-image:
    repeating-linear-gradient(-10deg, transparent 0, transparent 18px, rgba(255,255,255,0.026) 18px, rgba(255,255,255,0.026) 19px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size:auto, 72px 100%;
  mask-image:linear-gradient(90deg, black 0%, black 72%, transparent 100%);
  -webkit-mask-image:linear-gradient(90deg, black 0%, black 72%, transparent 100%);
}

body.about-page .ab-anchor-dark__inner{
  position:relative;
  z-index:1;
  max-width:min(46rem,100%);
}

body.about-page .ab-anchor-dark__kicker{
  margin:0 0 var(--bh-space-5);
  font-size:var(--bh-type-schema);
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(235,235,235,0.44);
}

body.about-page .ab-anchor-dark__headline{
  margin:0 0 clamp(var(--bh-space-6),5vw,var(--bh-space-8));
  font-size:var(--bh-type-anchor);
  font-weight:600;
  letter-spacing:var(--bh-track-anchor);
  line-height:1.02;
  color:#fff;
  max-width:18ch;
}

body.about-page .ab-anchor-dark__rule{
  display:block;
  width:clamp(5rem,18vw,7rem);
  height:var(--bh-hairline);
  margin:0 0 clamp(var(--bh-space-7),5vw,var(--bh-space-9));
  border:0;
  background:linear-gradient(90deg, var(--bh-accent) 0%, var(--bh-accent) 42%, rgba(255,255,255,0.18) 42%, rgba(255,255,255,0.18) 100%);
}

body.about-page .ab-anchor-dark__body p{
  margin:clamp(var(--bh-space-5),3.5vw,var(--bh-space-6)) 0 0;
  font-size:var(--bh-type-prose-lede);
  line-height:var(--bh-leading-prose);
  color:rgba(225,225,225,0.72);
}

body.about-page .ab-anchor-dark__body p:first-child{margin-top:0}

body.about-page .ab-anchor-dark__continuity{
  margin-top:clamp(var(--bh-space-9),9vw,var(--bh-space-10));
  padding-top:clamp(var(--bh-space-8),6vw,var(--bh-space-9));
  border-top:var(--bh-hairline) solid rgba(255,255,255,0.12);
}

body.about-page .ab-anchor-dark__link{
  display:inline-block;
  font-size:var(--bh-text-sm);
  letter-spacing:var(--bh-track-label);
  color:rgba(248,248,248,0.95);
  text-decoration:none;
  padding-bottom:0.2em;
  box-shadow:inset 0 -1px 0 0 rgba(34,162,159,0.45);
  background-image:linear-gradient(90deg,rgba(255,255,255,0.92),rgba(255,255,255,0.92));
  background-position:0 100%;
  background-repeat:no-repeat;
  background-size:0% 1px;
  transition:var(--bh-link-transition);
}

body.about-page .ab-anchor-dark__link:hover{
  background-size:100% 1px;
  box-shadow:inset 0 -1px 0 0 transparent;
  color:#fff;
}

body.about-page .ab-anchor-dark__link:focus-visible{
  outline:var(--bh-focus-ring);
  outline-offset:var(--bh-focus-ring-offset);
  box-shadow:none;
}

body.about-page .ab-anchor-dark__note{
  margin:var(--bh-space-6) 0 0;
  font-size:var(--bh-type-schema);
  letter-spacing:var(--bh-letter-schema);
  text-transform:uppercase;
  color:rgba(235,235,235,0.42);
}

/* Footer sits on dark shell globally — About page only ensures seamless join */
body.about-page .bh-footer--about{
  margin-top:0;
}

/* -------------------------------------------------------------------------
   Reveal
   ------------------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  body.about-page .ab-reveal{
    opacity:1;
    transform:none;
  }
}

@media (prefers-reduced-motion:no-preference){
  body.about-page .ab-reveal{
    opacity:0;
    transform:translateY(var(--bh-reveal-distance));
    transition:
      opacity var(--bh-duration-slow) var(--bh-ease-structural),
      transform var(--bh-duration-slow) var(--bh-ease-structural);
  }

  body.about-page .ab-reveal.is-visible{
    opacity:1;
    transform:translateY(0);
  }
}

/* -------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------- */
@media (max-width:1024px){
  body.about-page .ab-different{
    grid-template-columns:1fr;
  }

  body.about-page .ab-different__statement{
    position:relative;
    top:auto;
  }

  body.about-page .ab-doctrine__wall{
    grid-template-columns:1fr;
  }

  body.about-page .ab-doctrine__cell{
    border-right:none;
  }

  body.about-page .ab-doctrine__cell{
    border-bottom:var(--bh-hairline) solid rgba(255,255,255,0.1);
  }

  body.about-page .ab-doctrine__cell:last-child{
    border-bottom:none;
  }
}

@media (max-width:900px){
  body.about-page .ab-hero::after{
    display:none;
  }

  body.about-page .ab-hero__grid{
    grid-template-columns:1fr;
    gap:var(--bh-space-8);
    padding-top:clamp(48px,10vw,88px);
  }

  body.about-page .ab-arch--hero .ab-arch__crop{
    width:100%;
    max-width:420px;
    margin-left:0;
    margin-right:0;
    min-height:clamp(220px,48vw,320px);
  }

  body.about-page .ab-hero-title__line--mass{
    max-width:none;
  }

  body.about-page .ab-build__framework{
    grid-template-columns:1fr;
  }

  body.about-page .ab-build__rail{
    flex-direction:row;
    min-height:auto;
  }

  body.about-page .ab-build__rail-tag{
    writing-mode:horizontal-tb;
    transform:none;
  }

  body.about-page .ab-build__rail-line{
    flex:1;
    min-height:var(--bh-hairline);
    width:auto;
  }

  body.about-page .ab-section__layout--problem{
    grid-template-columns:1fr;
  }

  body.about-page .ab-section__index{
    font-size:clamp(2.75rem,14vw,4rem);
  }

  body.about-page .ab-section__body{
    border-left:none;
    padding-left:0;
  }

  body.about-page .ab-origin{
    grid-template-columns:1fr;
  }

  body.about-page .ab-origin__visual{
    order:-1;
    margin-right:0;
    padding-left:0;
    border-left:none;
    margin-bottom:var(--bh-space-7);
  }

  body.about-page .ab-origin__visual .ab-arch{
    margin-left:0;
    max-width:none;
  }

  body.about-page .ab-sysmap__caption{
    flex-direction:column;
    gap:var(--bh-space-4);
  }

  body.about-page .ab-notacc{
    grid-template-columns:1fr;
  }

  body.about-page .ab-notacc__void{
    min-height:120px;
    border-right:none;
    border-bottom:var(--bh-hairline) solid var(--ab-line);
  }
}