/* /about/ (twelfth pass, 11 November 2026). The shared rules are in /style.css; this is the page's own. */
.about-opening{display:grid;grid-template-columns:1.5fr minmax(220px,.8fr);gap:var(--gap);align-items:end;padding-bottom:clamp(34px,4vw,60px)}
.about-opening h2{font-size:clamp(38px,4.6vw,72px);text-wrap:balance;margin:18px 0 26px}
.about-opening .deck{max-width:48ch}
.about-opening .deck+.deck{margin-top:14px}
.about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;margin-top:30px}
.about-actions a{display:inline-flex;align-items:center;min-height:48px}
.about-actions .action{background:var(--ink);color:var(--paper);padding:0 22px;font-weight:500;text-decoration:none}
.about-actions .action:hover{background:var(--accent);color:var(--paper)}
.about-portrait{margin:0}
.cv{display:grid;grid-template-columns:1fr 3fr;gap:0 var(--gap);border-top:1px solid var(--ink);padding-top:22px;margin-bottom:clamp(34px,4vw,60px)}
.cv>h2{font-size:clamp(26px,2.5vw,36px)}
.cv-list,.cv-facts{list-style:none;margin:0;padding:0}
.cv-list li{display:grid;grid-template-columns:8.5em 1fr 1.5fr;gap:6px var(--gap);padding:16px 0 18px;border-top:1px solid var(--line)}
.cv-list li:first-child,.cv-facts>div:first-child{border-top:0;padding-top:4px}
.cv-list p{margin:0}
.cv-when{font-variant-numeric:tabular-nums;color:var(--muted);font-size:15px}
.cv-what strong{display:block;font-weight:600;line-height:1.4}
.cv-what span{display:block;font-size:15px;color:var(--muted);margin-top:2px}
.cv-text{font-size:15px;line-height:1.6;max-width:56ch}
.cv-text a{color:var(--accent)}
.cv-facts>div{display:grid;grid-template-columns:8.5em 1fr;gap:6px var(--gap);padding:16px 0 18px;border-top:1px solid var(--line)}
.cv-facts dt{font-weight:600;font-size:15px}
.cv-facts dd{margin:0;font-size:15px;line-height:1.6;max-width:78ch}
.about-next a{color:var(--accent)}
@media(max-width:1050px){.cv{grid-template-columns:1fr}.cv>h2{margin-bottom:16px}.cv-list li{grid-template-columns:7em 1fr}.cv-text{grid-column:2}}
@media(max-width:640px){.about-opening{grid-template-columns:1fr}.about-portrait{max-width:240px;order:-1;margin-top:18px}.cv-list li,.cv-facts>div{grid-template-columns:1fr;gap:3px}.cv-text{grid-column:1;margin-top:5px}}