.blog-list-root{background:var(--blanc);color:var(--encre);min-height:50vh}.blog-list-root .blog-list-wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.blog-list-root .blog-list-header{background:var(--craie);border-bottom:1px solid var(--ligne);padding:clamp(48px,7vw,88px) 0 32px}.blog-list-root .blog-list-title{font-size:clamp(52px,8vw,96px);line-height:.9}.blog-list-root .blog-list-hero{min-height:480px;padding:100px var(--gutter) 48px;isolation:isolate;color:#fff;background:var(--vert);align-items:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.blog-list-root .blog-list-hero-bg{z-index:-1;position:absolute;inset:0}.blog-list-root .blog-list-hero-img{object-fit:cover;transition:transform .6s}.blog-list-root .blog-list-hero:hover .blog-list-hero-img{transform:scale(1.03)}.blog-list-root .blog-list-hero-overlay{background:linear-gradient(#00000040 0%,#000000d9 100%);position:absolute;inset:0}.blog-list-root .blog-list-hero-inner{max-width:var(--max);z-index:2;flex-direction:column;gap:14px;width:100%;margin:0 auto;display:flex;position:relative}.blog-list-root .blog-list-hero-eyebrow{font-family:var(--f-titre);letter-spacing:.14em;color:var(--balle);text-transform:uppercase;font-size:16px;font-weight:600}.blog-list-root .blog-list-hero-meta{letter-spacing:.06em;text-transform:uppercase;color:#ffffffd1;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.blog-list-root .blog-list-hero-tag{font-family:var(--f-titre);letter-spacing:.12em;background:var(--terre);color:#fff;padding:4px 10px;font-size:14px;font-weight:600}.blog-list-root .blog-list-hero-title{max-width:900px;font-size:clamp(36px,5vw,64px);line-height:.95}.blog-list-root .blog-list-hero-excerpt{color:#ffffffeb;max-width:720px;margin:0;font-size:clamp(17px,1.8vw,20px);line-height:1.5}.blog-list-root .blog-list-hero-cta{font-family:var(--f-titre);letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--terre);align-self:flex-start;margin-top:8px;padding-bottom:4px;font-size:18px;font-weight:600}.blog-list-root .blog-list-section{padding:56px 0 96px}.blog-list-root .blog-list-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.blog-list-root .blog-list-card{color:var(--encre);background:var(--craie);border:1px solid var(--ligne);flex-direction:column;min-height:320px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.blog-list-root .blog-list-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0000001f}.blog-list-root .blog-list-card-image-wrap{position:absolute;inset:0;overflow:hidden}.blog-list-root .blog-list-card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-list-root .blog-list-card:hover .blog-list-card-image{transform:scale(1.04)}.blog-list-root .blog-list-card-image-overlay{pointer-events:none;background:linear-gradient(#00000026 0%,#0000008c 50%,#000000eb 100%);position:absolute;inset:0}.blog-list-root .blog-list-card-body{z-index:2;color:#fff;flex-direction:column;gap:10px;margin-top:auto;padding:22px;display:flex;position:relative}.blog-list-root .blog-list-card:not(:has(.blog-list-card-image-wrap)) .blog-list-card-body{color:var(--encre);justify-content:space-between;height:100%;margin-top:0;padding:24px}.blog-list-root .blog-list-card-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-list-root .blog-list-card-tag{font-family:var(--f-titre);letter-spacing:.12em;text-transform:uppercase;background:var(--terre);color:#fff;padding:3px 10px;font-size:14px;font-weight:600}.blog-list-root .blog-list-card-date{letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-size:13px}.blog-list-root .blog-list-card-title{font-size:30px;line-height:1}.blog-list-root .blog-list-card-read{letter-spacing:.08em;text-transform:uppercase;opacity:.78;font-size:13px}.blog-list-root .blog-list-empty{color:var(--gris);text-align:center;padding:64px 0;font-size:18px;font-style:italic}@media (max-width:720px){.blog-list-root .blog-list-hero{min-height:360px;padding:72px var(--gutter) 36px}.blog-list-root .blog-list-grid{grid-template-columns:1fr;gap:16px}.blog-list-root .blog-list-card{min-height:260px}}