/* Blog — index (complète /V2/v2.css, scopé #lp) */
#lp .b-phare{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;text-decoration:none;color:inherit}
#lp .b-img{display:block;overflow:hidden;border-radius:24px;aspect-ratio:3/2;background:var(--sauge-pale)}
#lp .b-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
#lp a:hover .b-img img{transform:scale(1.03)}
#lp .b-vide{display:grid;place-items:center;background:var(--sauge)}
#lp .b-vide span{font-family:var(--serif);font-size:30px;color:#fff;padding:20px;text-align:center}
#lp .b-tag{display:inline-block;font-size:13.5px;font-weight:600;color:var(--sauge-f);background:var(--sauge-pale);border-radius:999px;padding:4px 12px}
#lp .b-txt{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
#lp .b-h{font-family:var(--serif);font-weight:350;font-size:clamp(32px,3.6vw,54px);line-height:1.04;letter-spacing:-.025em;color:var(--encre);font-variation-settings:"opsz" 144}
#lp .b-p{font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--gris);max-width:52ch}
#lp .b-lire{font-weight:600;color:var(--sauge)}
#lp a.b-phare:hover .b-h{color:var(--sauge-f)}
#lp .b-filtres{margin:32px 0 8px;max-width:none;flex-wrap:wrap;width:max-content;max-width:100%}
#lp .b-filtres button{flex:none;padding:10px 16px}
#lp .b-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 28px;margin-top:32px}
#lp .b-carte{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:inherit}
#lp .b-carte .b-img{width:100%;margin-bottom:18px}
#lp .b-carte h3{font-size:22px;line-height:1.22;margin-top:12px}
#lp .b-carte:hover h3{color:var(--sauge-f)}
#lp .b-carte p{margin-top:10px;font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#lp .b-meta{margin-top:12px;font-size:13.5px;color:var(--gris)}
#lp .b-carte[hidden]{display:none!important}
@media(max-width:900px){
  #lp .b-phare{grid-template-columns:1fr;gap:24px}
  #lp .b-grille{grid-template-columns:1fr 1fr;gap:36px 16px}
  #lp .b-filtres{width:auto}
}
@media(max-width:560px){#lp .b-grille{grid-template-columns:1fr}}
