/* «Об авторе»: фото и цитата, образование карточками с годами, отрезок 1994–2016, лента работ. Акцент — лавандовый, как блок автора на главной. */
.av-hero,.av-block,.av-cta{--lav:#6f5cc2}
.av-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(16px,3vw,32px) 0 clamp(40px,6vw,80px)}
.av-hero-text{display:flex;flex-direction:column;gap:18px;min-width:0}
.av-eyebrow{font-family:var(--font-meta);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--lav)}
.av-hero h1{margin:0;font-family:var(--font-ui);font-weight:500;font-size:clamp(40px,5.6vw,84px);line-height:1;letter-spacing:-.03em}
.av-role{margin:0;font-size:clamp(17px,1.5vw,20px);color:#555}
.av-quote{margin:8px 0 0;padding:0 0 0 20px;border-left:3px solid var(--lav)}
.av-quote p{margin:0;font-size:clamp(20px,2vw,26px);line-height:1.35;letter-spacing:-.01em;color:#111}
.av-count{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:8px}
.av-count b{font:500 clamp(40px,4.4vw,64px)/1 var(--font-ui);letter-spacing:-.03em;color:var(--lav);font-variant-numeric:tabular-nums}
.av-count span{font-size:15px;color:#555}
.av-photo{margin:0}
.av-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:18px;background:#eee}
.av-block{padding:clamp(40px,6vw,72px) 0;border-top:1px solid #ececec}
.av-block h2{margin:0 0 12px;font-family:var(--font-ui);font-weight:500;font-size:clamp(26px,3vw,42px);line-height:1.1;letter-spacing:-.02em}
.av-lead{margin:0 0 24px;font-size:17px;color:#555}
.av-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.av-cards li{display:flex;flex-direction:column;gap:8px;padding:22px 24px;border-radius:16px;background:#f6f6f6;transition:opacity .6s,transform .6s}
.av-js .av-cards:not(.is-in) li{opacity:.35;transform:translateY(12px)}
.av-cards li:nth-child(2){transition-delay:.12s}.av-cards li:nth-child(3){transition-delay:.24s}
.av-year{font:500 clamp(30px,3vw,44px)/1 var(--font-meta);color:var(--lav)}
.av-cards b{font-size:17px;font-weight:500;line-height:1.35}
.av-cards span:last-child{font-size:15px;color:#666}
.av-work{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px);align-items:center}
.av-work-years{display:flex;align-items:center;gap:14px;font:500 clamp(28px,3.4vw,52px)/1 var(--font-meta);color:#111}
.av-work-years i{flex:1;height:3px;border-radius:2px;background:linear-gradient(var(--lav),var(--lav)) left/var(--w,100%) 100% no-repeat,#e6e6e6;transition:background-size 1.2s cubic-bezier(.2,.7,.2,1)}
.av-js .av-work:not(.is-in) .av-work-years i{--w:0%}
.av-work-text p{margin:0 0 12px;font-size:17px;line-height:1.6;color:#333;max-width:60ch}
.av-work-text ul{margin:0;padding:0 0 0 20px;font-size:16px;line-height:1.6;color:#555}
.av-work-text li::marker{color:var(--lav)}
.av-works-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.av-works-head h2{margin:0}
.av-works{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.av-works a{display:block;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#f2f2f2}
.av-works img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.av-works a:hover img{transform:scale(1.06)}
.av-works a:focus-visible,.av-btn:focus-visible,.av-link:focus-visible{outline:2px solid #666;outline-offset:3px}
.av-link{flex:none;color:#111;font-size:15px;text-decoration:none;border-bottom:1px solid #bbb;padding-bottom:2px;transition:border-color .2s,color .2s}
.av-link:hover{color:var(--lav);border-color:var(--lav)}
.av-cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:clamp(24px,4vw,40px) 0 clamp(56px,8vw,96px);border-top:1px solid #ececec}
.av-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;background:#111;color:#fff;font-size:15px;text-decoration:none;transition:background .2s}
.av-btn:hover{background:var(--lav)}
@media(max-width:899px){.av-works{grid-template-columns:repeat(4,minmax(0,1fr))}.av-work{grid-template-columns:1fr}}
@media(max-width:759px){
  .av-hero{grid-template-columns:minmax(0,1fr)}
  /* от края до края: выходим за поля .catalog-shell (по 12px) без 100vw — 100vw в сетке на iOS распирал колонку и фото уезжало вправо */
  .av-photo{order:-1;width:auto;margin-inline:-12px}
  .av-photo img{border-radius:0;aspect-ratio:1}
  .av-cards{grid-template-columns:1fr}
  .av-works{grid-template-columns:repeat(3,minmax(0,1fr))}
  .av-works-head{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.av-cards li{opacity:1;transform:none;transition:none}.av-work-years i{--w:100%;transition:none}.av-works img{transition:none}}