/* ==========================================================================
   About Us page — additive only, loaded after home.css + navbar-footer.css
   ========================================================================== */

.about-hero{padding:64px 0 20px;text-align:center;max-width:760px;margin:0 auto}
.about-hero h1{font-size:clamp(28px,4vw,42px);font-weight:700;margin-top:16px}
.about-hero p{margin-top:16px;font-size:17px;color:var(--ink-soft)}

.team-section{padding:20px 0 90px}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.team-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:32px 24px;text-align:center;
}
.team-avatar{
  width:64px;height:64px;border-radius:50%;margin:0 auto 16px;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#fff;display:grid;place-items:center;font-family:'Sora',sans-serif;font-weight:700;font-size:18px;
}
.team-card h4{font-family:'Sora',sans-serif;font-size:16px;font-weight:600}
.team-card span{display:block;margin-top:4px;font-size:13px;font-weight:600;color:var(--primary)}
.team-card p{margin-top:12px;font-size:13.5px;color:var(--ink-soft);line-height:1.6}

@media (max-width:760px){
  .team-grid{grid-template-columns:1fr}
}