.bl-hero{padding:56px var(--gouttiere) 40px;text-align:center;position:relative}.bl-hero-in{max-width:820px;margin:0 auto}.bl-kick{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:18px;font-size:11px;font-weight:500;line-height:1.4;display:block}.bl-h1{font-family:var(--font-titre);letter-spacing:-.02em;color:var(--text-1);text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;margin:0 0 18px;font-size:clamp(27px,3.9vw,50px);font-weight:400;line-height:1.1}.bl-h1 span{color:var(--text-2)}.bl-lead{font-family:var(--font-sans);color:var(--text-2);max-width:60ch;margin:0 auto 26px;font-size:clamp(17px,1.5vw,19px);line-height:1.55}.bl-stats{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:11px;display:inline-flex}.bl-stats b{color:var(--text-1);font-weight:500}.bl-toolbar{max-width:var(--conteneur);padding:14px var(--gouttiere);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.bl-filters{flex-wrap:wrap;gap:8px;display:flex}.bl-filters button{--c:var(--lav);min-height:36px;font-family:var(--font-sans);color:var(--text-2);cursor:pointer;transition:background-color var(--mk-court) var(--mk-sortie), color var(--mk-court) var(--mk-sortie), border-color var(--mk-court) var(--mk-sortie);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:0 12px 0 14px;font-size:12.5px;font-weight:600;line-height:1.2;display:inline-flex;position:relative}.bl-filters button:after{content:"";position:absolute;inset:-4px -2px}.bl-filters .sw{background:var(--c);border-radius:50%;flex-shrink:0;width:6px;height:6px}.bl-filters .n{border-radius:var(--r-pilule);text-align:center;min-width:20px;font-family:var(--font-mono);letter-spacing:0;color:var(--text-3);background:#ffffff0f;padding:2px 6px;font-size:10px;font-weight:500}.bl-filters button.on{background:var(--lav-fond);border-color:var(--lav-bord);color:var(--lav)}.bl-filters button.on .n{color:var(--lav);background:#e1e3fe29}.bl-filters button:focus-visible{outline:2px solid var(--lav);outline-offset:2px}@media (hover:hover){.bl-filters button:not(.on):hover{color:var(--text-1);background:#ffffff0d}}.bl-search{border:1px solid var(--border);border-radius:var(--r-ctl);background:var(--creux);min-width:260px;min-height:44px;color:var(--text-3);transition:border-color var(--mk-court) var(--mk-sortie);align-items:center;gap:8px;padding:0 12px;display:flex}.bl-search:focus-within{border-color:var(--lav-bord);color:var(--lav)}.bl-search input{min-width:0;font-family:var(--font-sans);color:var(--text-1);background:0 0;border:0;outline:0;flex:1;padding:10px 0;font-size:16px}.bl-search input::placeholder{color:var(--text-4)}.bl-search input::-webkit-search-cancel-button{display:none}.bl-search button{color:var(--text-2);cursor:pointer;background:0 0;border:0;place-items:center;min-width:32px;min-height:32px;margin-right:-6px;display:grid}.bl-search button:focus-visible{outline:2px solid var(--lav);outline-offset:1px;border-radius:6px}.bl-wrap{max-width:var(--conteneur);padding:34px var(--gouttiere) 100px;margin:0 auto}.bl-sec{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:14px;margin:48px 0 22px;font-size:11px;font-weight:500;display:flex}.bl-wrap>.bl-sec:first-child{margin-top:6px}.bl-sec:after{content:"";background:var(--border-subtle);flex:1;height:1px}.bl-feature .cat,.bl-card .cat{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);border-radius:var(--r-pilule);border:1px solid var(--border);align-self:flex-start;align-items:center;gap:7px;padding:3px 8px;font-size:9px;font-weight:500;display:inline-flex}.bl-feature .cat:before,.bl-card .cat:before{content:"";background:var(--c,var(--lav));border-radius:50%;flex-shrink:0;width:6px;height:6px}.bl-meta{font-family:var(--font-mono);color:var(--text-3);align-items:center;gap:9px;font-size:11px;display:inline-flex}.bl-meta .dot{background:var(--border-strong);border-radius:50%;width:3px;height:3px}.bl-meta .rt{align-items:center;gap:5px;display:inline-flex}.bl-feature{background:var(--carte);border:1px solid var(--carte-bord);border-radius:var(--r-carte);box-shadow:var(--carte-reflet);color:inherit;transition:border-color var(--mk-court) var(--mk-sortie);grid-template-columns:1.75fr 1fr;text-decoration:none;display:grid;position:relative;overflow:hidden}.bl-feature .img{aspect-ratio:1200/630;background:var(--creux);color:var(--text-3);place-items:center;display:grid;position:relative;overflow:hidden}.bl-feature .img img{object-fit:cover;object-position:left center;width:100%;height:100%;position:absolute;inset:0}.bl-feature .txt{flex-direction:column;gap:14px;padding:clamp(22px,2.6vw,34px);display:flex}.bl-feature .top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bl-feature .une{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lav);font-size:11px;font-weight:500}.bl-feature h2{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-1);text-wrap:balance;margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:600;line-height:1.15}.bl-feature p{font-family:var(--font-sans);color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.bl-feature .foot{flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto;display:flex}.bl-feature .go{border-radius:var(--r-btn);height:44px;font-family:var(--font-sans);color:var(--lav-texte);background:var(--lav);border:1px solid var(--lav);transition:background-color var(--mk-court) var(--mk-sortie);align-self:flex-start;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:700;line-height:1;display:inline-flex}.bl-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:22px;display:grid}.bl-card{background:var(--carte);border:1px solid var(--carte-bord);border-radius:var(--r-carte);box-shadow:var(--carte-reflet);color:inherit;transition:border-color var(--mk-court) var(--mk-sortie);animation:blIn .48s var(--mk-sortie) both;animation-delay:calc(var(--i,0) * 50ms);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.bl-card:nth-child(-n+3){animation:none}.bl-card .thumb{aspect-ratio:16/8.6;background:var(--creux);color:var(--text-3);place-items:center;display:grid;position:relative;overflow:hidden}.bl-card .thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bl-card .body{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.bl-card h2{font-family:var(--font-sans);color:var(--text-1);margin:2px 0 0;font-size:16.5px;font-weight:600;line-height:1.35}.bl-card p{font-family:var(--font-sans);color:var(--text-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 6px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.bl-card .foot,.bl-feature .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.bl-card .foot{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:14px}.bl-feature .foot{justify-content:flex-start}.bl-feature:focus-visible,.bl-card:focus-visible{outline:2px solid var(--lav);outline-offset:3px}@media (hover:hover){.bl-feature:hover,.bl-card:hover{border-color:var(--border-strong)}.bl-feature:hover .go{background:var(--lav-clair)}}.bl-empty{color:var(--text-3);font-family:var(--font-sans);text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:14px;padding:80px 0;display:flex}.bl-empty svg{opacity:.45}@keyframes blIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=900px){.bl-feature{grid-template-columns:1fr}.bl-search{width:100%;min-width:0}}@media (width<=700px){.bl-hero{padding:40px var(--gouttiere) 30px}.bl-filters{scrollbar-width:none;margin:0 calc(var(--gouttiere) * -1);padding:0 var(--gouttiere);width:calc(100% + 2 * var(--gouttiere));flex-wrap:nowrap;overflow-x:auto}.bl-filters::-webkit-scrollbar{display:none}.bl-filters button{flex-shrink:0;min-height:44px}.bl-filters button:after{inset:0}.bl-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.bl-card{transition:none;animation:none}.bl-feature{transition:none}}html[data-mouvement=reduit] .bl-card{transition:none;animation:none}html[data-mouvement=reduit] .bl-feature{transition:none}
