.about-hero{display:grid;grid-template-columns:240px 1fr;gap:2.5rem;align-items:start;margin:1rem 0 2.5rem;}
  .about-hero .portrait{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
  .about-facts{list-style:none;margin:.5rem 0 0;display:flex;flex-direction:column;}
  .about-facts li{font-size:.92rem;color:var(--muted);padding:.7rem 0;border-bottom:1px solid var(--line);}
  .about-facts li::before{content:none;}
  .about-facts strong{color:var(--faint);font-weight:700;font-size:.75rem;display:block;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.04em;}
  .about-cta{display:flex;gap:.7rem;flex-wrap:wrap;margin:2rem 0 1rem;}

  .about-jobs{margin-top:.5rem;}
  .about-job{padding:1.75rem 0;border-bottom:1px solid var(--line);}
  .about-jobs .about-job:first-child{padding-top:0;}
  .about-jobs .about-job:last-child{border-bottom:none;}
  .about-job-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem;}
  .about-job-role{font-weight:700;color:var(--ink);}
  .about-job-co{color:var(--muted);font-size:.95rem;}
  .about-job-date{font-weight:700;color:var(--ink);font-size:.85rem;white-space:nowrap;}
  .about-job p{margin:0;max-width:42rem;color:var(--ink-soft);}

  .about-skills{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 2.5rem;margin-top:.5rem;}
  .about-skills h3{font-size:.85rem;color:var(--ink);font-weight:700;margin-bottom:.9rem;}
  .skill-pills{display:flex;flex-wrap:wrap;gap:.5rem;}
  .skill-pills .tag{font-size:.8rem;}

  .about-edu{margin-top:.5rem;}
  .about-edu-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.6rem 0;border-bottom:1px solid var(--line);}
  .about-edu-row:last-child{border-bottom:none;}
  .about-edu-school{font-weight:700;font-size:1.05rem;}
  .about-edu-degree{color:var(--muted);font-size:.95rem;}
  .about-edu-date{font-weight:700;color:var(--ink);font-size:.9rem;}

  .about-service{list-style:none;margin:.5rem 0 0;}
  .about-service li{padding:1rem 0;border-bottom:1px solid var(--line);font-size:.95rem;color:var(--ink-soft);max-width:42rem;}
  .about-service li:last-child{border-bottom:none;}
  .about-service strong{color:var(--ink);}

  @media(max-width:680px){
    .about-hero{grid-template-columns:1fr;}
    .about-hero .portrait-frame{max-width:240px;}
    .about-skills{grid-template-columns:1fr;}
    .about-job-head{flex-direction:column;align-items:flex-start;gap:.3rem;}
  }