/* ==========================================================
   Page /agents-ia (s'appuie sur site.css et outils.css)
   ========================================================== */

.a-hero{position:relative;padding:70px 0 40px;text-align:center}
.a-hero h1{font-size:clamp(34px,4.4vw,58px);font-weight:500;max-width:900px;margin:0 auto}
.a-hero h1 .l2{display:block;color:var(--or);font-style:italic;font-weight:400}
.a-hero .a-lede{font-size:17px;color:var(--gris);max-width:680px;margin:22px auto 30px}

/* grille de l'équipe */
.a-team{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:10px}
.a-card{display:block;text-align:center;text-decoration:none;color:inherit}
.a-card .a-ph{aspect-ratio:4/5;overflow:hidden;border:1px solid var(--bordure);border-radius:10px;background:#0a0e12;transition:border-color .25s,transform .25s}
.a-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.a-card:hover .a-ph,.a-card:focus-visible .a-ph{border-color:var(--or);transform:translateY(-4px)}
.a-card:hover img{transform:scale(1.04)}
.a-card h3{font-size:22px;font-weight:500;margin:14px 0 2px}
.a-card .a-role{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--or)}
.a-ia-note{text-align:center;font-size:12.5px;color:var(--gris);margin-top:26px}

/* fiche agent */
.a-fiche{scroll-margin-top:110px}
.a-fiche .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.a-fiche.rev .a-portrait{order:2}
.a-portrait{position:sticky;top:120px;margin:0}
.a-portrait img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--bordure)}
.a-portrait figcaption{font-size:12px;color:var(--gris);margin-top:10px;text-align:center}
.a-fiche h2{font-size:clamp(34px,4vw,50px);font-weight:500;margin:6px 0 4px}
.a-fiche .a-tag{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--or-clair);margin-bottom:26px;line-height:1.3}
.a-rub{border-top:1px solid var(--bordure);padding:18px 0}
.a-rub h3{font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--or);margin-bottom:8px}
.a-rub p,.a-rub li{font-size:15.5px;color:var(--gris);line-height:1.65}
.a-rub ul{list-style:none;padding:0;margin:0}
.a-rub li{position:relative;padding-left:20px;margin-bottom:6px}
.a-rub li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:1px;background:var(--or)}
.a-clin{margin-top:6px;padding:14px 18px;border-left:2px solid var(--or);background:rgba(184,151,90,.06);font-size:14.5px;color:var(--blanc)}
.a-go{display:inline-block;margin-top:18px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--or);text-decoration:none;border-bottom:1px solid var(--bordure);padding-bottom:4px}
.a-go:hover{border-color:var(--or)}

/* garde-fous */
.a-gardes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:14px}
.a-garde{border:1px solid var(--bordure);padding:30px 28px;background:rgba(255,255,255,.015)}
.a-garde h3{font-size:24px;font-weight:500;margin-bottom:10px}
.a-garde p{font-size:14.5px;color:var(--gris);line-height:1.65}
.a-garde a{color:var(--or)}

@media(max-width:1000px){
  .a-team{grid-template-columns:repeat(3,1fr)}
  .a-fiche .wrap{grid-template-columns:1fr;gap:30px}
  .a-fiche.rev .a-portrait{order:0}
  .a-portrait{position:static;max-width:340px;margin:0 auto}
  .a-gardes{grid-template-columns:1fr}
}
@media(max-width:560px){
  .a-team{grid-template-columns:repeat(2,1fr);gap:14px}
  .a-hero{padding:44px 0 20px}
}