.about-hero-inner{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:40px;
  align-items:center;
}
.avatar-wrap{ position:relative; width:180px; flex-shrink:0; }
.avatar-svg{ width:180px; height:180px; border-radius:50%; box-shadow:0 20px 50px -16px rgba(91,95,239,0.5), inset 0 1px 0 rgba(255,255,255,0.3); }
.avatar-badge{
  position:absolute; bottom:6px; right:0px;
  width:48px; height:48px; border-radius:50%;
  background:var(--bg-1); border:3px solid var(--bg-0);
  display:flex; align-items:center; justify-content:center;
  font-size:22px;
}

.stack-row{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.stack-row .chip{ font-size:14px; padding:10px 18px; }

@media (max-width:700px){
  .about-hero-inner{ grid-template-columns:1fr; text-align:center; }
  .avatar-wrap{ margin:0 auto; }
  .about-hero-inner .flex{ justify-content:center; }
}