.biography{
  position:relative;
  background:var(--charbon-clair);
  padding:var(--section-pad-y) 0;
  border-top:1px solid rgba(232,228,221,0.08);
}

.bio-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:start;
}

.bio-header{margin-bottom:28px;}
.bio-header .eyebrow{margin-bottom:16px; display:block;}

.bio-text p{
  color:var(--acier-clair);
  font-size:16px;
  margin-bottom:20px;
  max-width:52ch;
}
.bio-text p strong{
  color:var(--blanc-casse);
  font-weight:500;
}

.bio-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.bio-tag{
  font-family:var(--font-display);
  font-size:11px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--acier-clair);
  border:1px solid rgba(232,228,221,0.18);
  padding:8px 14px;
  border-radius:2px;
}

/* timeline verticale */
.timeline{
  position:relative;
  padding-left:32px;
}
.timeline::before{
  content:"";
  position:absolute;
  left:5px;
  top:6px;
  bottom:6px;
  width:1px;
  background:linear-gradient(180deg, var(--rouille), rgba(184,92,46,0.15));
}

.timeline-item{
  position:relative;
  padding-bottom:44px;
}
.timeline-item:last-child{padding-bottom:0;}

.timeline-item::before{
  content:"";
  position:absolute;
  left:-32px;
  top:4px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--charbon-clair);
  border:2px solid var(--rouille);
}

.timeline-year{
  font-family:var(--font-display);
  font-size:13px;
  letter-spacing:0.12em;
  color:var(--jaune-ind);
  margin-bottom:6px;
}

.timeline-title{
  font-family:var(--font-display);
  font-size:19px;
  font-weight:500;
  color:var(--blanc-casse);
  text-transform:uppercase;
  margin-bottom:6px;
}

.timeline-desc{
  font-size:14px;
  color:var(--acier-clair);
  max-width:44ch;
}

@media (max-width:860px){
  .bio-grid{grid-template-columns:1fr; gap:48px;}
}