/* About page */
.chip-soft{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:var(--accent-bg-mist);color:var(--text-accent);font-weight:500;font-size:12px;line-height:16px}
.about-hero{background:var(--bg-page);padding:80px var(--gutter);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.about-hero h1{font-weight:600;font-size:52px;line-height:60px}
.about-lead{font-size:18px;line-height:28px;color:var(--text-secondary);max-width:780px}
.partner-strip{width:500px;height:57px;object-fit:contain;max-width:100%}

.about-team{padding:96px var(--gutter);display:flex;flex-direction:column;align-items:center;gap:40px}
.team-photo{width:1000px;max-width:100%;aspect-ratio:1000/667;object-fit:cover;border-radius:28px}
.about-body{font-size:18px;line-height:28px;color:var(--text-secondary);max-width:800px;text-align:center}

.about-sdg{background:var(--bg-page);padding:96px var(--gutter);display:flex;flex-direction:column;align-items:center;gap:48px}
.sdg-head{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;width:100%}
.sdg-head p{font-size:17px;line-height:28px;color:var(--text-secondary);max-width:860px}
.sdg-tiles{width:100%;max-width:1272px;aspect-ratio:1272/231;object-fit:cover;border-radius:24px}

.cta-wrap{padding:80px var(--gutter)}
.cta{max-width:1272px;margin:0 auto;background:var(--panel-inverse);border-radius:32px;padding:72px 64px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.cta .h2{color:#fff}
.cta p{font-size:18px;line-height:28px;color:var(--muted-inverse)}
.cta .badges{padding-top:8px}

@media (max-width:900px){
  .about-hero{padding:40px 16px;gap:16px}
  .about-hero h1{font-size:34px;line-height:42px}
  .about-lead{font-size:16px;line-height:26px}
  .partner-strip{width:300px;height:34px}
  .about-team{padding:56px 16px;gap:24px}
  .team-photo{aspect-ratio:358/239;border-radius:20px}
  .about-body{font-size:16px;line-height:26px}
  .about-sdg{padding:56px 16px;gap:32px}
  .sdg-head p{font-size:16px;line-height:26px}
  .sdg-tiles{aspect-ratio:358/150;border-radius:16px}
  .cta-wrap{padding:40px 16px}
  .cta{padding:40px 24px;border-radius:28px}
  .cta p{font-size:16px;line-height:26px}
}