/* ============================================================
   ABOUT — Uqesh (materials). 1:1 with LTodL. Fluid / rem. Light.
   ============================================================ */

/* Hero */
.mab-hero{ display:flex; flex-direction:column; gap:1.125rem; padding-block:4.5rem 3.5rem; }
.mab-crumb{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.1em; color:var(--text-secondary); margin:0; }
.mab-title{ font-family:var(--font-display); font-weight:800; font-size:2.875rem; letter-spacing:-.011em; line-height:1.1; color:var(--text-primary); max-width:56.25rem; margin:0; }
.mab-jp{ font-size:0.9375rem; letter-spacing:.06em; color:var(--text-secondary); margin:0; }
.mab-tagline{ font-family:var(--font-display); font-weight:700; font-size:0.75rem; letter-spacing:.16em; color:var(--text-secondary); margin:0; }

/* Story */
.mab-story{ display:flex; gap:4.5rem; padding-block:0 4rem; align-items:flex-start; }
.mab-narrative{ flex:1 1 0; display:flex; flex-direction:column; gap:1rem; }
.mab-p1{ font-size:0.969rem; line-height:1.65; color:var(--text-primary); margin:0; }
.mab-p{ font-size:0.906rem; line-height:1.65; color:var(--text-secondary); margin:0; }
.mab-milestones{ flex:none; width:25rem; display:flex; flex-direction:column; }
.mab-ms{ display:flex; flex-direction:column; gap:0.25rem; padding-block:0.875rem; border-bottom:1px solid var(--line); }
.mab-ms:last-child{ border-bottom:0; }
.mab-ms-v{ font-family:var(--font-display); font-weight:800; font-size:1.375rem; color:var(--text-primary); }
.mab-ms-l{ font-family:var(--font-display); font-weight:700; font-size:0.656rem; letter-spacing:.1em; color:var(--text-secondary); }

/* Certifications */
.mab-certs{ background:var(--surface); }
.mab-certs .wrap{ display:flex; flex-direction:column; gap:1.125rem; padding-block:3rem; }
.mab-h2{ font-family:var(--font-display); font-weight:800; font-size:1.375rem; color:var(--text-primary); margin:0; }
.mab-cert-row{ display:flex; flex-wrap:wrap; gap:0.75rem; }
.mab-cert{ flex:1 1 8rem; text-align:center; background:#fff; border:1px solid var(--line); border-radius:0.25rem; padding:1rem 0.625rem; font-family:var(--font-display); font-weight:800; font-size:0.75rem; letter-spacing:.06em; color:var(--text-primary); }
.mab-cert-note{ font-size:0.781rem; font-style:italic; color:var(--text-secondary); margin:0; }

/* Network */
.mab-network{ display:flex; gap:4.5rem; padding-block:3.5rem 4rem; align-items:flex-start; }
.mab-net-lead{ flex:none; width:21.25rem; display:flex; flex-direction:column; gap:0.75rem; }
.mab-net-p{ font-size:0.844rem; line-height:1.55; color:var(--text-secondary); margin:0; }
.mab-offices{ flex:1 1 0; display:flex; flex-direction:column; }
.mab-office{ display:flex; gap:1.5rem; align-items:flex-start; padding-block:0.9375rem; border-bottom:1px solid var(--line); }
.mab-office:last-child{ border-bottom:0; }
.mab-office-k{ flex:0 0 18.125rem; font-family:var(--font-display); font-weight:800; font-size:0.813rem; letter-spacing:.04em; color:var(--text-primary); }
.mab-office-v{ flex:1 1 0; font-size:0.813rem; line-height:1.5; color:var(--text-secondary); }

/* CTA */
.mab-cta{ display:flex; flex-direction:column; align-items:center; gap:1.125rem; background:#E0E2DD; padding:4rem 3rem; text-align:center; }
.mab-cta-eyebrow{ font-family:var(--font-display); font-weight:700; font-size:0.75rem; letter-spacing:.1em; color:var(--text-secondary); margin:0; }
.mab-cta-h{ font-family:var(--font-display); font-weight:800; font-size:1.875rem; color:var(--text-primary); max-width:40rem; margin:0; }
.mab-cta-btn{ margin-top:0.5rem; }

/* Responsive */
@media (max-width:900px){
  .mab-story{ flex-direction:column; gap:2.5rem; }
  .mab-milestones{ width:auto; }
  .mab-network{ flex-direction:column; gap:2rem; }
  .mab-net-lead{ width:auto; }
  .mab-office{ flex-direction:column; gap:0.375rem; }
  .mab-office-k{ flex-basis:auto; }
  .mab-title{ font-size:2.25rem; }
}