/* BLOG — page propre (24/10/2026). Chaque article a la matière et la couleur de son pôle ; le premier s'affiche en grand.
   Préfixe b-. Les cartes servent aussi en bas des articles (« À lire aussi »). */
.b-tete{padding:clamp(120px,14vh,180px) 0 clamp(24px,3vw,40px)}
.b-tete__titre{margin:18px 0 20px;max-width:18ch;font-size:clamp(44px,5vw,88px);font-weight:700;letter-spacing:-.04em;line-height:1.02;color:#F7FAFF}
.b-tete__chapeau{margin:0 0 36px;max-width:52ch;font-size:clamp(17px,1.35vw,21px);line-height:1.6;color:var(--w-gris)}
.b-filtres{display:flex;flex-wrap:wrap;gap:8px}
.b-filtres button{padding:10px 18px;border-radius:999px;border:1px solid var(--w-filet-fort);background:none;color:var(--w-gris);font:500 14.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.b-filtres button:hover{color:var(--w-blanc)}
.b-filtres button[aria-pressed="true"]{background:#DCE5F2;border-color:#DCE5F2;color:#0A0B0E}
.b-liste{padding-top:clamp(24px,3vw,40px)}
.b-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,32px)}
.b-carte.est-cache{display:none}
.b-carte a{display:flex;flex-direction:column;gap:14px;color:inherit;text-decoration:none}
.b-carte__visuel{position:relative;display:block;aspect-ratio:16/9;border-radius:22px;overflow:hidden;border:1px solid var(--w-filet);background:#0C0D11;transition:border-color .4s,box-shadow .5s}
.b-carte__visuel canvas{position:absolute;inset:0;width:100%;height:100%}
.b-carte a:hover .b-carte__visuel{border-color:color-mix(in srgb,var(--article) 70%,transparent);box-shadow:0 30px 70px -30px color-mix(in srgb,var(--article) 70%,transparent)}
.b-carte__meta{display:flex;gap:16px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--w-gris-doux)}
.b-carte__meta span:first-child{color:var(--article)}
.b-carte strong{font-size:clamp(22px,1.8vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.2;transition:color .3s}
.b-carte a:hover strong{color:#FFFFFF}
.b-carte__chapeau{max-width:56ch;font-size:16px;line-height:1.6;color:var(--w-gris)}
.b-carte--une{grid-column:1 / -1}
.b-carte--une a{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto 1fr;column-gap:clamp(24px,4vw,64px);row-gap:16px;align-items:start}
.b-carte--une .b-carte__visuel{grid-row:1 / span 3}
.b-carte--une .b-carte__meta{align-self:end;margin-top:24px}
.b-carte--une strong{font-size:clamp(30px,3vw,48px);line-height:1.1}
@media (max-width:900px){.b-grille,.b-carte--une a{grid-template-columns:1fr}.b-carte--une .b-carte__visuel{grid-row:auto}}
.b-tete .pastille{border:0;background:none;padding:0;box-shadow:none}