.about-top{width:100%;max-width:1024px;margin:0 auto;padding:16px 24px 0;font-size:12px;color:var(--muted)}
.about-top a{display:inline-flex;align-items:center;padding:6px 13px;border:1px solid rgba(0,113,227,.4);border-radius:999px;color:var(--blue);background:rgba(0,113,227,.04);line-height:1.2;font-size:12px;transition:background .2s,border-color .2s}
.about-top a:hover{background:rgba(0,113,227,.1);border-color:var(--blue)}

.about{width:100%;max-width:880px;margin:0 auto;padding:0 24px;flex:1;display:flex;flex-direction:column;justify-content:flex-start}
.about-hero{padding:26px 0 22px;text-align:center}
.about-hero h1{margin:0;font-size:clamp(32px,5vw,48px);line-height:1.06;letter-spacing:-.035em;font-weight:700}
.about-hero h1 .w-strong{font-weight:700}
.about-hero h1 .w-thin{font-weight:300;letter-spacing:.02em}

.block{border-top:1px solid var(--line);padding:22px 0}
.block h2{margin:0;font-size:clamp(20px,2.6vw,25px);letter-spacing:-.02em;line-height:1.15}
.block h3{margin:0;font-size:17px;letter-spacing:-.01em}
.block p{margin:6px 0 0;font-size:13.5px;line-height:1.65;color:var(--muted)}
.block-lead{margin-top:7px !important;font-size:14px !important;color:var(--ink) !important}
.quote{margin:0 0 13px !important;text-align:center;font-size:clamp(18px,2.2vw,21px) !important;color:var(--ink) !important;letter-spacing:-.01em}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:13px}
.people .role{margin:4px 0 0;font-size:10.5px;letter-spacing:.12em;color:var(--blue);text-transform:uppercase}
.about-cta{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.about-cta .btn{margin:0;font-size:13px;padding:8px 18px;min-width:0}
.about + footer{margin-top:14px;padding:12px 22px calc(12px + env(safe-area-inset-bottom));font-size:11px}

@media (max-width:700px){
  .about-top{padding:14px 18px 0}
  .about-top a{font-size:11.5px;padding:6px 12px}
  .about{padding:0 18px}
  .about-hero{padding:16px 0 12px}
  .about-hero h1{font-size:clamp(24px,8vw,32px);letter-spacing:-.04em;white-space:nowrap}
  .block{padding:16px 0}
  .block h2{font-size:20px}
  .block h3{font-size:16px}
  .block p{font-size:13.5px;line-height:1.7}
  .quote{font-size:17px !important;margin-bottom:11px !important}
  .grid2{grid-template-columns:1fr;gap:16px;margin-top:11px}
  .about-cta{gap:8px;margin-top:12px}
  .about + footer{margin-top:10px}
}