/* 07-about.css
   Section À propos */

.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:clamp(30px,5vw,64px)}
.about h3{font-size:24px;letter-spacing:-.015em}
.about .role{margin-top:8px;font-family:var(--mono);font-size:13px;color:var(--blue)}
.about p{margin-top:20px;color:var(--muted);font-size:16px;max-width:58ch}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fact{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--card)}
.fact dt{font-family:var(--mono);font-size:11.5px;color:var(--muted-2);letter-spacing:.03em}
.fact dd{margin:8px 0 0;font-size:15.5px;font-weight:500}
.fact--wide{grid-column:span 2}
.socials{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.soc{
  width:42px;height:42px;border:1px solid var(--line);border-radius:10px;
  display:grid;place-items:center;color:var(--muted);background:var(--card);
  transition:color .18s ease,border-color .18s ease,transform .18s ease;
}
.soc:hover{color:var(--blue);border-color:rgba(61,123,255,.45);transform:translateY(-2px)}
.soc svg{width:18px;height:18px}