/* Страница «Обо мне» (/about/): поверх site.css, только на этой странице. Классы — с приставкой ab-.
   Ритм фонов: светлая шапка с фото → «слоновая кость» путь → светлое образование → темное «Наследие важнее наследства» → темный призыв */

/* кто я: фото слева, текст справа; на телефоне — фото сверху */
.ab-head{padding:calc(var(--hdr,96px) + clamp(32px,5vw,72px)) 0 clamp(48px,7vw,96px)}
.ab-head .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:center}
.ab-photo{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -28px rgba(57,42,36,.55)}
.ab-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%}
.ab-intro{display:grid;gap:18px;max-width:60ch}
.ab-intro h1{font-size:clamp(36px,4.4vw,58px);line-height:1.1}
.ab-role{font-size:clamp(19px,1.7vw,23px);line-height:1.45;color:var(--gold-deep)}
.ab-intro p{font-size:clamp(17px,1.35vw,19px);line-height:1.65}
.ab-nda{padding:16px 20px;border-radius:14px;background:var(--ivory);color:var(--espresso)}
.ab-nda b{font-weight:500}

.ab-sh{display:grid;gap:14px;max-width:760px;margin-bottom:clamp(28px,4vw,48px)}
.ab-sh .eyebrow{color:var(--gold-deep)}
.ab-sh h2{font-size:clamp(28px,3.2vw,42px);line-height:1.18}

/* путь: вертикальная золотая линия с годами */
.ab-path-sec{background:var(--ivory)}
.ab-path{list-style:none;padding:0;margin:0;display:grid;max-width:820px}
.ab-path li{position:relative;display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:4px 28px;padding:0 0 26px 28px;border-left:1px solid var(--gold)}
.ab-path li::before{content:"";position:absolute;left:-6px;top:.45em;width:11px;height:11px;border-radius:50%;background:var(--gold)}
.ab-path li:last-child{border-left-color:transparent;padding-bottom:0}
.ab-path b{font-weight:500;font-size:clamp(18px,1.5vw,20px);color:var(--gold-deep)}
.ab-path span{font-size:clamp(17px,1.35vw,19px);line-height:1.55}
.ab-path li.now::before{background:var(--gold-light);box-shadow:0 0 0 5px rgba(196,162,102,.25)}

/* образование */
.ab-edu{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px}
.ab-edu li{display:grid;gap:4px;align-content:start;padding:16px 0;border-top:1px solid var(--oyster)}
.ab-edu b{font-weight:500;font-size:18px;line-height:1.4;color:var(--ink)}
.ab-edu span{font-size:16px;line-height:1.5;color:var(--espresso-soft)}

/* что для меня важно */
.ab-values{background:var(--ink-deep);color:var(--ivory)}
.ab-values .wrap{display:grid;gap:16px;justify-items:start}
.ab-values .eyebrow{color:var(--gold-light)}
.ab-values h2{font-size:clamp(32px,4vw,52px);line-height:1.12}
.ab-values p{font-size:clamp(19px,1.7vw,24px);line-height:1.55;max-width:44ch;opacity:.9}

@media (max-width:860px){
  .ab-head .wrap{grid-template-columns:minmax(0,1fr)}
  .ab-photo{max-width:420px}
  .ab-edu{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
  .ab-path li{grid-template-columns:minmax(0,1fr);padding-left:22px}
}