/* ============================================================
   About page — page-specific styling
   (shared structure lives in site.css)
   ============================================================ */

/* hero */
.about-hero{padding-bottom:clamp(30px,5vw,60px)}
.about-orb-a{width:420px;height:420px;background:radial-gradient(circle,#7c5cff,transparent 70%);top:-100px;right:-60px}
.about-orb-b{width:320px;height:320px;background:radial-gradient(circle,#22d3ee,transparent 70%);bottom:-80px;left:-60px;animation-delay:-5s}
.about-title{margin-top:18px;max-width:18ch}
.about-lead{margin-top:22px}

/* founder quote band */
.about-quote{padding-top:clamp(20px,4vw,40px)}
.quote-band h2{margin:0 auto;max-width:20ch;font-size:clamp(1.6rem,3.2vw,2.6rem)}
.quote-author{margin-top:22px;justify-content:center}

/* leadership team */
.team-avatar{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:#fff}
.team-avatar.a1{background:linear-gradient(150deg,rgba(168,85,247,.32),rgba(34,211,238,.16));border:1px solid rgba(168,85,247,.4)}
.team-avatar.a2{background:linear-gradient(150deg,rgba(34,211,238,.3),rgba(18,185,129,.18));border:1px solid rgba(34,211,238,.4)}
.team-avatar.a3{background:linear-gradient(150deg,rgba(18,185,129,.3),rgba(168,85,247,.18));border:1px solid rgba(18,185,129,.4)}
.team-card .chip{margin-top:12px}
.team-card .quote{margin-top:16px}