.blog-main{padding-top:74px;background:var(--blanc)}
.blog-hero,.article-hero{background:var(--nuit);color:#fff;padding:130px 0 78px;position:relative;overflow:hidden}
.article-hero{padding-top:100px}
.blog-hero::before,.article-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(720px 380px at 82% 15%,rgba(194,27,38,.2),transparent 65%);pointer-events:none}
.blog-hero .conteneur,.article-hero .conteneur{position:relative}
.blog-hero.compact{padding:72px 0 58px}
.blog-hero h1,.article-hero h1{font-size:clamp(38px,5vw,60px);font-weight:800;color:#fff;max-width:18ch;margin:16px 0}
.blog-hero p,.article-hero .chapeau{font-size:19px;color:#B7C7DA;max-width:65ch}
.grille-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.carte-article{background:#fff;border:1px solid var(--ligne);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 30px rgba(10,22,40,.06);transition:transform .25s,box-shadow .25s}
.carte-article:hover{transform:translateY(-5px);box-shadow:var(--ombre)}
.visuel-article{display:block;aspect-ratio:16/9;background:linear-gradient(145deg,var(--nuit),var(--marine-clair));overflow:hidden;text-decoration:none}
.visuel-article img{width:100%;height:100%;object-fit:cover}
.visuel-defaut{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Libre Franklin',sans-serif;font-size:26px;font-weight:800}
.corps-article{padding:25px;display:flex;flex-direction:column;gap:12px;flex:1}
.meta-article{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--acier)}
.meta-article a{color:var(--piment);text-decoration:none}
.carte-article h2{font-size:21px}.carte-article h2 a{text-decoration:none}.carte-article p{font-size:15px;color:var(--acier);flex:1}
.lire-suite{font-size:14px;font-weight:700;color:var(--piment);text-decoration:none}
.article-largeur{max-width:820px}.article-image{max-width:1000px;margin-top:54px}.article-image img{width:100%;max-height:560px;object-fit:cover;border-radius:18px}
.contenu-article,.contenu-editorial{max-width:820px;padding-top:64px;padding-bottom:96px}
.contenu-article h2,.contenu-editorial h2{font-size:30px;margin:44px 0 16px}.contenu-article h3{font-size:23px;margin:34px 0 12px}.contenu-article p,.contenu-article ul,.contenu-article ol{margin:0 0 22px}.contenu-article ul,.contenu-article ol{padding-left:24px}.contenu-article blockquote{border-left:4px solid var(--piment);padding:12px 0 12px 22px;color:var(--acier);font-style:italic}.contenu-article a{color:var(--piment)}
.pied-site{background:var(--nuit);color:#C6D4E4;padding:54px 0}.pied-grille{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.pied-site strong{display:block;color:#fff;font-family:'Libre Franklin',sans-serif;margin-bottom:10px}.pied-site p{font-size:14px}.pied-site a{color:#C6D4E4}
.navigation.pagination{margin-top:42px}.nav-links{display:flex;gap:8px;justify-content:center}.page-numbers{padding:8px 13px;border:1px solid var(--ligne);border-radius:8px;text-decoration:none}.page-numbers.current{background:var(--nuit);color:#fff;border-color:var(--nuit)}
@media(max-width:920px){.grille-articles{grid-template-columns:repeat(2,1fr)}.pied-grille{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grille-articles,.pied-grille{grid-template-columns:1fr}.blog-hero,.article-hero{padding:72px 0 54px}.blog-hero h1,.article-hero h1{font-size:36px}}
