/* About page redesign. Uses hn- tokens from home-new.css and sv- classes from services-new.css; extra classes start with ab- */
.ab-who{padding:64px 0 24px}
.ab-who__in{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.ab-who__text h2{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:800;color:var(--n);margin:0 0 14px;line-height:1.15}
.ab-who__text p{color:var(--mute);line-height:1.75;font-size:1.05rem;margin:0 0 12px;max-width:38em}
.ab-facts{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ab-facts li{display:flex;align-items:baseline;gap:14px;background:var(--mint);border-radius:18px;padding:16px 22px}
.ab-facts strong{font-size:1.7rem;font-weight:800;color:var(--n);min-width:5.2ch;line-height:1}
.ab-facts span{color:var(--mute);font-weight:600}

.ab-mv{padding:40px 0 24px}
.ab-mv__in{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center}
.ab-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;display:block}
.ab-mv__panel{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(30,42,107,.13);padding:30px 32px;margin-left:-56px;position:relative;display:grid;gap:26px}
.ab-mv__item{display:flex;gap:16px;align-items:flex-start}
.ab-ico{flex:0 0 48px;height:48px;border-radius:14px;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.ab-ico--r{background:var(--r)}
.ab-mv__item h3{font-size:1.25rem;font-weight:800;color:var(--ink);margin:0 0 6px}
.ab-mv__item p{margin:0;color:var(--mute);line-height:1.65}

.ab-values{padding:56px 0 8px}
.ab-values__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ab-value{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(30,42,107,.13);padding:26px 22px}
.ab-value i{color:var(--g);font-size:1.5rem;margin-bottom:12px;display:block}
.ab-value h3{font-size:1.15rem;font-weight:800;color:var(--ink);margin:0 0 6px}
.ab-value p{margin:0;color:var(--mute);line-height:1.6;font-size:.97rem}

.ab-care{padding-top:56px}
.ab-more{text-align:center;margin-top:34px}

@media (max-width:900px){
  .ab-who__in,.ab-mv__in{grid-template-columns:1fr}
  .ab-mv__panel{margin:-48px 16px 0}
  .ab-values__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .ab-who{padding-top:48px}
  .ab-values__grid{grid-template-columns:1fr}
}