/* ════════════════════════════════════════════════════════════════
   PRESNSE — ABOUT  ·  /about/  (bespoke per-page modules)
   ----------------------------------------------------------------
   Consumes tokens from foundation.css ONLY — no raw hex/rgb/arbitrary.
   Archetype: ABOUT (founder-led studio story). Mostly invented modules
   (editorial hero, compliance-reassurance fragments, research-as-
   instrument strip, hidden-layer split, honesty ledger, NAP record,
   infrastructure model rail) + reused signatures (.entity dark moment,
   .cat-grid categories, .faq-grid accordion, .mod/.mod-bar shell).
   ════════════════════════════════════════════════════════════════ */

/* ── shared editorial measure ── */
.ab-narrow{width:min(100% - 0px,860px);}
.ab-cap{font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);display:inline-flex;align-items:center;gap:9px;margin-bottom:var(--sp-lg);}
.ab-cap .d{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--lime-glow);}
.ab-note{font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.05em;color:var(--muted);border-left:2px solid var(--line-mid);padding-left:var(--sp-md);max-width:64ch;line-height:1.7;}

/* ════ M01 · HERO (INVENTED · founder-led editorial masthead) ════ */
.ab-hero{border-top:none;}
.ab-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(32px,5vw,72px);align-items:start;}
.ab-hero h1{font-size:clamp(2.2rem,4.6vw,4rem);line-height:1.04;letter-spacing:var(--tr-display);font-weight:600;}
.ab-hero h1 .sym{font-family:var(--serif);font-style:italic;font-weight:400;color:inherit;}
.ab-hero .lede{margin-top:var(--sp-lg);max-width:54ch;font-size:clamp(1.05rem,1.3vw,1.3rem);line-height:var(--lead-body);color:var(--ink-soft);}
.ab-hero .lede + .lede{margin-top:var(--sp-md);font-size:1rem;color:var(--muted);}
.ab-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:var(--sp-xl);}
/* pull quote rendered as highlighted block */
.ab-pull{margin-top:var(--sp-xl);border:1px dashed var(--line-mid);border-left:2px solid var(--ink);background:var(--wash-soft);padding:clamp(22px,3vw,32px);}
.ab-pull .qm{font-family:var(--serif);font-style:italic;font-size:2.6rem;line-height:.6;color:var(--lime-deep);display:block;height:.5em;}
.ab-pull blockquote{font-size:1.05rem;line-height:1.65;color:var(--ink);max-width:40ch;}
.ab-pull blockquote .sym{font-family:var(--serif);font-style:italic;color:var(--ink-soft);}
.ab-pull .src{display:flex;align-items:center;gap:9px;margin-top:var(--sp-md);font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);}
.ab-pull .src .d{width:5px;height:5px;border-radius:50%;background:var(--lime);}
@media(max-width:880px){.ab-hero-grid{grid-template-columns:1fr;}}

/* ════ M02 · COMPLIANCE / "IS THIS ALLOWED" (INVENTED · broken cadence frags) ════ */
.ab-allow{}
.ab-allow h2{font-size:var(--h3);font-weight:600;letter-spacing:-.02em;line-height:1.1;max-width:18ch;}
.ab-allow h2 .sym{font-family:var(--serif);font-style:italic;font-weight:400;color:inherit;}
.ab-frags{margin-top:var(--sp-2xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-xl) clamp(32px,5vw,80px);}
.ab-frag{}
.ab-frag.lead{grid-column:1/-1;max-width:70ch;}
.ab-frag .lbl{font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);display:block;margin-bottom:var(--sp-sm);}
.ab-frag.lead .lbl{color:var(--lime-ink);}
.ab-frag p{font-size:.98rem;line-height:1.65;color:var(--ink-soft);}
.ab-frag.lead p{font-size:1.1rem;color:var(--ink);}
.ab-frag p .sym{font-family:var(--serif);font-style:italic;color:var(--ink);}
@media(max-width:760px){.ab-frags{grid-template-columns:1fr;}}

/* ════ M03 · ENTITY SUMMARY CARD (INVENTED · AI-extractable definition) ════ */
.ab-def{border:1px solid var(--line-mid);border-top:2px solid var(--ink);background:var(--paper-card);padding:clamp(26px,3.5vw,44px);display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3vw,40px);align-items:start;}
.ab-def .tag{font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);writing-mode:vertical-rl;transform:rotate(180deg);border-right:1px dashed var(--line-dash);padding-right:var(--sp-md);align-self:stretch;}
.ab-def blockquote{font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.45;letter-spacing:-.01em;color:var(--ink);max-width:48ch;}
.ab-def blockquote b{font-weight:600;}
.ab-def blockquote .sym{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--ink-soft);}
.ab-def .src{display:flex;align-items:center;gap:9px;margin-top:var(--sp-md);font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.06em;color:var(--faint);}
.ab-def .src .d{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--lime-glow);}
@media(max-width:640px){.ab-def{grid-template-columns:1fr;}.ab-def .tag{writing-mode:horizontal-tb;transform:none;border-right:none;border-bottom:1px dashed var(--line-dash);padding-right:0;padding-bottom:var(--sp-sm);}}

/* ════ M04 · RESEARCH EVIDENCE (INVENTED · research-as-instrument trio) ════ */
.ab-rlead{max-width:54ch;font-size:1.05rem;color:var(--ink-soft);margin-bottom:var(--sp-xl);}
.ab-research{display:grid;grid-template-columns:repeat(3,1fr);border:1px dashed var(--line-dash);background:var(--bg);}
.ab-rfig{padding:clamp(28px,3.5vw,44px) clamp(22px,3vw,34px);border-right:1px dashed var(--line-dash);display:flex;flex-direction:column;}
.ab-rfig:last-child{border-right:none;}
.ab-rfig .cc{font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-lg);display:block;}
.ab-rfig .n{font-size:clamp(2.6rem,5.5vw,4.4rem);font-weight:600;letter-spacing:-.04em;line-height:.95;color:var(--ink);}
.ab-rfig .n .sym{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--lime-deep);}
.ab-rfig .cap{font-size:.92rem;color:var(--ink-soft);line-height:1.55;margin-top:var(--sp-md);}
/* the meter under the 70% figure — horizontal data bar */
.ab-meter{margin-top:auto;padding-top:var(--sp-lg);}
.ab-meter .track{height:6px;border-radius:var(--radius-bar);background:var(--wash-hair);overflow:hidden;position:relative;}
.ab-meter .track i{display:block;height:100%;width:0;background:var(--ink);border-radius:var(--radius-bar);transition:width 1.3s var(--ease);position:relative;}
.ab-meter .track i::after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--lime);}
.ab-meter .ml{font-family:var(--mono);font-size:var(--label-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:9px;display:flex;justify-content:space-between;}
/* maps-first behaviour rendered as a 3-step flow instrument */
.ab-flow{display:flex;align-items:center;gap:10px;margin-top:var(--sp-md);flex-wrap:wrap;}
.ab-flow .step{font-family:var(--mono);font-size:var(--label-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border:1px dashed var(--line-rule);border-radius:var(--radius-chip);padding:5px 10px;background:var(--bg);}
.ab-flow .arr{font-family:var(--mono);font-size:.8rem;color:var(--lime-deep);}
@media(max-width:760px){.ab-research{grid-template-columns:1fr;}.ab-rfig{border-right:none;border-bottom:1px dashed var(--line-dash);}.ab-rfig:last-child{border-bottom:none;}}

/* ════ M05 · LOW-PROFILE + HIDDEN LAYER (INVENTED · split editorial) ════ */
.ab-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,80px);align-items:start;}
.ab-split h2{font-size:var(--h3);font-weight:600;letter-spacing:-.02em;line-height:1.12;max-width:16ch;}
.ab-split h2 .sym{font-family:var(--serif);font-style:italic;font-weight:400;color:inherit;}
.ab-split p{font-size:.98rem;line-height:1.66;color:var(--ink-soft);margin-top:var(--sp-md);max-width:48ch;}
.ab-split .col{position:relative;padding-top:var(--sp-lg);border-top:2px solid var(--ink);}
.ab-split .col .lbl{font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:var(--sp-md);display:block;}
@media(max-width:760px){.ab-split{grid-template-columns:1fr;gap:var(--sp-2xl);}}

/* ════ M06 · WHAT WE WORK ON (INVENTED · 4-row service ledger) ════ */
.ab-svc{margin-top:var(--sp-xl);border-top:2px solid var(--ink);}
.ab-srow{display:grid;grid-template-columns:64px 1.1fr 1.2fr auto;gap:clamp(16px,3vw,40px);padding:clamp(24px,3vw,34px) 0;border-bottom:1px dashed var(--line-dash);align-items:center;transition:padding-left .3s var(--ease);}
.ab-srow:hover{padding-left:8px;}
.ab-srow .no{font-family:var(--mono);font-size:1.3rem;font-weight:600;color:var(--ink);line-height:1;}
.ab-srow .no .z{color:var(--faint);}
.ab-srow h3{font-size:1.18rem;font-weight:600;letter-spacing:-.01em;}
.ab-srow p{font-size:.92rem;line-height:1.6;color:var(--ink-soft);}
.ab-srow .go{font-family:var(--mono);font-size:.76rem;color:var(--ink);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
.ab-srow .go .arr{transition:transform .25s var(--ease);}
.ab-srow:hover .go .arr{transform:translateX(4px);}
@media(max-width:880px){.ab-srow{grid-template-columns:48px minmax(0,1fr);}.ab-srow h3,.ab-srow p,.ab-srow .go{min-width:0;}.ab-srow p{grid-column:2;}.ab-srow .go{grid-column:2;white-space:normal;}}

/* ════ M07 · INFRASTRUCTURE MODEL (INVENTED · 5-step offset rail) ════ */
.ab-model{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,5vw,72px);align-items:start;}
.ab-model h2{font-size:var(--h3);font-weight:600;letter-spacing:-.02em;line-height:1.12;max-width:14ch;}
.ab-model h2 .sym{font-family:var(--serif);font-style:italic;font-weight:400;color:inherit;}
.ab-model .intro{font-size:.96rem;color:var(--ink-soft);margin-top:var(--sp-md);max-width:42ch;line-height:1.6;}
.ab-model .foot{margin-top:var(--sp-lg);font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.04em;color:var(--muted);border-left:2px solid var(--line-mid);padding-left:var(--sp-md);line-height:1.7;max-width:44ch;}
.ab-steps{display:flex;flex-direction:column;gap:var(--sp-sm);}
.ab-step{display:flex;align-items:flex-start;gap:var(--sp-md);border:1px dashed var(--line-dash);background:var(--bg-muted);padding:var(--sp-md) var(--sp-lg);transition:transform .25s var(--ease),background .25s var(--ease);}
.ab-step:hover{background:var(--bg-soft);}
.ab-step:nth-child(1){margin-right:clamp(0px,8vw,96px);}
.ab-step:nth-child(2){margin-left:clamp(0px,2vw,24px);margin-right:clamp(0px,5vw,56px);}
.ab-step:nth-child(3){margin-left:clamp(0px,4vw,48px);}
.ab-step:nth-child(4){margin-left:clamp(0px,6vw,72px);}
.ab-step:nth-child(5){margin-left:clamp(0px,8vw,96px);}
.ab-step .sn{font-family:var(--mono);font-size:.78rem;font-weight:600;color:var(--lime-ink);width:24px;flex:0 0 auto;padding-top:2px;}
.ab-step .st-name{font-weight:600;font-size:1rem;letter-spacing:-.01em;}
.ab-step p{font-size:.88rem;color:var(--ink-soft);line-height:1.55;margin-top:4px;}
@media(max-width:760px){.ab-model{grid-template-columns:1fr;gap:var(--sp-xl);}.ab-step{margin:0!important;}}

/* ════ M08 · NAP ENTITY RECORD (INVENTED · machine-readable ledger) ════ */
.ab-rec{border:1px solid var(--line-mid);background:var(--paper-card);}
.ab-rec-top{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px dashed var(--line-dash);font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.ab-rec-top .d{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--lime-glow);}
.ab-rec-body{padding:6px 0;}
.ab-lr{display:grid;grid-template-columns:120px 1fr;gap:var(--sp-md);padding:13px 18px;border-bottom:1px dashed var(--line-soft);align-items:baseline;}
.ab-lr:last-child{border-bottom:none;}
.ab-lr .k{font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--faint);text-transform:uppercase;}
.ab-lr .v{font-size:.94rem;color:var(--ink);line-height:1.5;}
.ab-lr .v a{color:var(--lime-ink);}
.ab-lr .v a:hover{text-decoration:underline;}
.ab-lr .v .sub{display:block;color:var(--muted);font-size:.84rem;margin-top:2px;}
@media(max-width:520px){.ab-lr{grid-template-columns:1fr;gap:4px;}.ab-lr .v{min-width:0;overflow-wrap:anywhere;}}

/* ════ M09 · HONESTY / FIT (INVENTED · two-column reckoning) ════ */
.ab-fit{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-mid);background:var(--bg);margin-top:var(--sp-md);}
.ab-fit .side{padding:clamp(26px,3.5vw,42px);border-right:1px dashed var(--line-dash);}
.ab-fit .side:last-child{border-right:none;}
.ab-fit .side.no{background:var(--wash-soft);}
.ab-fit .side .lbl{font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:8px;margin-bottom:var(--sp-md);}
.ab-fit .side.yes .lbl .m{color:var(--lime-deep);}
.ab-fit .side.no .lbl .m{color:var(--muted);}
.ab-fit .side p{font-size:.95rem;line-height:1.62;color:var(--ink-soft);}
@media(max-width:680px){.ab-fit{grid-template-columns:1fr;}.ab-fit .side{border-right:none;border-bottom:1px dashed var(--line-dash);}.ab-fit .side:last-child{border-bottom:none;}}

/* working-example sub-block */
.ab-example{margin-top:var(--sp-2xl);border-top:1px dashed var(--line-mid);padding-top:var(--sp-2xl);max-width:72ch;}
.ab-example .lbl{font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);display:block;margin-bottom:var(--sp-md);}
.ab-example h3{font-size:1.2rem;font-weight:600;letter-spacing:-.01em;}
.ab-example h3 .sym{font-family:var(--serif);font-style:italic;font-weight:400;color:inherit;}
.ab-example p{font-size:.96rem;line-height:1.64;color:var(--ink-soft);margin-top:var(--sp-sm);}
.ab-example .go{margin-top:var(--sp-md);font-family:var(--mono);font-size:.8rem;color:var(--ink);display:inline-flex;align-items:center;gap:8px;}
.ab-example .go .arr{transition:transform .25s var(--ease);}
.ab-example .go:hover .arr{transform:translateX(4px);}

/* ── categories label spacing inside dark entity moment ── */
.ab-cat-head{max-width:60ch;}