/* HR-ABOUT — loaded after hr-blog.css (reading voice, video poster, .bl-k,
   .bl-eyebrow, .bl-h come from there). */
#site {
  .ab-head{background:var(--deep);color:var(--mist);padding:calc(var(--nav-h) + 52px) 0 clamp(48px,6vw,72px)}
  .ab-h{max-width:16ch}
  .ab-lead{margin:18px 0 0;max-width:40rem;font:400 clamp(17px,1.5vw,19px)/1.55 system-ui,sans-serif;color:rgba(245,242,236,.82);text-wrap:pretty}
  .ab-stats{display:flex;flex-wrap:wrap;gap:clamp(28px,5vw,64px);margin:clamp(34px,4vw,48px) 0 0;padding-top:clamp(22px,3vw,30px);border-top:1px solid rgba(245,242,236,.12)}
  .ab-stat{display:grid;gap:6px;text-decoration:none}
  .ab-stat dt{font:600 clamp(34px,3.8vw,48px)/1 ui-serif,Georgia,serif;color:var(--mist);font-variant-numeric:tabular-nums}
  .ab-stat dd{margin:0;font:700 11px/1 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
  a.ab-stat:hover dt{color:var(--accent)}

  .ab-main{background:var(--warm);color:var(--ink);padding:clamp(48px,6vw,80px) 0 clamp(72px,9vw,112px)}
  .ab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:clamp(36px,6vw,88px);align-items:start}
  .ab-col{min-width:0;max-width:44rem}
  .ab-doc h2:first-child{margin-top:0}

  .ab-card{position:sticky;top:calc(var(--nav-h) + 28px);background:#fff;border-radius:20px;overflow:hidden;
    box-shadow:inset 0 0 0 1px rgba(11,42,63,.08),0 18px 44px rgba(11,42,63,.12)}
  .ab-card-ph{aspect-ratio:4/3;background:var(--ink) center 30%/cover no-repeat}
  .ab-card-b{padding:22px 24px 24px;display:grid;gap:8px}
  .ab-card-n{margin:4px 0 0;font:600 26px/1.1 ui-serif,Georgia,serif;color:var(--ink)}
  .ab-card-r{font:400 14px/1.4 system-ui,sans-serif;color:rgba(11,42,63,.66)}
  .ab-card-x{margin-top:8px;font:400 15.5px/1.6 system-ui,sans-serif;color:rgba(11,42,63,.86)}
  .ab-card-x p{margin:0 0 .7em}
  .ab-card-x a{color:var(--rust);text-decoration:underline;text-underline-offset:2px}
  .ab-card-a{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:8px}
  .ab-card-a .cta{min-height:44px;display:inline-flex;align-items:center}
  .ab-card-l{font:700 11px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:12px 0;
    border-bottom:2px solid var(--accent)}
  .ab-card-l:hover{color:var(--rust)}

  .ab-end{padding:clamp(56px,7vw,88px) 0}
  .ab-end-in{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}
  .ab-end-h{margin:12px 0 0;font:600 clamp(26px,3vw,38px)/1.1 ui-serif,Georgia,serif;color:var(--mist);text-wrap:balance}
  .ab-end-a{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

  @media (max-width:900px){
    .ab-grid{grid-template-columns:minmax(0,1fr)}
    .ab-card{position:static;order:-1;max-width:520px}
    .ab-card{display:grid;grid-template-columns:140px minmax(0,1fr)}
    .ab-card-ph{aspect-ratio:auto;min-height:100%}
  }
  @media (max-width:560px){
    .ab-card{grid-template-columns:minmax(0,1fr)}
    .ab-card-ph{aspect-ratio:4/3}
  }
}