/* Блок главной «Об авторе»: фото и таймлайн, линия которого прорисовывается при прокрутке. */
.vg-author2{--lav:#6f5cc2;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:start;padding-block:clamp(56px,9vw,120px);border-top:1px solid #ececec}
.vg-author2-photo{position:sticky;top:calc(var(--vg-head,64px) + 24px);margin:0}
.vg-author2-photo picture,.vg-author2-photo img{display:block;width:100%;height:auto;border-radius:16px}
.vg-author2-photo img{aspect-ratio:4/5;object-fit:cover;background:#eee}
.vg-author2-photo figcaption{margin-top:12px;font-size:14px;color:#666}
.vg-author2-text{display:flex;flex-direction:column;gap:18px;min-width:0}
.vg-author2-eyebrow{font-family:var(--font-meta);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--lav)}
.vg-author2 h2{font-family:var(--font-ui);font-weight:500;font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance}
.vg-author2-lead{margin:0;color:#555;font-size:16px;line-height:1.55;max-width:56ch}
/* таймлайн: серая направляющая, поверх — лавандовая (в цвет поля на фото) линия на долю --p, точки загораются по мере прохода */
.vg-tl{--p:0;position:relative;margin:14px 0 0;padding:0 0 0 34px;list-style:none}
.vg-tl::before,.vg-tl::after{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;border-radius:2px}
.vg-tl::before{background:#e6e6e6}
.vg-tl::after{background:var(--lav);transform-origin:top;transform:scaleY(var(--p))}
.vg-tl li{position:relative;padding:0 0 28px}
.vg-tl li:last-child{padding-bottom:0}
.vg-tl li::before{content:"";position:absolute;left:-34px;top:4px;z-index:1;width:16px;height:16px;box-sizing:border-box;border-radius:50%;background:#fff;border:2px solid #d0d0d0;transition:border-color .3s,background .3s,transform .3s}
.vg-tl li.is-on::before{border-color:var(--lav);background:var(--lav);transform:scale(1.1)}
.vg-tl-year{display:block;font:500 14px/1.2 var(--font-meta);letter-spacing:.04em;color:#999;transition:color .3s}
.vg-tl li.is-on .vg-tl-year{color:var(--lav)}
.vg-tl b{display:block;margin-top:6px;font-size:18px;font-weight:500;line-height:1.35;color:#111}
.vg-tl p{margin:6px 0 0;font-size:15px;line-height:1.55;color:#666;max-width:56ch}
.vg-tl li.is-now b{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.01em}
.vg-author2-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:#111;font-size:15px;text-decoration:none;border-bottom:1px solid #bbb;padding-bottom:2px;transition:border-color .2s,color .2s}
.vg-author2-link:hover{color:var(--lav);border-color:var(--lav)}
.vg-author2-link:focus-visible{outline:2px solid #666;outline-offset:3px}
@media(max-width:759px){
  .vg-author2{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:56px}
  /* фото от края до края экрана, как малина выше */
  .vg-author2-photo{position:static;width:auto;max-width:none;margin-inline:-12px}
  .vg-author2-photo picture,.vg-author2-photo img{border-radius:0}
  .vg-author2-photo figcaption{padding-inline:12px}
  .vg-author2 h2{font-size:26px}
  .vg-author2-text{order:-1}
  .vg-author2-photo{order:0}
}
@media(prefers-reduced-motion:reduce){.vg-tl{--p:1!important}.vg-tl li::before,.vg-tl-year{transition:none}}