/* About / Stack (S7 port, October 4). Sits below the accepted contact grid (about-grid-02) and borrows its measure and hairlines; the grid's own stylesheet is untouched. */
body.page-about .stack{--stack-hair:#c5c5c0;--stack-muted:#555;max-width:840px;margin:64px auto 0;scroll-margin-top:64px}
body.page-about .stack-heading h2{font:400 clamp(38px,4vw,52px)/1.05 var(--display);letter-spacing:-.025em;margin:0 0 10px}
body.page-about .stack-heading p{font:400 15px/1.5 var(--body);color:var(--stack-muted);margin:0 0 24px}
body.page-about .stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
body.page-about .stack-group{border:1px solid var(--stack-hair);padding:18px 22px 6px;min-width:0}
body.page-about .stack-group h3{font:600 17px/1.3 var(--body);letter-spacing:-.01em;margin:0 0 8px}
body.page-about .stack-group ul{list-style:none;padding:0;margin:0}
body.page-about .stack-item{display:grid;gap:2px;padding:11px 0;border-top:1px solid var(--stack-hair);margin:0}
body.page-about .stack-item strong{font:600 15px/1.4 var(--body)}
body.page-about .stack-item span{font:400 13px/1.5 var(--body);color:var(--stack-muted);overflow-wrap:anywhere}
@media(max-width:620px){body.page-about .stack{margin-top:48px}body.page-about .stack-grid{grid-template-columns:1fr;gap:10px}body.page-about .stack-group{padding:16px 14px 4px}body.page-about .stack-heading p{font-size:14px}}