/* ============================================================
   Koule Consulting — Feuille de styles
   Design institutionnel sobre : bleu profond / blanc / or
   ============================================================ */

:root{
  --navy-900:#0b2545;
  --navy-800:#122f56;
  --navy-700:#1b3a63;
  --navy-600:#274c78;
  --gold:#c8a24a;
  --gold-light:#e0c583;
  --ink:#152238;
  --body:#3c4759;
  --muted:#6b7789;
  --line:#e3e7ee;
  --bg:#ffffff;
  --bg-alt:#f6f8fb;
  --bg-deep:#0b2545;
  --radius:4px;
  --max:1160px;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"Inter","Helvetica Neue",Arial,system-ui,-apple-system,sans-serif;
  --shadow:0 1px 2px rgba(11,37,69,.06),0 8px 28px rgba(11,37,69,.07);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--sans);
  font-size:17px;
  line-height:1.7;
  color:var(--body);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--navy-600);text-decoration:none}
a:hover{color:var(--gold)}
h1,h2,h3,h4{font-family:var(--serif);color:var(--ink);line-height:1.2;margin:0;font-weight:600}
p{margin:0 0 1.1em}
ul{margin:0;padding:0;list-style:none}

.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
.section{padding:96px 0}
.section--alt{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* Titres de section */
.eyebrow{
  font-family:var(--sans);
  font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin:0 0 14px;display:block;
}
.section-title{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.015em;margin-bottom:18px}
.section-intro{max-width:70ch;color:var(--body);font-size:18px}
.rule{width:56px;height:3px;background:var(--gold);margin:0 0 28px;border:0}

/* ---------- Barre de navigation ---------- */
.nav{
  position:fixed;inset:0 0 auto 0;z-index:100;
  background:rgba(11,37,69,.97);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid rgba(255,255,255,.09);
  transition:background .3s ease,box-shadow .3s ease;
}
.nav.is-scrolled{box-shadow:0 6px 26px rgba(11,37,69,.22)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px;max-width:var(--max);margin:0 auto;padding:0 32px}
.brand{display:flex;align-items:center;color:#fff}
.brand:hover{color:#fff}
.brand__mark{
  width:38px;height:38px;flex:none;border-radius:50%;
  border:1.5px solid var(--gold);
  display:grid;place-items:center;
  font-family:var(--serif);font-size:17px;font-weight:600;color:var(--gold);
  letter-spacing:.02em;
}
.brand__name{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:.01em;line-height:1.15;white-space:nowrap}
.brand__tag{display:block;font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light);margin-top:3px;white-space:nowrap}

.nav__links{display:flex;align-items:center;gap:22px}
.nav__links a{
  color:rgba(255,255,255,.82);font-size:14px;font-weight:500;letter-spacing:.01em;
  padding:6px 0;border-bottom:1.5px solid transparent;transition:color .2s,border-color .2s;
  white-space:nowrap;
}
.nav__links a:hover,.nav__links a.is-active{color:#fff;border-bottom-color:var(--gold)}

.nav__right{display:flex;align-items:center;gap:14px}

/* Bouton de langue */
.lang{display:inline-flex;border:1px solid rgba(255,255,255,.28);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.04)}
.lang button{
  appearance:none;border:0;background:transparent;cursor:pointer;
  font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.08em;
  color:rgba(255,255,255,.72);padding:7px 15px;transition:background .2s,color .2s;
}
.lang button:hover{color:#fff}
.lang button[aria-pressed="true"]{background:var(--gold);color:var(--navy-900)}

.nav__toggle{
  display:none;appearance:none;background:transparent;border:1px solid rgba(255,255,255,.28);
  border-radius:var(--radius);width:42px;height:38px;cursor:pointer;padding:0;
}
.nav__toggle span{display:block;width:18px;height:1.5px;background:#fff;margin:4px auto;transition:transform .25s,opacity .2s}
.nav__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.nav__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* ---------- Hero ---------- */
.hero{
  position:relative;background:var(--navy-900);color:#fff;overflow:hidden;
  padding:152px 0 88px;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(900px 520px at 78% 18%,rgba(200,162,74,.16),transparent 62%),
    linear-gradient(160deg,#0b2545 0%,#122f56 52%,#0a1f3b 100%);
}
.hero::after{
  content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(70% 70% at 30% 40%,#000,transparent);
  mask-image:radial-gradient(70% 70% at 30% 40%,#000,transparent);
}
.hero .wrap{position:relative;z-index:1}
.hero__body{max-width:none}
.hero h1{color:#fff;font-size:clamp(34px,5.6vw,66px);letter-spacing:-.022em;margin-bottom:36px;max-width:26ch}

/* Bas du hero : accroche à gauche, boutons à droite, sur toute la largeur */
.hero__row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;
  align-items:end;padding-top:6px;
  border-top:1px solid rgba(255,255,255,.14);
}
.hero h1 em{font-style:normal;color:var(--gold-light)}
.hero__kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin-bottom:22px;
}
.hero__kicker::before{content:"";width:32px;height:1.5px;background:var(--gold)}
.hero__lead{font-size:18.5px;line-height:1.7;color:rgba(255,255,255,.8);max-width:56ch;margin:24px 0 0}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0 0}

.btn{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--sans);font-size:14.5px;font-weight:600;letter-spacing:.01em;
  padding:13px 26px;border-radius:var(--radius);border:1.5px solid transparent;
  cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s;
}
.btn:active{transform:translateY(1px)}
.btn--gold{background:var(--gold);color:var(--navy-900);border-color:var(--gold)}
.btn--gold:hover{background:var(--gold-light);border-color:var(--gold-light);color:var(--navy-900)}
.btn--ghost{border-color:rgba(255,255,255,.32);color:#fff}
.btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.btn--navy{background:var(--navy-800);color:#fff;border-color:var(--navy-800)}
.btn--navy:hover{background:var(--navy-600);border-color:var(--navy-600);color:#fff}
.btn--outline{border-color:var(--line);color:var(--ink);background:#fff}
.btn--outline:hover{border-color:var(--navy-600);color:var(--navy-600)}

/* ---------- Le fondateur ---------- */
.founder__grid{display:grid;grid-template-columns:360px 1fr;gap:56px;align-items:start;margin-top:44px}
.founder__media{margin:0;position:relative}
.founder__img{
  width:360px;height:450px;     /* les deux dimensions : sinon les attributs HTML étirent l'image */
  max-width:100%;
  object-fit:cover;object-position:50% 30%;
  border-radius:var(--radius);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  background:var(--bg-alt);
}
.founder__badge{
  position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(to top,rgba(11,37,69,.94),rgba(11,37,69,0));
  padding:38px 22px 18px;border-radius:0 0 var(--radius) var(--radius);
}
.founder__badge strong{display:block;font-family:var(--serif);font-size:21px;color:#fff;font-weight:600;line-height:1.25}
.founder__badge span{display:block;font-size:12.5px;letter-spacing:.05em;color:var(--gold-light);margin-top:5px}
.founder__body p{font-size:17.5px}
.founder__body p:first-of-type{font-size:19px;color:var(--ink)}
.founder__body strong{color:var(--ink);font-weight:600}
.founder__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.founder__cards .card{margin-top:0}
.founder__cards .card + .card{margin-top:0}

/* Bandeau de chiffres */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:54px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);overflow:hidden}
.stats__item{background:rgba(11,37,69,.72);padding:26px 24px}
.stats__num{font-family:var(--serif);font-size:34px;font-weight:600;color:var(--gold-light);line-height:1;display:block}
.stats__lbl{display:block;margin-top:9px;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.72);letter-spacing:.02em}

/* ---------- Bandeau institutions ---------- */
.marks{background:var(--bg-alt);border-bottom:1px solid var(--line);padding:34px 0}
.marks__label{text-align:center;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.marks__list{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px}
.marks__list li{font-family:var(--serif);font-size:16px;color:var(--navy-700);opacity:.82;white-space:nowrap}

/* ---------- Le cabinet ---------- */
.about__body{max-width:76ch}
.about__body p{font-size:17.5px}
.about__body p:first-of-type{font-size:19.5px;color:var(--ink)}
.about__body strong{color:var(--ink);font-weight:600}

.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow)}
.card + .card{margin-top:20px}
.card h3{font-size:15px;font-family:var(--sans);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-700);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.card ul li{display:flex;gap:12px;padding:7px 0;font-size:15.5px;line-height:1.55}
.card ul li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-top:9px}
.card .yr{flex:none;width:58px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--navy-700);font-size:14px}

/* ---------- Expertise ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.tile{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 28px;transition:border-color .25s,box-shadow .25s,transform .25s;
}
.tile:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-3px)}
.tile__ico{
  width:44px;height:44px;border-radius:var(--radius);display:grid;place-items:center;
  background:rgba(200,162,74,.12);color:var(--navy-700);margin-bottom:18px;
}
.tile__ico svg{width:22px;height:22px;stroke:var(--navy-700);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.tile h3{font-size:19px;margin-bottom:10px;letter-spacing:-.01em}
.tile p{font-size:15.5px;line-height:1.65;margin:0;color:var(--body)}

/* ---------- Services ---------- */
.svc{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:44px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.svc__item{padding:34px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.svc__item:nth-child(2n){border-right:0}
.svc__item:nth-last-child(-n+2){border-bottom:0}
.svc__n{font-family:var(--serif);font-size:13px;font-weight:600;color:var(--gold);letter-spacing:.1em;display:block;margin-bottom:12px}
.svc__item h3{font-size:20px;margin-bottom:10px}
.svc__item p{font-size:15.5px;margin:0}

/* ---------- Parcours (timeline) ---------- */
.tl{margin-top:48px;position:relative;padding-left:34px}
.tl::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1.5px;background:var(--line)}
.tl__item{position:relative;padding:0 0 34px}
.tl__item:last-child{padding-bottom:0}
.tl__item::before{
  content:"";position:absolute;left:-34px;top:7px;width:13px;height:13px;border-radius:50%;
  background:#fff;border:2.5px solid var(--gold);
}
.tl__item--now::before{background:var(--gold)}
.tl__date{font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:6px}
.tl__role{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink);line-height:1.35;margin-bottom:4px}
.tl__org{font-size:15px;color:var(--muted);margin-bottom:9px}
.tl__desc{font-size:15.5px;line-height:1.65;margin:0;max-width:74ch}

/* ---------- Réalisations ---------- */
.ach{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:44px}
.ach__item{
  background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);
  border-radius:var(--radius);padding:28px 28px 24px;
}
.ach__yr{font-size:12.5px;font-weight:600;letter-spacing:.1em;color:var(--gold);display:block;margin-bottom:10px}
.ach__item h3{font-size:18.5px;line-height:1.35;margin-bottom:10px}
.ach__item p{font-size:15.5px;line-height:1.65;margin:0}

/* ---------- Publications ---------- */
.pubs{margin-top:40px;border-top:1px solid var(--line)}
.pubs li{display:grid;grid-template-columns:88px 1fr;gap:22px;padding:20px 4px;border-bottom:1px solid var(--line);align-items:start}
.pubs .yr{font-variant-numeric:tabular-nums;font-weight:600;color:var(--gold);font-size:14.5px;padding-top:2px}
.pubs__t{font-family:var(--serif);font-size:17px;color:var(--ink);font-weight:600;line-height:1.4;display:block;margin-bottom:4px}
.pubs__src{font-size:14.5px;color:var(--muted);font-style:italic}

.memberships{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.chip{
  display:inline-block;font-size:13.5px;padding:7px 15px;border-radius:999px;
  background:#fff;border:1px solid var(--line);color:var(--navy-700);
}

/* ---------- Contact ---------- */
.contact{background:var(--bg-deep);color:#fff;padding:96px 0}
.contact .eyebrow{color:var(--gold)}
.contact h2{color:#fff}
.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.contact__lead{color:rgba(255,255,255,.78);font-size:18px;max-width:52ch}
.contact__list{margin-top:8px}
.contact__list li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.contact__list li:first-child{border-top:1px solid rgba(255,255,255,.13)}
.contact__ico{flex:none;width:20px;margin-top:3px}
.contact__ico svg{width:20px;height:20px;stroke:var(--gold);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.contact__k{display:block;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);margin-bottom:4px}
.contact__v{color:#fff;font-size:16px;line-height:1.55}
.contact__v a{color:#fff;border-bottom:1px solid rgba(200,162,74,.5)}
.contact__v a:hover{color:var(--gold-light);border-color:var(--gold-light)}
.contact__cta{margin-top:32px;display:flex;flex-wrap:wrap;gap:14px}

/* ---------- Pied de page ---------- */
.footer{background:#081b34;color:rgba(255,255,255,.56);padding:34px 0;border-top:1px solid rgba(255,255,255,.09);font-size:13.5px}
.footer__inner{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.footer a{color:rgba(255,255,255,.72)}
.footer a:hover{color:var(--gold-light)}

/* ---------- Animation d'apparition ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-in{opacity:1;transform:none}

/* ---------- Bilinguisme ----------
   On masque uniquement la langue inactive : les éléments affichés
   conservent ainsi le display défini par leur propre classe. */
html[lang="fr"] [data-lang="en"],
html[lang="en"] [data-lang="fr"]{display:none !important}

/* ---------- Responsive ---------- */
@media (max-width:1240px){
  .brand__logo{height:52px}
  .nav__links{gap:19px}
}
/* en dessous, la nav complète ne tient plus : menu déroulant */
@media (max-width:1060px){
  .nav__toggle{display:block}
  .nav__links{
    position:absolute;top:76px;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--navy-900);border-bottom:1px solid rgba(255,255,255,.12);
    padding:8px 22px 18px;display:none;
  }
  .nav__links.is-open{display:flex}
  .nav__links a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav__links a:hover,.nav__links a.is-active{border-bottom-color:rgba(255,255,255,.08);color:var(--gold-light)}
}

@media (max-width:1000px){
  .founder__grid{grid-template-columns:1fr;gap:36px}
  .founder__media{max-width:340px}
  .founder__img{width:340px;height:420px}
  .founder__cards{grid-template-columns:1fr}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .contact__grid{grid-template-columns:1fr;gap:40px}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  body{font-size:16px}
  .wrap,.nav__inner{padding:0 22px}
  .section{padding:66px 0}
  .hero{padding:132px 0 74px}
  .hero__row{grid-template-columns:1fr;gap:0}
  .hero h1{max-width:none}
  .grid-3,.svc,.ach{grid-template-columns:1fr}
  .founder__media{max-width:100%}
  .founder__img{width:100%;height:400px}
  .svc__item{border-right:0}
  .svc__item:nth-last-child(2){border-bottom:1px solid var(--line)}
  .pubs li{grid-template-columns:1fr;gap:4px}
  .hero__cta .btn{flex:1 1 100%;justify-content:center}
}
@media (max-width:420px){
  .stats{grid-template-columns:1fr}
  .brand__name{font-size:17px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .tile:hover{transform:none}
}

@media print{
  .nav,.hero__cta,.contact__cta,.nav__toggle{display:none}
  body{font-size:11pt;color:#000}
  .hero,.contact{background:#fff;color:#000}
  .hero h1,.contact h2,.hero__lead,.contact__lead,.contact__v{color:#000}
}

/* ============================================================
   AJOUTS — cabinet en avant : clients, Une Seule Santé,
   piliers, RSE, expertises groupées
   ============================================================ */

/* ---------- Mur de logos : clients, bailleurs, partenaires ---------- */
.clients{padding:0}
.clients__wall{
  display:flex;flex-wrap:wrap;
  justify-content:center;align-items:center;
  gap:34px 44px;
  margin-top:38px;
}
.clients__cell{
  flex:0 0 auto;
  display:grid;place-items:center;
  width:300px;height:82px;
  transition:transform .25s ease;
}
.clients__cell img{
  max-height:64px;max-width:100%;width:auto;height:auto;object-fit:contain;
  filter:grayscale(1);opacity:.8;
  transition:filter .25s ease,opacity .25s ease;
}
.clients__cell:hover{transform:translateY(-3px)}
.clients__cell:hover img{filter:none;opacity:1}
.clients__note{margin-top:22px;font-size:13.5px;color:var(--muted);text-align:center}

@media (max-width:1100px){
  .clients__cell{width:270px}
}
@media (max-width:900px){
  .clients__wall{gap:26px 34px}
  .clients__cell{width:230px;height:72px}
  .clients__cell img{max-height:54px}
}
@media (max-width:560px){
  .clients__cell{width:100%;max-width:280px}
}

/* ---------- Expertises groupées ---------- */
.exp__group{margin-top:44px}
.exp__note{
  margin-top:40px;padding:18px 24px;
  border-left:3px solid var(--gold);background:var(--bg-alt);
  font-size:16px;color:var(--ink);
}
.exp__group h3{
  font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--navy-700);padding-bottom:12px;margin-bottom:20px;border-bottom:1px solid var(--line);
}
.exp__list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 24px}
.exp__list li{display:flex;gap:11px;font-size:15.5px;line-height:1.5;color:var(--ink);padding:4px 0}
.exp__list li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-top:9px}

/* ---------- Mandats / réalisations ---------- */
.mandats{display:grid;gap:20px;margin-top:44px}
.mandat{
  display:grid;grid-template-columns:190px 1fr;gap:32px;align-items:start;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px;
}
.mandat__client{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--navy-700);line-height:1.35}
.mandat__year{display:block;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.09em;color:var(--gold);margin-top:6px}

/* Logo du commanditaire : remplace le nom en serif quand le logo existe.
   Le nom passe alors en petite capitale sous le logo, pour l'information
   que le logo ne porte pas (« Lives and Livelihoods Fund », par exemple). */
.mandat__logo{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;min-height:34px;margin-bottom:9px}
.mandat__logo img{
  max-height:32px;max-width:100%;width:auto;height:auto;object-fit:contain;
  filter:grayscale(1);opacity:.72;transition:filter .25s ease,opacity .25s ease;
}
.mandat:hover .mandat__logo img{filter:none;opacity:1}
.mandat__logo + .mandat__client{
  font-family:var(--sans);font-size:13px;font-weight:500;
  color:var(--muted);line-height:1.45;letter-spacing:.01em;
}
.mandat h3{font-size:19px;margin-bottom:9px;line-height:1.35}
.mandat p{font-size:15.5px;line-height:1.65;margin:0}
.mandat__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mandat__tags span{font-size:12.5px;padding:4px 11px;border-radius:999px;background:var(--bg-alt);border:1px solid var(--line);color:var(--navy-700)}

/* ---------- Les trois valeurs ---------- */
.valeurs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.valeur{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);padding:30px 28px}
.valeur__n{font-family:var(--serif);font-size:13px;font-weight:600;color:var(--gold);letter-spacing:.1em;display:block;margin-bottom:12px}
.valeur h3{font-size:21px;margin-bottom:10px}
.valeur p{font-size:15.5px;line-height:1.65;margin:0}

@media (max-width:1000px){
  .valeurs{grid-template-columns:1fr}
  .exp__list{grid-template-columns:repeat(2,1fr)}
  .mandat{grid-template-columns:1fr;gap:14px}
}
@media (max-width:760px){
  .exp__list{grid-template-columns:1fr}
}

/* logo complet dans la barre de navigation */
.brand__logo{height:58px;width:auto;flex:none}

/* ---------- Lien LinkedIn du fondateur ---------- */
.flink{
  display:flex;align-items:center;justify-content:center;gap:20px;
  margin-top:44px;padding:30px 34px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  color:var(--ink);text-align:center;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.flink:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-2px);color:var(--ink)}
.flink__ico{
  flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:rgba(200,162,74,.13);color:var(--navy-700);
}
.flink__ico svg{width:27px;height:27px;stroke:var(--navy-700);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.flink strong{font-family:var(--serif);font-size:clamp(20px,2.4vw,26px);font-weight:600;color:var(--ink);line-height:1.3}
@media (max-width:600px){
  .flink{flex-direction:column;gap:16px;padding:28px 22px}
}

/* titre de famille dans les réalisations */
.mandat__dom{
  font-family:var(--sans);font-size:12.5px;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--navy-700);
  margin:48px 0 0;padding-bottom:12px;border-bottom:1px solid var(--line);
}
.mandat__dom:first-of-type{margin-top:40px}
.mandats{margin-top:20px}