/* ===========================================================
   Claude Bari — Nota del fondatore ("Chi c'è dietro")
   estende styles.css — sobria: parte del racconto, non un piedistallo
   =========================================================== */

.founder{ background:var(--ivory); }
.founder-grid{ display:grid; grid-template-columns:.42fr 1fr; gap:clamp(32px,6vw,72px); align-items:start; }

.founder-card{
  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);
  padding:30px 26px; text-align:center; position:sticky; top:92px;
}
.founder-ava{
  width:88px; height:88px; border-radius:50%; margin:0 auto 18px;
  background:var(--clay-tint); border:1px solid var(--line);
  display:grid; place-items:center;
  font-family:var(--serif); font-size:30px; color:var(--clay-deep); font-weight:600;
}
.founder-card h3{ font-size:24px; margin-bottom:6px; }
.founder-role{ font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--clay-deep); margin-bottom:18px; }
.founder-links{ display:flex; flex-direction:column; gap:8px; }
.founder-links a{
  font-family:var(--mono); font-size:13px; color:var(--ink-2);
  border:1px solid var(--line); border-radius:var(--radius); padding:10px 12px;
  transition:border-color .2s, color .2s, background .2s;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
}
.founder-links a:hover{ border-color:var(--clay); color:var(--clay-deep); background:var(--clay-tint); }

.founder-note h2{ font-size:clamp(30px,4.4vw,52px); margin:20px 0 24px; }
.founder-note p{ color:var(--ink-2); font-size:17.5px; line-height:1.65; max-width:58ch; margin-bottom:18px; }
.founder-note p b{ color:var(--ink); font-weight:600; }
.founder-sign{ font-family:var(--serif); font-style:italic; font-size:20px; color:var(--ink); margin-top:26px; }

@media (max-width:900px){
  .founder-grid{ grid-template-columns:1fr; }
  .founder-card{ position:static; max-width:340px; }
}