/*
	Theme Name: IDEAFORM
	Theme URI:
	Description: Thème custom Ideaform.
	Version: 1.0
	Author: Ideaform
	Author URI:
	Text Domain: ideaform
*/

/* ============================================================
   IDEAFORM · Système de design
   Palette ancrée charte I&P · Instrument Serif + Geist + JetBrains Mono
   Polices hébergées en local (WOFF2, latin, font-display: swap)
   ============================================================ */

@font-face {
	font-family: 'Instrument Serif';
	src: url('fonts/instrument-serif-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Instrument Serif';
	src: url('fonts/instrument-serif-400-italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('fonts/geist-300.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('fonts/geist-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('fonts/geist-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('fonts/geist-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'JetBrains Mono';
	src: url('fonts/jetbrains-mono-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'JetBrains Mono';
	src: url('fonts/jetbrains-mono-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

:root {
  /* Encres */
  --ink:        #1F1812;
  --ink-2:      #4A3F33;
  --ink-3:      #6C6250;   /* légendes ≤14px — AA sur --paper et --paper-2 */

  /* Papier */
  --paper:      #F6F1E6;
  --paper-2:    #ECE3D0;
  --paper-3:    #E3D7BD;
  --bone:       #FFFFFF;

  /* Brun I&P — signature */
  --brown:      #6B4226;
  --brown-dark: #3F2716;
  --brown-soft: #B8895E;

  /* Lignes */
  --line:       rgba(31, 24, 18, 0.14);
  --line-soft:  rgba(31, 24, 18, 0.07);
  --line-strong:rgba(31, 24, 18, 0.28);

  /* Polices */
  --font-sans:  'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Instrument Serif', 'Times New Roman', Georgia, serif;
  --font-mono:  'JetBrains Mono', ui-monospace, monospace;

  /* Typo — 8 tailles (maquette I&P) */
  --fs-xxs: 0.625rem;   /* 10px  légendes, tags, meta */
  --fs-xs:  0.6875rem;  /* 11px  eyebrow, langue */
  --fs-sm:  0.875rem;   /* 14px  nav, boutons, liens */
  --fs-md:  1rem;       /* 16px  corps */
  --fs-lg:  1.1875rem;  /* 19px  chapô / intro */
  --fs-xl:  1.625rem;   /* 26px  titres secondaires, logo texte */
  --fs-xxl: clamp(2.375rem, 4.8vw, 4rem); /* 38–64px titres de section */
  --fs-hero: clamp(2.5rem, 6vw, 5.5rem);  /* 40–88px titre hero */
}

/* -------- Reset -------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-sans);
  background: var(--paper);
  color: var(--ink);
  font-size: var(--fs-md);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
button { font: inherit; color: inherit; background: none; border: none; cursor: pointer; }

/* -------- Typography classes -------- */
.serif {
  font-family: var(--font-serif);
  font-weight: 400;
  letter-spacing: -0.01em;
}
.italic { font-style: italic; }
.mono {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.10em;
  text-transform: uppercase;
}
.mono-sm {
  font-family: var(--font-mono);
  font-size: var(--fs-xxs);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ============================================================
   COUPURE DES MOTS LONGS — deux régimes distincts
   ----------------------------------------------------------------
   1. TYPE DISPLAY (hero, titres de section) : largeurs volontairement
      étroites (14ch / 20ch) pour un retour à la ligne éditorial.
      → overflow-wrap seul : ne coupe QUE si un mot ne rentre pas,
        et n'insère jamais de trait d'union sur une ligne confortable.
      → PAS de hyphens:auto, qui hyphénerait « ca-/pital ».
   2. CARTES ÉTROITES (pistes minmax(0,1fr) de 110 à 264px) : un mot
      français long y déborde réellement.
      → overflow-wrap + hyphens:auto ; lang="fr" assure la césure
        aux bonnes syllabes.
   ============================================================ */
h1, h2,
.hero-title, .section-head h2, .featured-side h2, .feat-card h2,
.page-hero h1, .num-value, .stat-mini-value, .ind .v {
  overflow-wrap: break-word;
}

.pillar h3, .step-title, .step-desc,
.sector-name, .secteur__name, .sector-desc, .profile-title, .profile-desc,
.art h3, .odd-card h3, .ta-card h3,
.reseau-card h3, .sec-card h3, .presse-card h3,
.attr-title, .lever-title, .axe-title, .valeur-title,
.phase-name, .phase-title, .mech-title {
  overflow-wrap: break-word;
}

/* hyphens:auto réservé aux TROIS sélecteurs dont la piste est si
   étroite qu'un mot français long y déborde réellement :
   .pillar h3 (192px), .step-title et .step-desc (110px).
   Partout ailleurs la césure se déclencherait sans nécessité. */
.pillar h3, .step-title, .step-desc {
  hyphens: auto;
  -webkit-hyphens: auto;
}

.txt-xxs { font-size: var(--fs-xxs); }
.txt-xs  { font-size: var(--fs-xs); }
.txt-sm  { font-size: var(--fs-sm); }
.txt-md  { font-size: var(--fs-md); }
.txt-lg  { font-size: var(--fs-lg); }
.txt-xl  { font-size: var(--fs-xl); }
.txt-xxl { font-size: var(--fs-xxl); }
.txt-hero { font-size: var(--fs-hero); }

/* -------- Layout -------- */
.wrap { max-width: 1340px; margin: 0 auto; padding: 0 56px; }
@media (max-width: 900px) { .wrap { padding: 0 24px; } }

.grow   { flex: 1; }
.spacer-xs { height: 16px; } .spacer-sm { height: 32px; }
.spacer-md { height: 64px; } .spacer-lg { height: 120px; }

.bg-paper { background: var(--paper); }
.bg-paper-2 { background: var(--paper-2); }
.bg-paper-3 { background: var(--paper-3); }
.bg-bone { background: var(--bone); }
.bg-brown { background: var(--brown); }
.bg-brown-dark { background: var(--brown-dark); }
.bg-brown-soft { background: var(--brown-soft); }

/* ============================================================
   TOP NAVIGATION
   ============================================================ */
.nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(246, 241, 230, 0.88);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}
.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* Axe vertical uniquement — le padding horizontal vient de .wrap */
  padding-top: 22px;
  padding-bottom: 22px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--ink);
  flex-shrink: 0;
}

.brand-logo {
  height: 60px;
  width: auto;
  display: block;
}
.footer-logo {
  height: 88px;
  width: auto;
  display: block;
  margin-bottom: 20px;
}

.nav-links {
  display: flex;
  gap: 26px;
  align-items: center;
}
.nav-links a {
  text-decoration: none;
  color: var(--ink-2);
  font-size: var(--fs-sm);
  font-weight: 400;
  position: relative;
  padding: 4px 0;
  transition: color 0.15s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.nav-links a::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -2px;
  height: 1px;
  background: var(--brown);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}

.nav-links a:hover, .nav-links a.active { color: var(--brown); }
.nav-links a:hover::after, .nav-links a.active::after { transform: scaleX(1); }

/* CTA entrepreneur dans la nav — bouton brun, séparé des liens */
.nav-links a.menu-btn,
.nav-links a.nav-cta {
  background: var(--brown);
  color: var(--paper);
  padding: 10px 16px;
  margin-left: 6px;
  font-weight: 500;
  transition: background 0.18s ease;
}
.nav-links a.menu-btn::after,
.nav-links a.nav-cta::after { display: none; }
.nav-links a.menu-btn:hover,
.nav-links a.nav-cta:hover { background: var(--brown-dark); color: var(--paper); }
.nav-links a.menu-btn.active,
.nav-links a.nav-cta.active { background: var(--brown-dark); color: var(--paper); }
@media (max-width: 1080px) {
  .nav.open .nav-links a.menu-btn,
  .nav.open .nav-links a.nav-cta { margin-left: 0; padding: 12px 20px; }
}

.nav-lang {
  display: flex;
  gap: 4px;
  align-items: center;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.10em;
  color: var(--ink-3);
}
.nav-lang .active { color: var(--ink); }
.nav-lang .sep { color: var(--line-strong); }

/* Sélecteur WPML — même rendu que FR / EN */
.nav-lang .wpml-ls,
.nav-lang .wpml-ls-legacy-list-horizontal,
.nav-lang .wpml-ls-legacy-dropdown {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  float: none;
  width: auto;
}
.nav-lang .wpml-ls ul,
.nav-lang .wpml-ls-legacy-list-horizontal > ul {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  border: none;
}
.nav-lang .wpml-ls-item {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  width: auto;
}
.nav-lang .wpml-ls-item + .wpml-ls-item::before {
  content: '/';
  color: var(--line-strong);
  margin-right: 4px;
}
.nav-lang .wpml-ls-flag {
  display: none;
}
.nav-lang .wpml-ls-link,
.nav-lang .wpml-ls-legacy-dropdown a {
  display: inline;
  text-decoration: none;
  color: var(--ink-3);
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  letter-spacing: inherit;
  text-transform: uppercase;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  line-height: inherit;
}
.nav-lang .wpml-ls-current-language > .wpml-ls-link,
.nav-lang .wpml-ls-current-language .wpml-ls-native,
.nav-lang .wpml-ls-current-language .wpml-ls-display {
  color: var(--ink);
}
.nav-lang .wpml-ls-link:hover,
.nav-lang .wpml-ls-link:focus {
  color: var(--ink);
  text-decoration: none;
  background: none;
}

.nav-toggle {
  display: none;
  padding: 8px;
}

@media (max-width: 1080px) {
  .nav-lang { display: none; }
  .nav-toggle { display: flex; align-items: center; gap: 8px; }
  .nav-toggle .mono { color: var(--ink-2); }

  body.nav-open {
    overflow: hidden;
  }

  /* Rideau mobile — panneau toujours en DOM pour animer l’ouverture/fermeture */
  .nav-links {
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 40;
    flex-direction: column;
    align-items: flex-start;
    gap: 36px;
    padding: 36px 24px 48px;
    background: var(--paper);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 18px 40px rgba(42, 34, 24, 0.08);
    clip-path: inset(0 0 100% 0);
    visibility: hidden;
    pointer-events: none;
    transition:
      clip-path 0.48s cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s linear 0.48s;
  }

  .nav.open .nav-links {
    clip-path: inset(0 0 0 0);
    visibility: visible;
    pointer-events: auto;
    transition:
      clip-path 0.52s cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s linear 0s;
  }

  .nav-links a {
    font-size: var(--fs-lg);
  }

  /* Items : apparition en cascade sous le rideau */
  .nav-links li,
  .nav-links > a {
    opacity: 0;
    transform: translateY(-14px);
    transition:
      opacity 0.32s ease,
      transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .nav.open .nav-links li,
  .nav.open .nav-links > a {
    opacity: 1;
    transform: translateY(0);
  }

  .nav.open .nav-links li:nth-child(1),
  .nav.open .nav-links > a:nth-child(1) { transition-delay: 0.10s; }
  .nav.open .nav-links li:nth-child(2),
  .nav.open .nav-links > a:nth-child(2) { transition-delay: 0.16s; }
  .nav.open .nav-links li:nth-child(3),
  .nav.open .nav-links > a:nth-child(3) { transition-delay: 0.22s; }
  .nav.open .nav-links li:nth-child(4),
  .nav.open .nav-links > a:nth-child(4) { transition-delay: 0.28s; }
  .nav.open .nav-links li:nth-child(5),
  .nav.open .nav-links > a:nth-child(5) { transition-delay: 0.34s; }
  .nav.open .nav-links li:nth-child(6),
  .nav.open .nav-links > a:nth-child(6) { transition-delay: 0.40s; }
  .nav.open .nav-links li:nth-child(7),
  .nav.open .nav-links > a:nth-child(7) { transition-delay: 0.46s; }
  .nav.open .nav-links li:nth-child(8),
  .nav.open .nav-links > a:nth-child(8) { transition-delay: 0.52s; }
}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  font-size: var(--fs-sm);
  text-decoration: none;
  border-radius: 0;
  transition: all 0.18s ease;
  font-weight: 500;
  letter-spacing: 0.01em;
  cursor: pointer;
}
.btn:hover,
.btn:focus {
  text-decoration: none;
}
.btn-primary {
  background: var(--brown);
  color: var(--paper);
}
.btn-primary:hover { background: var(--brown-dark); }

.btn-ghost {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--line-strong);
}
.btn-ghost:hover {
  border-color: var(--brown);
  color: var(--brown);
}
.btn-arrow {
  display: inline-block;
  transition: transform 0.2s ease;
}
.btn:hover .btn-arrow { transform: translateX(4px); }

/* Inline link with arrow */
.link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: var(--brown);
  font-weight: 500;
  font-size: var(--fs-sm);
  border-bottom: 1px solid var(--brown);
  padding-bottom: 2px;
}
.link:hover { color: var(--brown-dark); border-color: var(--brown-dark); text-decoration: none; }

/* ============================================================
   SECTION SYSTEM
   ============================================================ */
section { position: relative; }

.eyebrow {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--brown);
  display: flex;
  align-items: center;
  gap: 12px;
}
.eyebrow-dot {
  width: 6px;
  height: 6px;
  background: var(--brown);
  border-radius: 50%;
  display: inline-block;
}
.eyebrow.muted { color: var(--ink-3); }
.eyebrow.muted .eyebrow-dot { background: var(--ink-3); }

.section-head {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 80px;
  align-items: end;
  padding-bottom: 56px;
}
@media (max-width: 900px) {
  .section-head { grid-template-columns: 1fr; gap: 24px; padding-bottom: 40px; }
}

.section-num {
  margin-bottom: 18px;
}
.section-head h2 {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--fs-xxl);
  line-height: 0.98;
  letter-spacing: -0.02em;
  max-width: 14ch;
}
.section-head h2 em { font-style: italic; color: var(--brown); }
.section-lede {
  font-size: var(--fs-lg);
  line-height: 1.55;
  color: var(--ink-2);
  max-width: 56ch;
}

/* ============================================================
   FIL D’ARIANE (Rank Math)
   ============================================================ */
.breadcrumb {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--ink-3);
  padding-top: 56px;
}
.breadcrumb p,
.breadcrumb .rank-math-breadcrumb {
  margin: 0;
}
.breadcrumb a {
  color: var(--ink-3);
  text-decoration: none;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
  color: var(--brown);
  text-decoration: none;
}
.breadcrumb .sep,
.breadcrumb .separator {
  margin: 0 12px;
  color: var(--line-strong);
}
body:has(.breadcrumb) .hero--text,
body:has(.breadcrumb) .hero--media {
  padding-top: 56px;
}

/* ============================================================
   HERO
   --media : titre + visuel, intro + boutons (accueil)
   --text  : titre à gauche, intro (+ boutons) à droite
   ============================================================ */
.hero { position: relative; }
.hero--media { padding: 64px 0 96px; }
.hero--text { padding: 80px 0 72px; }

.hero-title {
  line-height: 0.92;
  letter-spacing: -0.025em;
  max-width: 14ch;
}
.hero-title em { font-style: italic; color: var(--brown); }

.hero-photo {
  aspect-ratio: 4 / 3;
  width: 100%;
}
@media (max-width: 991px) {
  .hero-photo { aspect-ratio: 5 / 3; }
}

@media (min-width: 992px) {
  .hero .row + .row { margin-top: 56px; }
}
@media (max-width: 991px) {
  .hero .row > [class*="col-"] + [class*="col-"] { margin-top: 40px; }
  .hero .row + .row { margin-top: 40px; }
}

.hero-intro,
.hero-intro p {
  line-height: 1.5;
  color: var(--ink-2);
  max-width: 38ch;
  margin: 0;
}
.hero-intro p + p { margin-top: 0.8em; }
.hero--text .hero-intro,
.hero--text .hero-intro p {
  line-height: 1.55;
  max-width: 46ch;
}

.hero-cta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.hero-cta--after {
  justify-content: flex-start;
  margin-top: 24px;
}
@media (max-width: 991px) {
  .hero-cta { justify-content: flex-start; }
}

.btn_marron {
  background: var(--brown);
  color: var(--paper);
}
.btn_marron:hover { background: var(--brown-dark); color: var(--paper); }

.btn_blanc {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--line-strong);
}
.btn_blanc:hover {
  border-color: var(--brown);
  color: var(--brown);
}

/* ============================================================
   TITRE + TEXTE (titre_txt)
   ============================================================ */
.titre-txt {
  padding: 120px 0;
  border-top: 1px solid var(--line);
  /*border-bottom: 1px solid var(--line);*/
}
main > .titre-txt:first-child {
  border-top: none;
}
.titre-txt:has(+ .logos) {
  padding-bottom: 30px;
}
.titre-txt .eyebrow {
  margin-bottom: 22px;
}
.titre-txt__title {
  line-height: 0.98;
  letter-spacing: -0.022em;
  max-width: 20ch;
}
.titre-txt__title em {
  font-style: italic;
  color: var(--brown);
}
.titre-txt__body,
.titre-txt__body p {
  line-height: 1.6;
  color: var(--ink-2);
  max-width: 44ch;
  margin: 0;
}
.titre-txt__body p + p {
  margin-top: 0.8em;
}
.titre-txt .link {
  margin-top: 22px;
}
.titre-txt__cta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 32px;
}
@media (max-width: 991px) {
  .titre-txt .row > [class*="col-"] + [class*="col-"] {
    margin-top: 32px;
  }
}

.titre-txt.bg-brown,
.titre-txt.bg-brown-dark {
  padding: 140px 0;
  color: var(--paper);
  border-color: transparent;
}
.titre-txt.bg-brown:has(+ .logos),
.titre-txt.bg-brown-dark:has(+ .logos) {
  padding-bottom: 30px;
}
.titre-txt.bg-brown .eyebrow,
.titre-txt.bg-brown-dark .eyebrow {
  color: var(--brown-soft);
}
.titre-txt.bg-brown .eyebrow-dot,
.titre-txt.bg-brown-dark .eyebrow-dot {
  background: var(--brown-soft);
}
.titre-txt.bg-brown .titre-txt__title,
.titre-txt.bg-brown-dark .titre-txt__title {
  color: var(--paper);
}
.titre-txt.bg-brown .titre-txt__title em,
.titre-txt.bg-brown-dark .titre-txt__title em {
  color: var(--brown-soft);
}
.titre-txt.bg-brown .titre-txt__body,
.titre-txt.bg-brown .titre-txt__body p,
.titre-txt.bg-brown-dark .titre-txt__body,
.titre-txt.bg-brown-dark .titre-txt__body p {
  color: var(--paper);
}
.titre-txt.bg-brown .link,
.titre-txt.bg-brown-dark .link {
  color: var(--paper);
  border-bottom-color: var(--paper);
}
.titre-txt.bg-brown .link:hover,
.titre-txt.bg-brown-dark .link:hover {
  color: var(--brown-soft);
  border-bottom-color: var(--brown-soft);
}
.titre-txt.bg-brown .btn_marron,
.titre-txt.bg-brown-dark .btn_marron {
  background: var(--paper);
  color: var(--brown-dark);
}
.titre-txt.bg-brown .btn_marron:hover,
.titre-txt.bg-brown-dark .btn_marron:hover {
  background: var(--bone);
  color: var(--brown-dark);
}
.titre-txt.bg-brown .btn_blanc,
.titre-txt.bg-brown-dark .btn_blanc {
  background: transparent;
  color: var(--paper);
  border-color: var(--paper);
}
.titre-txt.bg-brown .btn_blanc:hover,
.titre-txt.bg-brown-dark .btn_blanc:hover {
  border-color: var(--brown-soft);
  color: var(--paper);
}

/* Tableau (list_tableau) — pleine largeur de la zone */
.titre-txt__tableau {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  width: 100%;
  background: var(--line);
  border: 1px solid var(--line);
}
.titre-txt__tableau--1 { grid-template-columns: 1fr; }
.titre-txt__tableau--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.titre-txt__tableau--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.titre-txt__tableau--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.titre-txt__tableau--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.titre-txt__tableau--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 900px) {
  .titre-txt__tableau,
  .titre-txt__tableau--3,
  .titre-txt__tableau--4,
  .titre-txt__tableau--5,
  .titre-txt__tableau--6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .titre-txt__tableau,
  .titre-txt__tableau--2,
  .titre-txt__tableau--3,
  .titre-txt__tableau--4,
  .titre-txt__tableau--5,
  .titre-txt__tableau--6 {
    grid-template-columns: 1fr;
  }
}

.titre-txt__cell {
  background: var(--paper);
  padding: 26px 20px 30px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.titre-txt.bg-paper-2 .titre-txt__cell {
  background: var(--paper-2);
}
.titre-txt__cell-stitre {
  color: var(--brown);
  margin-bottom: 16px;
}
.titre-txt__cell-titre {
  line-height: 1.1;
  letter-spacing: -0.012em;
  margin: 0;
  color: var(--ink);
}
.titre-txt__cell-titre em {
  font-style: italic;
  color: var(--brown);
}
.titre-txt__cell-txt,
.titre-txt__cell-txt p {
  margin: 10px 0 0;
  color: var(--ink-3);
  line-height: 1.5;
}
.titre-txt__cell-txt p + p {
  margin-top: 0.4em;
}

.titre-txt.bg-brown .titre-txt__tableau,
.titre-txt.bg-brown-dark .titre-txt__tableau {
  background: rgba(246, 241, 230, 0.18);
  border-color: rgba(246, 241, 230, 0.18);
}
.titre-txt.bg-brown .titre-txt__cell,
.titre-txt.bg-brown-dark .titre-txt__cell {
  background: var(--brown-dark);
}
.titre-txt.bg-brown .titre-txt__cell {
  background: var(--brown);
}
.titre-txt.bg-brown .titre-txt__cell-stitre,
.titre-txt.bg-brown-dark .titre-txt__cell-stitre {
  color: var(--brown-soft);
}
.titre-txt.bg-brown .titre-txt__cell-titre,
.titre-txt.bg-brown-dark .titre-txt__cell-titre {
  color: var(--paper);
}
.titre-txt.bg-brown .titre-txt__cell-titre em,
.titre-txt.bg-brown-dark .titre-txt__cell-titre em {
  color: var(--brown-soft);
}
.titre-txt.bg-brown .titre-txt__cell-txt,
.titre-txt.bg-brown .titre-txt__cell-txt p,
.titre-txt.bg-brown-dark .titre-txt__cell-txt,
.titre-txt.bg-brown-dark .titre-txt__cell-txt p {
  color: rgba(246, 241, 230, 0.68);
}

/* ============================================================
   ÉQUIPE
   ============================================================ */
.equipe {
  padding: 120px 0;
}
.equipe__head {
  margin-bottom: 8px;
  padding-bottom: 40px;
}
.equipe .eyebrow {
  margin-bottom: 18px;
}
.equipe__title {
  line-height: 0.98;
  letter-spacing: -0.022em;
  max-width: 14ch;
  margin: 0;
  color: var(--ink);
}
.equipe__title em {
  font-style: italic;
  color: var(--brown);
}
.equipe__lede,
.equipe__lede p {
  line-height: 1.55;
  color: var(--ink-2);
  max-width: 46ch;
  margin: 0;
}
.equipe__lede p + p {
  margin-top: 0.8em;
}
@media (max-width: 991px) {
  .equipe__head .row > [class*="col-"] + [class*="col-"],
  .equipe__head > [class*="col-"] + [class*="col-"] {
    margin-top: 28px;
  }
}

.equipe__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
@media (max-width: 820px) {
  .equipe__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}
@media (max-width: 520px) {
  .equipe__grid {
    grid-template-columns: 1fr;
  }
}

.equipe__photo {
  aspect-ratio: 27 / 29;
  width: 100%;
  margin-bottom: 18px;
  overflow: hidden;
}
.equipe__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.equipe__role {
  color: var(--brown);
  margin-bottom: 8px;
}
.equipe__name {
  line-height: 1.08;
  letter-spacing: -0.012em;
  margin: 0 0 10px;
  color: var(--ink);
}
.equipe__name em {
  font-style: italic;
  color: var(--brown);
}
.equipe__org,
.equipe__org p {
  line-height: 1.5;
  color: var(--ink-3);
  margin: 0 0 14px;
}
.equipe__org p + p {
  margin-top: 0.4em;
}
.equipe__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--brown);
  text-decoration: none;
  border-bottom: 1px solid var(--brown);
  padding-bottom: 2px;
}
.equipe__link:hover {
  color: var(--brown-dark);
  border-color: var(--brown-dark);
  text-decoration: none;
}

.equipe__join {
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid var(--line-strong);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
  flex-wrap: wrap;
}
.equipe__join-txt,
.equipe__join-txt p {
  line-height: 1.55;
  color: var(--ink-2);
  max-width: 52ch;
  margin: 0;
}
.equipe__join-txt p + p {
  margin-top: 0.6em;
}

/* ============================================================
   LOGOS (galerie)
   ============================================================ */
.logos {
  padding: 0 0 120px;
}
.logos__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  width: 100%;
  background: var(--paper);
  border: 1px solid var(--line);
}
@media (max-width: 720px) {
  .logos__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.logos__slot {
  aspect-ratio: 16 / 9;
  background: var(--paper);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  min-width: 0;
}
.logos__slot img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

/* ============================================================
   LISTE (liste)
   ============================================================ */
.liste {
  padding: 120px 0 96px;
  background: var(--paper-2);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.liste__items {
  margin-top: 8px;
  border-top: 1px solid var(--line-strong);
}
.liste__item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 4px 28px;
  padding: 26px 0;
  border-bottom: 1px solid var(--line);
}
.liste__item-stitre {
  grid-column: 1;
  grid-row: 1 / span 2;
  color: var(--brown);
  padding-top: 7px;
}
.liste__item-content {
  grid-column: 2;
  min-width: 0;
}
.liste__item-titre {
  margin: 0;
  font-size: var(--fs-xl);
  line-height: 1.1;
  letter-spacing: -0.014em;
  font-weight: 400;
}
.liste__item-titre em {
  font-style: italic;
  color: var(--brown);
}
.liste__item-txt {
  margin-top: 6px;
}
.liste__item-txt,
.liste__item-txt p {
  margin: 0;
  line-height: 1.55;
  color: var(--ink-2);
  max-width: 74ch;
}
.liste__item-txt p + p {
  margin-top: 0.6em;
}
.liste__item-txt strong {
  color: var(--ink);
  font-weight: 500;
}
@media (max-width: 900px) {
  .liste__item {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .liste__item-stitre,
  .liste__item-content {
    grid-column: 1;
    grid-row: auto;
  }
  .liste__item-stitre {
    padding-top: 0;
  }
}

/* ============================================================
   CHIFFRES (chiffres)
   ============================================================ */
.chiffres {
  padding: 32px 0;
  background: var(--paper-2);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
main > .chiffres:first-child {
  border-top: none;
}
.chiffres__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
}
.chiffres__grid--1 { grid-template-columns: minmax(0, 1fr); }
.chiffres__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.chiffres__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.chiffres__grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.chiffres__grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.chiffres__grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 900px) {
  .chiffres__grid,
  .chiffres__grid--3,
  .chiffres__grid--4,
  .chiffres__grid--5,
  .chiffres__grid--6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 24px;
  }
}
@media (max-width: 520px) {
  .chiffres__grid,
  .chiffres__grid--2,
  .chiffres__grid--3,
  .chiffres__grid--4,
  .chiffres__grid--5,
  .chiffres__grid--6 {
    grid-template-columns: 1fr;
  }
}
.chiffres__titre {
  color: var(--brown);
  margin-bottom: 8px;
}
.chiffres__val {
  font-style: italic;
  font-size: clamp(1.75rem, 2.6vw, 2.25rem);
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--brown);
}
.chiffres__val em {
  font-style: italic;
  color: var(--brown);
}
.chiffres__desc {
  margin-top: 6px;
  font-size: var(--fs-xs);
  line-height: 1.4;
  color: var(--ink-3);
}

/* ============================================================
   FILTRES (partagés actualités)
   ============================================================ */
.filter-btn {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  padding: 8px 16px;
  border: 1px solid var(--line-strong);
  color: var(--ink-2);
  background: transparent;
  border-radius: 99px;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.filter-btn:hover,
.filter-btn:focus-visible {
  border-color: var(--brown);
  color: var(--brown);
  outline: none;
}
.filter-btn.active {
  background: var(--brown);
  color: var(--paper);
  border-color: var(--brown);
}
/* ============================================================
   ARCHIVE ACTUALITÉS
   ============================================================ */
.actu-hero.page-hero {
  padding-bottom: 64px;
}
.actu-filters {
  padding: 28px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 72px;
  z-index: 10;
  background: rgba(246, 241, 230, 0.94);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.actu-filters__inner {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.actu-filters .filter-btn {
  text-decoration: none;
}
.actu-filters .filter-btn.active {
  text-decoration: none;
}
.actu-filters__count {
  margin-left: auto;
  color: var(--ink-3);
}
@media (max-width: 720px) {
  .actu-filters__count {
    display: none;
  }
}

.actu-featured {
  padding: 72px 0 0;
}
.feat-card {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 56px;
  align-items: center;
  border-bottom: 1px solid var(--line-strong);
  padding-bottom: 64px;
}
@media (max-width: 900px) {
  .feat-card {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}
.feat-meta {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.feat-card__title {
  margin: 0 0 20px;
  font-weight: 400;
  font-size: clamp(34px, 4.2vw, 54px);
  line-height: 1;
  letter-spacing: -0.02em;
}
.feat-card__title a {
  color: var(--ink);
  text-decoration: none;
}
.feat-card__title a:hover,
.feat-card__title a:focus-visible {
  color: var(--brown);
}
.feat-card__title em {
  font-style: italic;
  color: var(--brown);
}
.feat-card__excerpt {
  font-size: var(--fs-lg);
  line-height: 1.6;
  color: var(--ink-2);
  max-width: 52ch;
  margin: 0 0 24px;
}
.feat-card__media {
  margin: 0;
}
.feat-card__caption,
.art__caption {
  margin: 0 0 8px;
  font-size: var(--fs-xs);
  line-height: 1.4;
  color: var(--ink-3);
}
.feat-photo {
  aspect-ratio: 16 / 10;
  width: 100%;
  display: block;
}

.read {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--brown);
  font-weight: 500;
  font-size: var(--fs-sm);
  border-bottom: 1px solid var(--brown);
  padding-bottom: 2px;
  align-self: flex-start;
}
.read:hover,
.read:focus-visible {
  color: var(--brown-dark);
  border-color: var(--brown-dark);
  outline: none;
}
.read:hover .btn-arrow,
.read:focus-visible .btn-arrow {
  transform: translateX(4px);
}

.actu-list {
  padding: 0 0 96px;
}
.actu-list--after-feat {
  padding-top: 0;
}
.list-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
  margin-top: 64px;
}
.actu-list--after-feat .list-grid {
  border-top: none;
  margin-top: 0;
}
@media (max-width: 980px) {
  .list-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .list-grid {
    grid-template-columns: 1fr;
  }
}
.art {
  background: var(--paper);
  display: flex;
  flex-direction: column;
  transition: background 0.18s ease;
}
.art:hover {
  background: var(--paper-2);
}
.art__media {
  margin: 0;
}
.art-photo {
  aspect-ratio: 16 / 10;
  width: 100%;
  display: block;
}
.art-body {
  padding: 26px 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
  border-top: 1px solid var(--line);
}
.art-meta {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.art__title {
  margin: 0;
  font-weight: 400;
  font-size: var(--fs-xl);
  line-height: 1.08;
  letter-spacing: -0.014em;
}
.art__title a {
  color: var(--ink);
  text-decoration: none;
}
.art__title a:hover,
.art__title a:focus-visible {
  color: var(--brown);
}
.art__title em {
  font-style: italic;
  color: var(--brown);
}
.art__excerpt {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.55;
  color: var(--ink-2);
  flex: 1;
}
.art .read {
  font-size: 13px;
}
.list-empty {
  padding: 80px 0;
  text-align: center;
}
.list-empty .mono {
  color: var(--ink-3);
  margin-bottom: 14px;
}
.list-empty p {
  font-size: var(--fs-xl);
  color: var(--ink-2);
  letter-spacing: -0.01em;
  margin: 0;
}

/* ============================================================
   IMAGE + TEXTE (img_txt)
   ============================================================ */
.img-txt {
  padding: 120px 0;
  background: var(--paper-2);
  border-top: 1px solid var(--line);
}
.img-txt__grid {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 80px;
  align-items: center;
}
.img-txt.img-right .img-txt__grid {
  grid-template-columns: 7fr 5fr;
}
@media (max-width: 900px) {
  .img-txt__grid,
  .img-txt.img-right .img-txt__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.img-txt__media {
  aspect-ratio: 1/1;
  width: 100%;
  /*max-width: 340px;*/
}
.img-txt.img-right .img-txt__media {
  margin-left: auto;
}
@media (max-width: 900px) {
  .img-txt__media,
  .img-txt.img-right .img-txt__media {
    max-width: 100%;
    margin-left: 0;
  }
}
.img-txt__stitre {
  color: var(--brown);
  margin-bottom: 20px;
}
.img-txt__title {
  margin: 0 0 20px;
  font-weight: 400;
  font-size: clamp(36px, 4.4vw, 58px);
  line-height: 0.98;
  letter-spacing: -0.02em;
  max-width: 18ch;
}
.img-txt__title em {
  font-style: italic;
  color: var(--brown);
}
.img-txt__intro,
.img-txt__intro p {
  margin: 0;
  line-height: 1.6;
  color: var(--ink-2);
  max-width: 54ch;
}
.img-txt__intro p + p {
  margin-top: 0.75em;
}
.img-txt__cta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 28px;
}

/* ============================================================
   PAGE NOTRE OFFRE (page-strategie.php)
   ============================================================ */
.page-hero {
  padding: 80px 0 96px;
  border-bottom: 1px solid var(--line);
}
.page-hero-grid {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 80px;
  align-items: end;
}
@media (max-width: 980px) {
  .page-hero-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.page-hero h1 {
  line-height: 0.95;
  letter-spacing: -0.025em;
  max-width: 14ch;
  margin: 0;
}
.page-hero h1 em {
  font-style: italic;
  color: var(--brown);
}
.page-hero__lede,
.page-hero__lede p {
  line-height: 1.5;
  color: var(--ink-2);
  max-width: 50ch;
  margin: 0;
}

.offer-toc {
  padding: 32px 0;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 84px;
  z-index: 10;
  background: rgba(246, 241, 230, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.admin-bar .offer-toc {
  top: 116px;
}
@media screen and (max-width: 782px) {
  .admin-bar .offer-toc {
    top: 130px;
  }
}
.offer-toc-inner {
  display: flex;
  gap: 48px;
  flex-wrap: wrap;
}
.offer-toc a {
  color: var(--ink-2);
  text-decoration: none;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.offer-toc a span:first-child {
  color: var(--brown);
  font-size: var(--fs-xxs);
}
.offer-toc a:hover {
  color: var(--brown);
}

.these {
  padding: 144px 0 96px;
}
.these-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 32px;
  margin-top: 56px;
}
.attr {
  grid-column: span 4;
  padding: 32px 28px 32px 0;
  border-top: 1px solid var(--line-strong);
}
@media (max-width: 900px) {
  .attr {
    grid-column: span 12;
    padding-right: 0;
  }
}
.attr .mono {
  color: var(--brown);
  margin-bottom: 14px;
}
.attr-photo {
  height: 170px;
  margin-bottom: 22px;
  overflow: hidden;
}
@media (max-width: 900px) {
  .attr-photo {
    height: 200px;
  }
}
.attr-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.attr-title {
  line-height: 1.05;
  letter-spacing: -0.015em;
  margin: 0 0 14px;
  font-size: var(--fs-xl);
}
.attr-title em {
  font-style: italic;
  color: var(--brown);
}
.attr-desc,
.attr-desc p {
  line-height: 1.55;
  color: var(--ink-2);
  margin: 0;
}

.capital {
  padding: 144px 0 96px;
  background: var(--paper-2);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.tracks {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}
@media (max-width: 900px) {
  .tracks {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.track {
  display: flex;
  flex-direction: column;
  padding: 36px 32px 40px;
  border: 1px solid var(--line-strong);
}
.track.open {
  background: var(--paper);
  border-color: var(--brown);
}
.track.soon {
  background: transparent;
  border-style: dashed;
  border-color: var(--line-strong);
  background-image: repeating-linear-gradient(
    135deg,
    rgba(107, 66, 38, 0.035) 0,
    rgba(107, 66, 38, 0.035) 1px,
    transparent 1px,
    transparent 12px
  );
}
.track-badge {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 7px;
  font-family: var(--font-mono);
  font-size: var(--fs-xxs);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  padding: 5px 11px;
  border-radius: 99px;
  margin-bottom: 22px;
}
.track.open .track-badge {
  background: var(--brown);
  color: var(--paper);
}
.track.soon .track-badge {
  background: transparent;
  color: var(--ink-3);
  border: 1px solid var(--line-strong);
}
.track-who {
  font-family: var(--font-mono);
  font-size: var(--fs-xxs);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--brown);
  margin-bottom: 12px;
}
.track.soon .track-who {
  color: var(--ink-3);
}
.track h3 {
  line-height: 1;
  letter-spacing: -0.018em;
  margin: 0 0 16px;
  font-size: var(--fs-xl);
}
.track h3 em {
  font-style: italic;
  color: var(--brown);
}
.track.soon h3 {
  color: var(--ink-2);
}
.track.soon h3 em {
  color: var(--ink-3);
}
.track__body,
.track__body p {
  line-height: 1.6;
  color: var(--ink-2);
  margin: 0 0 14px;
}
.track__body strong {
  color: var(--ink);
  font-weight: 500;
}
.instruments {
  margin: 18px 0 0;
  list-style: none;
  padding: 0;
  display: grid;
  gap: 12px;
}
.instruments li {
  padding-left: 22px;
  position: relative;
  font-size: var(--fs-sm);
  line-height: 1.55;
  color: var(--ink-2);
}
.instruments li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--brown);
}
.instruments li strong {
  color: var(--ink);
  font-weight: 500;
}
.track-figures {
  margin-top: auto;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.track-figures .fig .mono {
  color: var(--ink-3);
  margin-bottom: 6px;
}
.track-figures .fig .v {
  font-size: var(--fs-xl);
  line-height: 1;
  letter-spacing: -0.01em;
}
.track-figures .fig .v em {
  font-style: italic;
  color: var(--brown);
}
.track-note {
  margin-top: auto;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  font-size: var(--fs-sm);
  line-height: 1.55;
  color: var(--ink-2);
}

.accompagnement {
  padding: 144px 0 96px;
}
.levers {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}
@media (max-width: 820px) {
  .levers {
    grid-template-columns: 1fr;
  }
}
.lever {
  background: var(--paper);
  padding: 30px 28px 34px;
}
.lever .mono {
  color: var(--brown);
  margin-bottom: 14px;
}
.lever h3 {
  line-height: 1.06;
  letter-spacing: -0.014em;
  margin: 0 0 12px;
}
.lever h3 em {
  font-style: italic;
  color: var(--brown);
}
.lever__body,
.lever__body p {
  line-height: 1.55;
  color: var(--ink-2);
  margin: 0;
}
.lever__body strong {
  color: var(--ink);
  font-weight: 500;
}
.lever__body ul {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
  display: grid;
  gap: 7px;
}
.lever__body li {
  padding-left: 18px;
  position: relative;
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--ink-2);
}
.lever__body li::before {
  content: '·';
  position: absolute;
  left: 6px;
  color: var(--brown);
  font-weight: 700;
}

.ta {
  padding: 144px 0 120px;
  background: var(--brown-dark);
  color: var(--paper);
}
.ta .section-head {
  color: var(--paper);
}
.ta .section-head h2 {
  color: var(--paper);
}
.ta .section-head h2 em {
  color: var(--brown-soft);
}
.ta .section-lede,
.ta .section-lede p {
  color: rgba(246, 241, 230, 0.72);
}
.ta .eyebrow {
  color: var(--brown-soft);
}
.ta .eyebrow-dot {
  background: var(--brown-soft);
}
.ta-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(246, 241, 230, 0.15);
  border: 1px solid rgba(246, 241, 230, 0.15);
  margin-top: 24px;
}
@media (max-width: 900px) {
  .ta-grid {
    grid-template-columns: 1fr;
  }
}
.ta-card {
  overflow: hidden;
  background: var(--brown-dark);
  display: flex;
  flex-direction: column;
}
.ta-card__visuel {
  aspect-ratio: 16 / 10;
  width: 100%;
  overflow: hidden;
  background: rgba(246, 241, 230, 0.08);
}
.ta-card__visuel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ta-card__content {
  padding: 40px 32px 44px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
.ta-card .mono {
  color: rgba(246, 241, 230, 0.55);
}
.ta-card h3 {
  line-height: 1.05;
  letter-spacing: -0.015em;
  margin: 0;
  font-size: var(--fs-xl);
  color: var(--paper);
}
.ta-card h3 em {
  font-style: italic;
  color: var(--brown-soft);
}
.ta-card__body,
.ta-card__body p {
  line-height: 1.55;
  color: rgba(246, 241, 230, 0.75);
  margin: 0;
}
.ta-budget {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(246, 241, 230, 0.15);
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: rgba(246, 241, 230, 0.55);
}
.ta-budget em {
  font-family: var(--font-serif);
  font-style: italic;
  color: var(--brown-soft);
  font-size: var(--fs-lg);
  letter-spacing: -0.01em;
  text-transform: none;
}
.ta-close {
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid rgba(246, 241, 230, 0.20);
  line-height: 1.6;
  color: rgba(246, 241, 230, 0.80);
  max-width: 70ch;
}
.ta-close em {
  font-family: var(--font-serif);
  font-style: italic;
  color: var(--brown-soft);
}

.reseau {
  padding: 144px 0 96px;
  background: var(--paper-2);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.reseau-intro {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 80px;
  align-items: start;
  margin-top: 8px;
  padding-bottom: 56px;
}
@media (max-width: 900px) {
  .reseau-intro {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-bottom: 40px;
  }
}
.reseau-photo {
  aspect-ratio: 4 / 3;
  width: 100%;
  overflow: hidden;
}
.reseau-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.reseau-body,
.reseau-body p {
  font-size: var(--fs-md);
  line-height: 1.65;
  color: var(--ink-2);
  max-width: 62ch;
  margin: 0;
}
.reseau-body p + p {
  margin-top: 18px;
}
.reseau-body strong {
  color: var(--ink);
  font-weight: 500;
}
.reseau-body em {
  font-family: var(--font-serif);
  font-style: italic;
  color: var(--brown);
}
.reseau-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}
@media (max-width: 900px) {
  .reseau-grid {
    grid-template-columns: 1fr;
  }
}
.reseau-card {
  background: var(--paper);
  padding: 38px 30px 42px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 280px;
}
.reseau-card .mono {
  color: var(--brown);
}
.reseau-card h3 {
  line-height: 1.05;
  letter-spacing: -0.015em;
  margin: 0;
  font-size: var(--fs-xl);
}
.reseau-card h3 em {
  font-style: italic;
  color: var(--brown);
}
.reseau-card__body,
.reseau-card__body p {
  line-height: 1.6;
  color: var(--ink-2);
  margin: 0;
}
.reseau-card ul {
  list-style: none;
  padding: 16px 0 0;
  margin: auto 0 0;
  display: grid;
  gap: 8px;
  border-top: 1px solid var(--line);
}
.reseau-card li {
  padding-left: 20px;
  position: relative;
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--ink-2);
}
.reseau-card li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--brown);
}

.close-cta {
  padding: 140px 0;
  background: var(--brown);
  color: var(--paper);
}
.submit-grid {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 80px;
  align-items: center;
}
@media (max-width: 900px) {
  .submit-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}
.close-cta .mono {
  color: rgba(246, 241, 230, 0.55);
  margin-bottom: 28px;
}
.close-cta h2 {
  line-height: 0.96;
  letter-spacing: -0.022em;
  margin: 0;
  color: var(--paper);
}
.close-cta h2 em {
  font-style: italic;
  color: #F6E3CC;
}
.close-cta__lede,
.close-cta__lede p {
  line-height: 1.55;
  color: rgba(246, 241, 230, 0.82);
  max-width: 42ch;
  margin: 0 0 32px;
}
.close-cta .btn-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.close-cta .btn-light {
  background: var(--paper);
  color: var(--brown-dark);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 24px;
  font-size: var(--fs-sm);
  font-weight: 500;
  text-decoration: none;
  transition: background 0.18s ease;
}
.close-cta .btn-light:hover {
  background: var(--bone);
  text-decoration: none;
}
.close-cta .btn-outline {
  background: transparent;
  color: var(--paper);
  border: 1px solid rgba(246, 241, 230, 0.40);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 24px;
  font-size: var(--fs-sm);
  font-weight: 500;
  text-decoration: none;
  transition: border-color 0.18s ease;
}
.close-cta .btn-outline:hover {
  border-color: rgba(246, 241, 230, 0.85);
  text-decoration: none;
}
.close-cta a:hover .btn-arrow {
  transform: translateX(4px);
}

/* ============================================================
   CTA (titre + boutons)
   ============================================================ */
.cta {
  padding: 110px 0;
  text-align: center;
  background: var(--paper-2);
  border-top: 1px solid var(--line);
}
.cta.bg-paper {
  background: var(--paper);
}
.cta.bg-paper-2 {
  background: var(--paper-2);
}
.cta__stitre {
  color: var(--brown);
  margin-bottom: 20px;
}
.cta__title {
  line-height: 1.02;
  letter-spacing: -0.02em;
  max-width: 22ch;
  margin: 0 auto;
  color: var(--ink);
}
.cta__title em {
  font-style: italic;
  color: var(--brown);
}
.cta__txt,
.cta__txt p {
  margin: 20px auto 0;
  line-height: 1.55;
  color: var(--ink-2);
  max-width: 46ch;
}
.cta__txt p + p {
  margin-top: 0.75em;
}
.cta__btns {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 32px;
}
.cta .btn-light {
  background: var(--paper);
  color: var(--brown-dark);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  font-size: var(--fs-sm);
  font-weight: 500;
  text-decoration: none;
  transition: background 0.18s ease;
}
.cta .btn-light:hover {
  background: var(--bone);
  text-decoration: none;
}
.cta .btn-outline {
  background: transparent;
  color: var(--paper);
  border: 1px solid rgba(246, 241, 230, 0.40);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  font-size: var(--fs-sm);
  font-weight: 500;
  text-decoration: none;
  transition: border-color 0.18s ease;
}
.cta .btn-outline:hover {
  border-color: rgba(246, 241, 230, 0.85);
  text-decoration: none;
}
.cta a:hover .btn-arrow {
  transform: translateX(4px);
}

/* CTA — fonds foncés */
.cta.bg-brown,
.cta.bg-brown-dark {
  border-color: transparent;
  color: var(--paper);
}
.cta.bg-brown {
  background: var(--brown);
}
.cta.bg-brown-dark {
  background: var(--brown-dark);
}
.cta.bg-brown .cta__stitre,
.cta.bg-brown-dark .cta__stitre {
  color: var(--brown-soft);
}
.cta.bg-brown .cta__title,
.cta.bg-brown-dark .cta__title {
  color: var(--paper);
}
.cta.bg-brown .cta__title em,
.cta.bg-brown-dark .cta__title em {
  color: var(--brown-soft);
}
.cta.bg-brown .cta__txt,
.cta.bg-brown .cta__txt p,
.cta.bg-brown-dark .cta__txt,
.cta.bg-brown-dark .cta__txt p {
  color: rgba(246, 241, 230, 0.82);
}

/* ============================================================
   SECTEURS
   ============================================================ */
.secteurs {
  padding: 144px 0 96px;
  background: var(--brown-dark);
  color: var(--paper);
}
.secteurs .eyebrow {
  color: var(--brown-soft);
  margin-bottom: 18px;
}
.secteurs .eyebrow-dot {
  background: var(--brown-soft);
}
.secteurs__head {
  margin-bottom: 56px;
}
.secteurs__title {
  line-height: 0.98;
  letter-spacing: -0.022em;
  max-width: 20ch;
  color: var(--paper);
}
.secteurs__title em {
  font-style: italic;
  color: #D4B896;
}
.secteurs__lede,
.secteurs__lede p {
  line-height: 1.55;
  color: rgba(246, 241, 230, 0.72);
  max-width: 56ch;
  margin: 0;
}
.secteurs__lede em {
  font-style: italic;
}
@media (max-width: 991px) {
  .secteurs__head .row > [class*="col-"] + [class*="col-"],
  .secteurs__head > [class*="col-"] + [class*="col-"] {
    margin-top: 24px;
  }
}

.secteurs-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(246, 241, 230, 0.15);
  border: 1px solid rgba(246, 241, 230, 0.15);
}
@media (max-width: 900px) {
  .secteurs-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .secteurs-grid { grid-template-columns: 1fr; }
}

.secteur {
  overflow: hidden;
  background: var(--brown-dark);
  display: flex;
  flex-direction: column;
  transition: background 0.2s ease;
}
.secteur:hover {
  background: rgba(184, 137, 94, 0.10);
}
.secteur__visuel {
  aspect-ratio: 16 / 10;
  width: 100%;
  overflow: hidden;
  background: rgba(246, 241, 230, 0.08);
}
.secteur__visuel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(0.90) contrast(1.02);
}
.secteur__content {
  padding: 26px 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
}
.secteur__name {
  line-height: 1;
  letter-spacing: -0.015em;
  margin: 0;
  color: var(--paper);
}
.secteur__desc {
  line-height: 1.5;
  color: rgba(246, 241, 230, 0.66);
  margin: 0;
}

/* ============================================================
   TEXTE + VIGNETTES (txt_vignettes)
   ============================================================ */
.txt-vignettes {
  padding: 144px 0 120px;
}
.txt-vignettes .eyebrow {
  margin-bottom: 18px;
}
.txt-vignettes__head {
  margin-bottom: 8px;
  padding-bottom: 56px;
}
.txt-vignettes__title {
  line-height: 0.98;
  letter-spacing: -0.022em;
  max-width: 20ch;
}
.txt-vignettes__title em {
  font-style: italic;
  color: var(--brown);
}
.txt-vignettes__lede,
.txt-vignettes__lede p {
  line-height: 1.55;
  color: var(--ink-2);
  max-width: 56ch;
  margin: 0;
}
.txt-vignettes__lede em {
  font-style: italic;
}
@media (max-width: 991px) {
  .txt-vignettes__head {
    padding-bottom: 40px;
  }
  .txt-vignettes__head .row > [class*="col-"] + [class*="col-"],
  .txt-vignettes__head > [class*="col-"] + [class*="col-"] {
    margin-top: 24px;
  }
}

.txt-vignettes__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}
.txt-vignettes__grid--1 { grid-template-columns: minmax(0, 50%); }
.txt-vignettes__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.txt-vignettes__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.txt-vignettes__grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.txt-vignettes__grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.txt-vignettes__grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.txt-vignettes__grid--rows {
  margin-top: 24px;
}
@media (max-width: 1180px) {
  .txt-vignettes__grid:not(.txt-vignettes__grid--1),
  .txt-vignettes__grid--4,
  .txt-vignettes__grid--5,
  .txt-vignettes__grid--6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .txt-vignettes__grid--rows.txt-vignettes__grid--4,
  .txt-vignettes__grid--rows.txt-vignettes__grid--5,
  .txt-vignettes__grid--rows.txt-vignettes__grid--6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .txt-vignettes__grid:not(.txt-vignettes__grid--1),
  .txt-vignettes__grid--3,
  .txt-vignettes__grid--4,
  .txt-vignettes__grid--5,
  .txt-vignettes__grid--6 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 560px) {
  .txt-vignettes__grid,
  .txt-vignettes__grid--1,
  .txt-vignettes__grid--2,
  .txt-vignettes__grid--3,
  .txt-vignettes__grid--4,
  .txt-vignettes__grid--5,
  .txt-vignettes__grid--6 {
    grid-template-columns: 1fr;
  }
}

.txt-vignette {
  overflow: hidden;
  background: var(--paper);
  display: flex;
  flex-direction: column;
  transition: background 0.18s ease;
}
.txt-vignette:hover {
  background: var(--paper-2);
}
.txt-vignette__visuel {
  aspect-ratio: 16 / 10;
  width: 100%;
  overflow: hidden;
  background: var(--paper-3);
}
.txt-vignette__visuel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.txt-vignette__content {
  padding: 26px 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
}
.txt-vignette__stitre {
  color: var(--brown);
}
.txt-vignette__name {
  line-height: 1.15;
  letter-spacing: -0.01em;
  margin: 0;
  hyphens: manual;
  -webkit-hyphens: manual;
}
.txt-vignette__name em {
  font-style: italic;
  color: var(--brown);
}
.txt-vignette__desc,
.txt-vignette__desc p {
  line-height: 1.5;
  color: var(--ink-2);
  margin: 0;
}
.txt-vignette__desc p + p {
  margin-top: 0.6em;
}
.txt-vignette__link {
  margin-top: auto;
  align-self: flex-start;
}
.txt-vignette__link .btn-arrow {
  display: inline-block;
  transition: transform 0.2s ease;
}
.txt-vignette__link:hover .btn-arrow {
  transform: translateX(4px);
}

/* Fonds clairs */
.txt-vignettes.bg-paper-2 .txt-vignette {
  background: var(--paper-2);
}
.txt-vignettes.bg-paper-2 .txt-vignette:hover {
  background: var(--paper);
}
.txt-vignettes.bg-paper-2 .txt-vignette__visuel {
  background: var(--paper-3);
}

/* Fonds foncés */
.txt-vignettes.bg-brown,
.txt-vignettes.bg-brown-dark {
  color: var(--paper);
}
.txt-vignettes.bg-brown .eyebrow,
.txt-vignettes.bg-brown-dark .eyebrow {
  color: var(--brown-soft);
}
.txt-vignettes.bg-brown .eyebrow-dot,
.txt-vignettes.bg-brown-dark .eyebrow-dot {
  background: var(--brown-soft);
}
.txt-vignettes.bg-brown .txt-vignettes__title,
.txt-vignettes.bg-brown-dark .txt-vignettes__title {
  color: var(--paper);
}
.txt-vignettes.bg-brown .txt-vignettes__title em,
.txt-vignettes.bg-brown-dark .txt-vignettes__title em {
  color: var(--brown-soft);
}
.txt-vignettes.bg-brown .txt-vignettes__lede,
.txt-vignettes.bg-brown .txt-vignettes__lede p,
.txt-vignettes.bg-brown-dark .txt-vignettes__lede,
.txt-vignettes.bg-brown-dark .txt-vignettes__lede p {
  color: rgba(246, 241, 230, 0.72);
}
.txt-vignettes.bg-brown .txt-vignettes__grid,
.txt-vignettes.bg-brown-dark .txt-vignettes__grid {
  background: rgba(246, 241, 230, 0.15);
  border-color: rgba(246, 241, 230, 0.15);
}
.txt-vignettes.bg-brown .txt-vignette {
  background: var(--brown);
}
.txt-vignettes.bg-brown-dark .txt-vignette {
  background: var(--brown-dark);
}
.txt-vignettes.bg-brown .txt-vignette:hover {
  background: var(--brown);
}
.txt-vignettes.bg-brown-dark .txt-vignette:hover {
  background: var(--brown-dark);
}
.txt-vignettes.bg-brown .txt-vignette__visuel,
.txt-vignettes.bg-brown-dark .txt-vignette__visuel {
  background: rgba(246, 241, 230, 0.08);
}
.txt-vignettes.bg-brown .txt-vignette__stitre,
.txt-vignettes.bg-brown-dark .txt-vignette__stitre {
  color: var(--brown-soft);
}
.txt-vignettes.bg-brown .txt-vignette__name,
.txt-vignettes.bg-brown-dark .txt-vignette__name {
  color: var(--paper);
}
.txt-vignettes.bg-brown .txt-vignette__name em,
.txt-vignettes.bg-brown-dark .txt-vignette__name em {
  color: var(--brown-soft);
}
.txt-vignettes.bg-brown .txt-vignette__desc,
.txt-vignettes.bg-brown .txt-vignette__desc p,
.txt-vignettes.bg-brown-dark .txt-vignette__desc,
.txt-vignettes.bg-brown-dark .txt-vignette__desc p {
  color: rgba(246, 241, 230, 0.72);
}
.txt-vignettes.bg-brown .txt-vignette__link,
.txt-vignettes.bg-brown-dark .txt-vignette__link {
  color: #d4b896;
  border-bottom-color: #d4b896;
}
.txt-vignettes.bg-brown .txt-vignette__link:hover,
.txt-vignettes.bg-brown-dark .txt-vignette__link:hover {
  color: var(--paper);
  border-bottom-color: var(--paper);
}

/* ============================================================
   ACTUALITÉS (actualites)
   ============================================================ */
.actualites {
  padding: 120px 0 96px;
  background: var(--paper-2);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.actualites .eyebrow {
  margin-bottom: 18px;
}
.actualites__head {
  margin-bottom: 8px;
  padding-bottom: 56px;
}
.actualites__title {
  line-height: 0.98;
  letter-spacing: -0.022em;
  max-width: 20ch;
}
.actualites__title em {
  font-style: italic;
  color: var(--brown);
}
.actualites__lede,
.actualites__lede p {
  line-height: 1.55;
  color: var(--ink-2);
  max-width: 56ch;
  margin: 0;
}
.actualites__lede em {
  font-style: italic;
}
@media (max-width: 991px) {
  .actualites__head {
    padding-bottom: 40px;
  }
  .actualites__head .row > [class*="col-"] + [class*="col-"],
  .actualites__head > [class*="col-"] + [class*="col-"] {
    margin-top: 24px;
  }
}

.actualites__grid {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 56px;
  align-items: start;
}
@media (max-width: 900px) {
  .actualites__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.actualites__photo {
  display: block;
  height: 300px;
  margin-bottom: 22px;
  text-decoration: none;
}
.actualites__photo:hover {
  text-decoration: none;
}
@media (max-width: 900px) {
  .actualites__photo {
    height: 220px;
  }
}
.actualites__meta {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.actualites__cat {
  color: var(--paper);
  background: var(--brown);
  padding: 4px 10px;
  border-radius: 99px;
  line-height: 1.2;
}
.actualites__cat--outline {
  background: transparent;
  color: var(--brown);
  border: 1px solid var(--brown);
  padding: 3px 9px;
}
.actualites__date {
  color: var(--ink-3);
  line-height: 1.2;
}
.actualites__lead-title {
  line-height: 1.08;
  letter-spacing: -0.018em;
  margin: 0 0 14px;
}
.actualites__lead-title a,
.actualites__breve-title a {
  color: var(--ink);
  text-decoration: none;
}
.actualites__lead-title a:hover,
.actualites__breve-title a:hover {
  color: var(--brown);
  text-decoration: none;
}
.actualites__lead-title em,
.actualites__breve-title em {
  font-style: italic;
  color: var(--brown);
}
.actualites__excerpt {
  line-height: 1.6;
  color: var(--ink-2);
  max-width: 56ch;
  margin: 0;
}
.actualites__list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--line-strong);
}
.actualites__breve {
  padding: 22px 0;
  border-bottom: 1px solid var(--line);
}
.actualites__breve-title {
  line-height: 1.12;
  letter-spacing: -0.012em;
  margin: 0;
}
.actualites__all {
  margin-top: 24px;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  color: var(--brown);
  text-decoration: none;
  border-bottom: 1px solid var(--brown);
  padding-bottom: 2px;
}
.actualites__all:hover {
  color: var(--brown-dark);
  border-color: var(--brown-dark);
  text-decoration: none;
}
.actualites__all:hover .btn-arrow {
  transform: translateX(4px);
}

/* ============================================================
   ARTICLE (single)
   ============================================================ */
.single-actu {
  padding: 40px 0 96px;
}
body:has(.breadcrumb) .single-actu {
  padding-top: 24px;
}
.single-actu__hero {
  padding-bottom: 40px;
}
.single-actu__meta {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.single-actu__meta .actualites__cat {
  text-decoration: none;
}
.single-actu__meta .actualites__cat:hover {
  text-decoration: none;
  background: var(--brown-dark);
  color: var(--paper);
}
.single-actu__title {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(2.125rem, 4.2vw, 3.375rem);
  line-height: 1;
  letter-spacing: -0.02em;
  max-width: 22ch;
  margin: 0;
  color: var(--ink);
}
.single-actu__title em {
  font-style: italic;
  color: var(--brown);
}
.single-actu__lede {
  font-size: var(--fs-lg);
  line-height: 1.55;
  color: var(--ink-2);
  max-width: 52ch;
  margin: 20px 0 0;
}
.single-actu__file {
  margin: 24px 0 0;
}
.single-actu__file .link:hover .btn-arrow {
  transform: translateX(4px);
}
.single-actu__photo {
  aspect-ratio: 16 / 10;
  width: 100%;
  max-width: 920px;
  margin: 0 0 8px;
  overflow: hidden;
  background: var(--paper-3);
}
.single-actu__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.single-actu__body {
  max-width: 68ch;
  padding: 56px 0 0;
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--ink-2);
}
.single-actu__body > *:first-child {
  margin-top: 0;
}
.single-actu__body p,
.single-actu__body ul,
.single-actu__body ol {
  margin: 0 0 1em;
}
.single-actu__body a {
  color: var(--brown);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.single-actu__body a:hover {
  color: var(--brown-dark);
}
.single-actu__body h2,
.single-actu__body h3 {
  font-family: var(--font-serif);
  font-weight: 400;
  color: var(--ink);
  letter-spacing: -0.015em;
  line-height: 1.15;
  margin: 1.6em 0 0.5em;
}
.single-actu__body h2 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
}
.single-actu__body h3 {
  font-size: clamp(1.375rem, 2.2vw, 1.75rem);
}
.single-actu__body h2 em,
.single-actu__body h3 em,
.single-actu__body em {
  font-style: italic;
  color: var(--brown);
}
.single-actu__body ul,
.single-actu__body ol {
  padding-left: 1.25em;
}
.single-actu__body li + li {
  margin-top: 0.35em;
}
.single-actu__body figure {
  margin: 2em 0;
}
.single-actu__body img,
.single-actu__body figure img,
.single-actu__body .wp-block-image img {
  width: 100%;
  height: auto;
  display: block;
}
.single-actu__body figcaption,
.single-actu__body .wp-element-caption {
  font-family: var(--font-mono);
  font-size: var(--fs-xxs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-top: 10px;
}
.single-actu__body blockquote {
  margin: 1.6em 0;
  padding: 0 0 0 1.2em;
  border-left: 2px solid var(--brown);
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 1.25rem;
  line-height: 1.4;
  color: var(--ink);
}
.single-actu__back {
  margin: 48px 0 0;
}
.single-actu__back .actualites__all {
  margin-top: 0;
}

/* ============================================================
   NEWSLETTER + PRESSE (archive actualités)
   ============================================================ */
.newsletter {
  padding: 120px 0;
  background: var(--brown-dark);
  color: var(--paper);
}
.nl-grid {
  display: grid;
  grid-template-columns: 6fr 6fr;
  gap: 80px;
  align-items: center;
}
@media (max-width: 900px) {
  .nl-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.newsletter .mono {
  color: #d4b896;
  margin-bottom: 24px;
}
.newsletter h2 {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(38px, 4.6vw, 64px);
  line-height: 0.98;
  letter-spacing: -0.02em;
  margin: 0 0 20px;
  color: var(--paper);
}
.newsletter h2 em {
  font-style: italic;
  color: #d4b896;
}
.newsletter__desc,
.newsletter__desc p {
  font-size: 16px;
  line-height: 1.6;
  color: rgba(246, 241, 230, 0.75);
  max-width: 46ch;
  margin: 0;
}
.newsletter__desc p + p {
  margin-top: 0.75em;
}
.nl-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nl-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nl-field--hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.nl-field label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(246, 241, 230, 0.55);
}
.nl-required {
  color: #d4b896;
}
.nl-field input {
  font-family: var(--font-sans);
  font-size: 16px;
  color: var(--paper);
  background-color: transparent;
  background-image: none;
  border: none;
  border-bottom: 1px solid rgba(246, 241, 230, 0.35);
  padding: 10px 0 12px;
  outline: none;
  transition: border-color 0.18s ease, color 0.18s ease;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  caret-color: #d4b896;
}
.nl-field input::placeholder {
  color: rgba(246, 241, 230, 0.4);
}
.nl-field input:focus {
  border-bottom-color: #d4b896;
}
.nl-field input:-webkit-autofill,
.nl-field input:-webkit-autofill:hover,
.nl-field input:-webkit-autofill:focus,
.nl-field input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--paper);
  caret-color: #d4b896;
  border-bottom: 1px solid rgba(246, 241, 230, 0.35);
  /* Neutralise le fond jaune autofill Chrome */
  -webkit-box-shadow: 0 0 0 1000px var(--brown-dark) inset;
  box-shadow: 0 0 0 1000px var(--brown-dark) inset;
  transition: background-color 99999s ease-out, color 99999s ease-out;
}
.nl-submit {
  align-self: flex-start;
  margin-top: 8px;
  font-family: var(--font-sans);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 24px;
  font-size: 15px;
  font-weight: 500;
  background: var(--paper);
  color: var(--brown-dark);
  border: none;
  cursor: pointer;
  transition: background 0.18s ease;
}
.nl-submit:hover:not(:disabled) {
  background: #ffffff;
}
.nl-submit:disabled {
  opacity: 0.7;
  cursor: wait;
}
.nl-submit span {
  transition: transform 0.2s ease;
  display: inline-block;
}
.nl-submit:hover:not(:disabled) span {
  transform: translateX(4px);
}
.nl-legal {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(246, 241, 230, 0.5);
  max-width: 40ch;
  margin: 0;
}
.nl-feedback {
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
}
.nl-feedback--success {
  color: #d4b896;
}
.nl-feedback--error {
  color: #f0b4a8;
}

.presse {
  padding: 120px 0 96px;
}
.presse-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
  margin-top: 24px;
}
@media (max-width: 720px) {
  .presse-grid {
    grid-template-columns: 1fr;
  }
}
.presse-card {
  background: var(--paper);
  padding: 38px 32px 42px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.presse-card .mono {
  color: var(--brown);
}
.presse-card h3 {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: 28px;
  line-height: 1.05;
  letter-spacing: -0.015em;
  margin: 0;
}
.presse-card h3 em {
  font-style: italic;
  color: var(--brown);
}
.presse-card p {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--ink-2);
  flex: 1;
  margin: 0;
}
.presse-card .link--static {
  border-bottom-color: transparent;
  cursor: default;
  pointer-events: none;
}

/* ============================================================
   FOOTER
   ============================================================ */
footer {
  background: var(--brown-dark);
  color: var(--paper);
  padding: 96px 0 32px;
}
footer .wrap > .footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 48px;
  padding-bottom: 64px;
  border-bottom: 1px solid rgba(246, 241, 230, 0.15);
}
@media (max-width: 900px) {
  footer .wrap > .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

.footer-tagline {
  font-size: var(--fs-sm);
  line-height: 1.55;
  color: rgba(246, 241, 230, 0.68);
  max-width: 38ch;
}

.footer-col-title {
  font-family: var(--font-mono);
  font-size: var(--fs-xxs);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(246, 241, 230, 0.50);
  margin-bottom: 16px;
  font-weight: 400;
}
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.footer-col a {
  text-decoration: none;
  color: rgba(246, 241, 230, 0.86);
  font-size: var(--fs-sm);
  transition: color 0.15s;
}
.footer-col a:hover { color: var(--brown-soft); }

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  font-family: var(--font-mono);
  font-size: var(--fs-xxs);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: rgba(246, 241, 230, 0.45);
}
.footer-bottom .partners {
  display: flex;
  gap: 18px;
  align-items: center;
}
@media (max-width: 720px) {
  .footer-bottom { flex-direction: column; gap: 18px; align-items: flex-start; }
}

/* ============================================================
   PHOTO SLOTS (placeholders)
   ============================================================ */
.photo {
  position: relative;
  background: var(--paper-3);
  background-image:
    repeating-linear-gradient(45deg,
      rgba(107, 66, 38, 0.06) 0,
      rgba(107, 66, 38, 0.06) 1px,
      transparent 1px,
      transparent 14px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: var(--brown);
}
.photo::after {
  content: attr(data-label);
  font-family: var(--font-mono);
  font-size: var(--fs-xxs);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--brown);
  opacity: 0.65;
  padding: 8px 12px;
  border: 1px solid currentColor;
  position: relative;
  z-index: 2;
}
.photo.dark {
  background: var(--brown-dark);
  background-image: repeating-linear-gradient(45deg,
    rgba(246, 241, 230, 0.06) 0,
    rgba(246, 241, 230, 0.06) 1px,
    transparent 1px,
    transparent 14px);
  color: var(--paper);
}
.photo.dark::after { color: var(--paper); opacity: 0.55; }

/* ============================================================
   PHOTOS RÉELLES · .ph
   ----------------------------------------------------------------
   Remplace .photo dès qu'une image existe. Voile brun I&P léger
   pour harmoniser les photos avec la charte.
   WP : <img> réel → ACF image field + wp_get_attachment_image().
   ============================================================ */
.ph {
  position: relative;
  overflow: hidden;
  background: var(--paper-3);
  display: block;
}
.ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(0.90) contrast(1.02);
}
/* Voile brun — harmonisation charte I&P */
.ph::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--brown);
  opacity: 0.13;
  mix-blend-mode: multiply;
  pointer-events: none;
}
/* Variante sur fond sombre : voile plus dense */
.ph.on-dark::after { background: var(--brown-dark); opacity: 0.24; }

/* Bandeau photo pleine largeur — respire entre deux sections */
.band { width: 100%; height: clamp(260px, 34vw, 440px); }
.band.tall { height: clamp(300px, 40vw, 520px); }
.band__media {
  width: 100%;
  height: 100%;
}

/* ============================================================
   BLOC bg_img — image pleine largeur, ratio 16/5
   ============================================================ */
.bg-img {
  width: 100%;
}
.bg-img__media {
  aspect-ratio: 16 / 5;
  width: 100%;
  overflow: hidden;
  background: var(--paper-3);
}

/* ============================================================
   UTILITIES
   ============================================================ */
.hr-thin { border: 0; border-top: 1px solid var(--line); margin: 0; }
.hr-strong { border: 0; border-top: 1px solid var(--line-strong); margin: 0; }

/* ============================================================
   WORDPRESS — menus, admin bar, a11y
   ============================================================ */
.nav-links ul {
	display: flex;
	gap: 26px;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links .current-menu-item > a,
.nav-links .current-menu-ancestor > a {
	color: var(--brown);
}
.nav-links .current-menu-item > a::after,
.nav-links .current-menu-ancestor > a::after {
	transform: scaleX(1);
}
.nav-links .menu-btn > a,
.nav-links .nav-cta > a {
	background: var(--brown);
	color: var(--paper);
	padding: 10px 16px;
	margin-left: 6px;
	font-weight: 500;
}
.nav-links .menu-btn > a::after,
.nav-links .nav-cta > a::after {
	display: none;
}
.nav-links .menu-btn > a:hover,
.nav-links .menu-btn.current-menu-item > a,
.nav-links .nav-cta > a:hover,
.nav-links .nav-cta.current-menu-item > a {
	background: var(--brown-dark);
	color: var(--paper);
}
.nav-lang a {
	text-decoration: none;
	color: inherit;
}
.nav-lang a:hover {
	color: var(--ink);
}
.admin-bar header.nav {
	top: 32px;
}
@media screen and (max-width: 782px) {
	.admin-bar header.nav {
		top: 46px;
	}
}
@media (max-width: 1080px) {
	.nav-links ul {
		flex-direction: column;
		align-items: flex-start;
		gap: 36px;
		width: 100%;
	}
	.nav.open .nav-links .menu-btn > a,
	.nav.open .nav-links .nav-cta > a {
		margin-left: 0;
		padding: 14px 22px;
	}
}
.footer-col .menu {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
}
.footer-bottom nav ul,
.footer-bottom .menu {
	display: flex;
	gap: 18px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	word-wrap: normal !important;
}

/* ============================================================
   PAGE 404
   ============================================================ */
.error-404 {
	padding: 96px 0 140px;
	min-height: min(72vh, 760px);
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--line);
}
.error-404__grid {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: 64px;
	align-items: end;
	width: 100%;
}
@media (max-width: 900px) {
	.error-404 {
		padding: 72px 0 96px;
		min-height: 0;
	}
	.error-404__grid {
		grid-template-columns: 1fr;
		gap: 28px;
		align-items: start;
	}
}
.error-404__code {
	line-height: 0.82;
	letter-spacing: -0.04em;
	color: var(--ink);
	user-select: none;
}
.error-404__code .serif {
	display: block;
	font-size: clamp(6.5rem, 18vw, 12.5rem);
}
.error-404__code em {
	font-style: italic;
	color: var(--brown);
}
.error-404__content .eyebrow {
	margin-bottom: 22px;
}
.error-404__content h1 {
	line-height: 0.98;
	letter-spacing: -0.02em;
	max-width: 16ch;
	margin: 0 0 24px;
}
.error-404__content h1 em {
	font-style: italic;
	color: var(--brown);
}
.error-404__lede {
	color: var(--ink-2);
	line-height: 1.55;
	max-width: 42ch;
	margin: 0 0 36px;
}
.error-404__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 48px;
}
.error-404__links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 28px;
	padding-top: 28px;
	border-top: 1px solid var(--line);
}
.error-404__links a {
	font-family: var(--font-mono);
	font-size: var(--fs-xs);
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color: var(--ink-3);
	text-decoration: none;
	transition: color 0.15s ease;
}
.error-404__links a:hover,
.error-404__links a:focus {
	color: var(--brown);
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	.nav-links,
	.nav-links li,
	.nav-links > a,
	.nav-links a,
	.nav-links a::after,
	.btn,
	.btn-arrow,
	.link,
	.footer-col a,
	.secteur,
	.txt-vignette,
	.filter-btn,
	.read .btn-arrow,
	.actualites__all .btn-arrow,
	.nl-submit span,
	.txt-vignette__link .btn-arrow,
	.close-cta a .btn-arrow,
	.error-404__links a {
		transition: none;
	}
}