/* About page (ACR-687, 9 Sep 2026): the origin story on the homepage's about-grid, accountability strip, and the human team. Shared components from home-v5.css and sub-v5.css; only page-specific pieces live here. sv-ab- prefix. */

/* Origin: homepage .hv-about-grid on a light section, so .hv-lead needs an ink-appropriate muted colour instead of the dark-surface default. */
.sv-ab-origin .hv-lead{color:var(--hv-muted)}
.sv-ab-link{margin-top:34px}
.sv-ab-strip{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;border-top:1px solid var(--hv-line);margin-top:88px;padding-top:22px}
.sv-ab-strip p{font:600 21px/1.3 var(--display);letter-spacing:-0.015em;margin:0;color:var(--ink)}
.sv-ab-strip span{font:400 15px/1.5 var(--body);color:var(--hv-muted)}

/* Team: light job-window cards, four columns wide, one per member. */
.sv-ab-roster{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:64px auto 0}
.sv-ab-person{background:#fff;border-radius:20px;padding:26px 24px 22px;box-shadow:0 1px 0 #fff inset,0 24px 60px rgba(7,26,51,.1),0 4px 14px rgba(7,26,51,.05)}
.sv-ab-initials{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--hv-cyan);font:700 14px/1 var(--body);margin-bottom:18px}
.sv-ab-person h3{font:600 21px/1.2 var(--display);letter-spacing:-0.015em;margin:0 0 8px}
.sv-ab-person .hv-lab{margin:0 0 10px}
.sv-ab-person>p:last-child{font:400 14.5px/1.55 var(--body);color:var(--hv-muted);margin:0}

@media (min-width:901px){.sv-ab-person:nth-child(5):last-child{grid-column:2/4}}

@media (max-width:900px){
.sv-ab-roster{grid-template-columns:1fr;gap:16px}
}
@media (max-width:700px){
.sv-ab-strip{margin-top:56px;flex-direction:column;align-items:flex-start;gap:8px}
.sv-ab-strip p{font-size:19px}
.sv-ab-roster{margin-top:44px}
.sv-ab-person{padding:20px 18px 18px;border-radius:16px}
}

/* 11 Sep 2026: the single OnCue mention on About is a plain paragraph link; keep it readable as a link. */
.sv-ab-origin .hv-lead a{color:var(--nexus-action);text-decoration:underline;text-underline-offset:3px}
.sv-ab-origin .hv-lead a:hover{color:var(--ink)}