/* ============================================================
   NIZOV.AI — about ("Кто я")
   EDITORIAL + anti-card. COMPOSES css/system.css (.sec/.colset/
   .rail/.brk/.tl/.kpis/.statement/.term/.wash). NO boxed cards.
   This file = ONLY genuinely page-specific tweaks (prefix .ab-).
   Loaded after system.css.
   ============================================================ */

/* ---------- nav: current page ---------- */
.nav__links a.is-current{ color:var(--ink-0); }
.nav__links a.is-current::after{ width:100%; }

/* ---------- HERO (editorial, no box) ---------- */
.ab-hero{
  min-height:74svh; display:flex; flex-direction:column; justify-content:center;
  padding-top:clamp(6rem,12vh,8.5rem); padding-bottom:2rem;
}
.ab-hero__eyebrow{ margin-bottom:1.5rem; }
.ab-hero__name{
  font-family:var(--display); font-weight:700; line-height:.96;
  letter-spacing:-0.035em; font-size:clamp(3rem,9vw,6rem); color:var(--ink-0);
}
.ab-hero__role{
  margin-top:1.3rem; display:inline-flex; align-items:center; gap:.7em;
  font-weight:500; font-size:clamp(.85rem,1.3vw,1.05rem); color:var(--accent);
  letter-spacing:.08em; text-transform:uppercase;
}
.ab-hero__role::before{ content:""; width:34px; height:1px; background:var(--accent); }
.ab-hero__set{ margin-top:clamp(2.4rem,5vw,3.6rem); }
.ab-hero__aside-term{ margin-top:1rem; }
.ab-hero__lede{ margin-top:1.5rem; color:var(--ink-1); max-width:52ch; }

/* ---------- 01 — credentials rail ---------- */
.ab-creds{ margin-top:.4rem; }
.ab-rail-sub{ font-weight:400; color:var(--ink-1); }
.ab-creds .rail__d{
  font-family:var(--mono); font-size:var(--t-mono); color:var(--ink-2);
  text-align:right; white-space:nowrap; letter-spacing:.04em;
}
@media(max-width:560px){
  .ab-creds .rail__row{ grid-template-columns:auto 1fr; }
  .ab-creds .rail__d{ grid-column:1 / -1; text-align:left; }
}

/* lecturers — inside the single allowed .brk corner-bracket cell */
.ab-brk{ margin-top:clamp(2.2rem,4.5vw,3.4rem); }
.ab-tutors__lbl{
  font-family:var(--mono); font-size:var(--t-mono); color:var(--ink-2); letter-spacing:.06em;
}
.ab-tutors{ margin-top:1.3rem; display:grid; grid-template-columns:1fr 1fr; gap:1.4rem 2rem; }
@media(max-width:560px){ .ab-tutors{ grid-template-columns:1fr; } }
.ab-tutor b{ display:block; font-size:1.08rem; color:var(--ink-0); letter-spacing:-0.01em; }
.ab-tutor span{
  display:block; margin-top:.3rem; font-family:var(--mono); font-size:var(--t-mono);
  color:var(--ink-1); letter-spacing:.02em;
}

/* ---------- 02 — career timeline (composes .tl) ---------- */
.ab-career .tl__node p{ color:var(--ink-1); max-width:62ch; margin-top:.2rem; }
.ab-logo{
  height:22px; width:auto; margin-top:1.4rem; filter:grayscale(1) brightness(1.7);
  opacity:.5; transition:opacity var(--dur-1) var(--ease), filter var(--dur-1) var(--ease);
}
.ab-logo--cbr{ height:38px; }
.ab-logo:hover{ opacity:1; filter:none; }

/* ---------- 03 — interview KPIs + term ---------- */
.ab-kpis{ margin-top:clamp(1.8rem,4vw,2.8rem); }
.ab-term{ margin-top:clamp(1.8rem,3.5vw,2.6rem); }

/* ---------- CTA — one wash signal, no box ---------- */
.ab-cta{ text-align:center; }
.ab-cta__rule{ margin-bottom:clamp(2.6rem,6vw,4rem); }
.ab-cta .eyebrow{ justify-content:center; }
.ab-cta__line{ margin:1.2rem auto 1.1rem; max-width:16ch; }
.ab-cta__lede{ margin:0 auto 2rem; max-width:46ch; }
.ab-cta .btn{ font-size:1rem; padding:1em 1.8em; }