.about-wrap{
  display:grid;
  grid-template-columns:340px 1fr;
  gap:18px;
  align-items:start;
}
@media (max-width: 900px){ .about-wrap{grid-template-columns:1fr} }

.portrait{
  height:320px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
}

.ring{
  position:absolute;
  inset:-18px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  animation:spinSlow 10s linear infinite;
}
.ring.r2{ inset:-36px; opacity:.7; animation-duration:16s }
.ring.r3{ inset:-54px; opacity:.45; animation-duration:22s }

@keyframes spinSlow{to{transform:rotate(360deg)}}

.grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:14px;
}
@media (max-width: 900px){ .grid-2{grid-template-columns:1fr} }

.quote{
  display:flex;
  gap:10px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  margin:16px 0;
}
.quote-mark{
  font-size:26px;
  font-weight:1000;
  opacity:.8;
}
.cta-row{ display:flex; gap:12px; flex-wrap:wrap; margin-top:14px; }

.portrait {
  width: 320px;
  height: 320px;
  margin: 0 auto;
  border-radius: 20px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  overflow: hidden;
  position: relative;
  display: grid;
  place-items: center;
}

.portrait-inner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.portrait-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0 !important;
  display: block;
  position: relative;
  z-index: 2;
}

.ring {
  position: absolute;
  inset: -18px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  animation: spinSlow 10s linear infinite;
  pointer-events: none;
  z-index: 3;
}

.ring.r2 {
  inset: -36px;
  opacity: .7;
  animation-duration: 16s;
}

.ring.r3 {
  inset: -54px;
  opacity: .45;
  animation-duration: 22s;
}

@keyframes spinSlow {
  to { transform: rotate(360deg); }
}