/* Section « Actualités & repères » — grille de blocs.
   Charte v4 : navy #1B2140, or #C9A96E, turquoise #2F8F86, sable #F6F1E7.
   Angles vifs et ombres portées pleines, comme le reste du site. */

.hf-blocs{
  --b-navy:var(--e-global-color-primary,#1B2140);
  --b-or:var(--e-global-color-secondary,#C9A96E);
  --b-texte:var(--e-global-color-text,#4A4F63);
  --b-accent:var(--e-global-color-accent,#2F8F86);
  --b-sable:var(--e-global-color-hfsable,#F6F1E7);
  --b-creme:var(--e-global-color-hfcreme,#FBF6EC);
  --b-or-fonce:var(--e-global-color-hforfon,#A9884D);
  background:#fff; color:var(--b-navy);
  font-family:"DM Sans",Arial,sans-serif;
  padding:96px 0;
}
.hf-blocs *,.hf-blocs *::before,.hf-blocs *::after{box-sizing:border-box}
.hf-blocs__cadre{width:min(1280px, calc(100% - 3rem));margin:0 auto}

/* ── En-tête ─────────────────────────────────────────────────────────────── */
.hf-blocs__entete{max-width:820px;margin:0 0 44px}
.hf-blocs__surtitre{
  display:block;font-size:11.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--b-or-fonce);margin-bottom:18px;
}
.hf-blocs__titre{
  font-family:"Bodoni Moda",Georgia,serif;font-weight:500;
  font-size:clamp(32px,3.4vw,48px);line-height:1;letter-spacing:-.03em;margin:0 0 16px;
}
.hf-blocs__titre em{font-style:italic;color:var(--b-or)}
.hf-blocs__intro{margin:0;font-size:17px;line-height:1.5;color:var(--b-texte)}

/* ── Grille de blocs ─────────────────────────────────────────────────────── */
/* Six colonnes : la tuile large en occupe quatre, les autres deux. */
.hf-blocs__grille{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:20px;align-items:stretch;
}
.hf-bloc{
  grid-column:span 2;display:flex;flex-direction:column;gap:12px;
  padding:28px 26px;background:var(--b-creme);
  border:1px solid rgba(27,33,64,.12);
  min-width:0;
}
.hf-bloc--large{grid-column:span 4}
.hf-bloc--sable{background:var(--b-sable)}
.hf-bloc--sombre{background:var(--b-navy);color:#fff;border-color:transparent}
.hf-bloc--sombre .hf-bloc__titre{color:#fff}

/* ── Actualités ──────────────────────────────────────────────────────────── */
.hf-bloc--actu{background:#fff;box-shadow:6px 7px 0 var(--b-or);position:relative}
.hf-bloc__image{
  display:block;width:calc(100% + 52px);margin:-28px -26px 6px;
  aspect-ratio:16/7;background-size:cover;background-position:center;
}
.hf-bloc__ligne{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.hf-bloc__etiquette{
  display:inline-block;font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;padding:5px 10px;
  background:var(--b-accent);color:#fff;
}
.hf-bloc__etiquette--clair{background:transparent;color:var(--b-or-fonce);padding:0}
.hf-bloc__etiquette--or{background:var(--b-or);color:var(--b-navy)}
.hf-bloc__date{font-size:12.5px;color:var(--b-texte)}
.hf-bloc--sombre .hf-bloc__date{color:rgba(251,246,236,.7)}
.hf-bloc__titre{
  font-family:"Bodoni Moda",Georgia,serif;font-weight:500;
  font-size:clamp(20px,2vw,26px);line-height:1.1;letter-spacing:-.02em;margin:0;
}
.hf-bloc__texte{margin:0;font-size:15px;line-height:1.5;color:var(--b-texte)}
.hf-bloc--sombre .hf-bloc__texte{color:rgba(251,246,236,.8)}
.hf-bloc__lien{
  margin-top:auto;align-self:flex-start;font-size:13px;font-weight:600;
  color:var(--b-navy);border-bottom:1px solid currentColor;padding-bottom:2px;
  text-decoration:none;
}
.hf-bloc__lien:hover{color:var(--b-or-fonce)}

/* ── Chiffres ────────────────────────────────────────────────────────────── */
.hf-bloc--chiffres{background:var(--b-sable)}
.hf-bloc__chiffres{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.hf-bloc__chiffres li{display:grid;gap:2px}
.hf-bloc__chiffres strong{
  font-family:"Bodoni Moda",Georgia,serif;font-weight:500;
  font-size:38px;line-height:.9;color:var(--b-or-fonce);
}
.hf-bloc__chiffres span{font-size:14px;line-height:1.45;color:var(--b-texte)}

/* ── Étapes d'évaluation ─────────────────────────────────────────────────── */
.hf-bloc__etapes{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:e}
.hf-bloc__etapes li{
  display:grid;gap:2px;padding-left:26px;position:relative;counter-increment:e;
}
.hf-bloc__etapes li::before{
  content:counter(e);position:absolute;left:0;top:1px;
  font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--b-or);
}
.hf-bloc__etapes strong{font-size:14px;font-weight:600}
.hf-bloc__etapes span{font-size:13.5px;line-height:1.45;color:rgba(251,246,236,.72)}

/* ── Financeurs ──────────────────────────────────────────────────────────── */
.hf-bloc__financeurs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hf-bloc__financeur{display:grid;gap:3px;padding-top:14px;border-top:1px solid rgba(27,33,64,.16)}
.hf-bloc__financeur strong{
  font-family:"Bodoni Moda",Georgia,serif;font-weight:500;font-size:22px;line-height:1;
}
.hf-bloc__financeur em{
  font-style:normal;font-size:11px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--b-or-fonce);
}
.hf-bloc__financeur span{font-size:13.5px;line-height:1.45;color:var(--b-texte)}

/* ── Publics ─────────────────────────────────────────────────────────────── */
.hf-bloc__publics{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hf-bloc__publics li{display:grid;gap:2px;padding-left:16px;position:relative}
.hf-bloc__publics li::before{
  content:"";position:absolute;left:0;top:8px;width:6px;height:6px;
  border-radius:50%;background:var(--b-or);
}
.hf-bloc__publics strong{font-size:14.5px;font-weight:600}
.hf-bloc__publics span{font-size:13px;line-height:1.4;color:var(--b-texte)}

/* ── Adaptation ──────────────────────────────────────────────────────────── */
@media (max-width:1000px){
  .hf-blocs__grille{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hf-bloc--large{grid-column:span 4}
}
@media (max-width:720px){
  .hf-blocs{padding:64px 0}
  .hf-blocs__cadre{width:calc(100% - 32px)}
  .hf-blocs__grille{grid-template-columns:1fr;gap:16px}
  .hf-bloc,.hf-bloc--large{grid-column:auto}
  .hf-bloc__financeurs{grid-template-columns:1fr}
}