/* ---- hero centré, sur l'élévation ---- */
.lp{position:relative;padding:92px var(--gouttiere) 0;text-align:center;overflow:hidden;}
.lp-bg{position:absolute;left:0;right:0;bottom:0;height:560px;z-index:0;pointer-events:none;}
.lp-bg svg,.lp-bg img{width:100%;height:100%;object-fit:cover;display:block;}
/* Le dessin est ancre EN BAS, pas au centre : c'est ce que dit son propre
   `preserveAspectRatio="xMidYMax slice"`, et c'est ce qui garde le trottoir
   et les arcades du rez-de-chaussee dans le cadre. Servi en image, le SVG
   ne decide plus de son ancrage — `object-position` le fait pour lui, au
   pixel pres. */
.lp-bg img{object-position:50% 100%;}
.lp-in{position:relative;z-index:1;}
.lp h1{font-family:var(--serif);font-size:54px;font-weight:500;line-height:1.04;letter-spacing:-.012em;margin:22px 0 0;}
.lp h1 em{color:var(--laiton);font-style:italic;display:block;}
.lp .lede{font-size:18px;line-height:1.65;color:var(--encre-70);max-width:640px;margin:26px auto 0;}
.lp .claim{margin-top:16px;font-size:16px;color:var(--encre);}
.lp .reg{margin-top:18px;font-family:var(--sans);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--encre-50);}
.lp .ctas{display:flex;gap:30px;justify-content:center;align-items:center;margin-top:38px;}
.lp .spacer{height:330px;}

/* ---- chiffres clés ---- */
.kpi{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--encre-15);border-bottom:1px solid var(--encre-15);margin:0 var(--gouttiere);}
.kpi .k{padding:34px 26px;border-left:1px solid var(--encre-15);}
.kpi .k:first-child{border-left:none;}
.kpi .lb{font-family:var(--sans);font-size:11.5px;letter-spacing:0;text-transform:none;color:var(--encre-50);}
.kpi .vl{font-family:var(--serif);font-size:29px;font-weight:500;line-height:1.05;margin-top:10px;}
/* Sorti de l'attribut `style` de la tuile « Durée de financement ». Les tuiles
   mises en avant ont leur propre corps juste en dessous, plus spécifique. */
.kpi .vl small{font-size:18px;}
.kpi .k.hi .vl{font-size:42px;color:var(--acier);}
.kpi .k.hi .vl small{font-size:20px;}
.kpi .sub{font-size:12.5px;color:var(--encre-50);margin-top:8px;line-height:1.5;}

/* ---- encart de fin : le projet ---- */
.projet{margin:0 var(--gouttiere);border:1px solid var(--encre-15);background:var(--chaux-2);
  display:grid;grid-template-columns:1.35fr .65fr;}
.projet .txt{padding:56px 54px;}
/* Sorti de l'attribut `style` du sur-titre « Le projet Balestra RED ». */
.projet .eyebrow{margin-bottom:18px;}
.projet h2{font-family:var(--serif);font-size:29px;font-weight:500;line-height:1.14;margin:0 0 26px;max-width:600px;}
.projet h2 em{color:var(--laiton);font-style:italic;}
.projet p{font-size:15.5px;line-height:1.75;color:var(--encre-70);max-width:640px;}
.projet p + p{margin-top:16px;}
.projet .ctas{margin-top:34px;display:flex;gap:28px;align-items:center;flex-wrap:wrap;}
.projet .side{background:var(--acier);color:var(--chaux);padding:56px 40px;display:flex;flex-direction:column;justify-content:center;}
.projet .side .r{padding:16px 0;border-top:1px solid var(--chaux-15);}
.projet .side .r:first-of-type{border-top:none;}
.projet .side .rk{font-family:var(--sans);font-size:11.5px;letter-spacing:0;text-transform:none;color:var(--chaux-50);}
.projet .side .rv{font-family:var(--serif);font-size:22px;font-weight:500;margin-top:6px;line-height:1.15;}
.projet .side .rv small{font-size:15px;color:var(--chaux-70);}
.projet .side .rv-duo{font-size:20px;line-height:1.35;}

@media (max-width:1180px){
  .lp{padding-left:44px;padding-right:44px;}
  .kpi,.projet{margin-left:44px;margin-right:44px;}
  .lp h1{font-size:clamp(32px,4.2vw,50px);}
}
@media (max-width:1000px){
  .kpi{grid-template-columns:repeat(3,1fr);}
  .kpi .k:nth-child(3n+1){border-left:none;}
  .kpi .k:nth-child(n+4){border-top:1px solid var(--encre-15);}
  .projet{grid-template-columns:1fr;}
  .projet .txt{padding:44px 36px;}
  .projet .side{padding:36px;}
}
@media (max-width:620px){
  .lp{padding:40px 22px 0;}
  .lp .spacer{height:230px;}
  .lp-bg{height:330px;}
  .lp .ctas{flex-direction:column;align-items:stretch;gap:14px;}
  .kpi,.projet{margin-left:22px;margin-right:22px;}
  .kpi{grid-template-columns:1fr;}
  .kpi .k{border-left:none;border-top:1px solid var(--encre-15);}
  .kpi .k:first-child{border-top:none;}
  .kpi .k.hi .vl{font-size:36px;}
  .projet .txt{padding:32px 24px;}
  .projet h2{font-size:25px;}
}