/* Aperçu : témoignages sélectionnés puis articles dans #preuve. */
.article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--mx-space-24); margin-top:var(--mx-space-48); }
.article-card { min-width:0; }
.article-card>a { display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; border-radius:20px; }
.article-card .article-cover { width:100%; height:auto; aspect-ratio:8/5; object-fit:cover; display:block; border-radius:20px; }
.article-card .article-body { padding:var(--mx-space-24) var(--mx-space-04) 0; display:flex; flex-direction:column; flex:1; }
.article-card .article-category { font-size:12px; font-weight:500; margin:0 0 var(--mx-space-12); color:var(--muted); }
.article-card :is(h3,h4) { font-size:25px; line-height:1.15; font-weight:600; letter-spacing:-.022em; margin:0 0 var(--mx-space-12); }
.article-card .article-description { font-size:15px; line-height:1.5; color:var(--muted); margin:0 0 var(--mx-space-16); }
.article-card .article-read { min-height:44px; display:flex; align-items:center; gap:var(--mx-space-12); font-size:14px; font-weight:500; margin-top:auto; }
.article-card .article-read span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--mx-soft); }
.article-card>a:hover :is(h3,h4) { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
.article-card>a:focus-visible,.article-page a:focus-visible { outline:3px solid var(--mx-focus); outline-offset:6px; }
.articles-next { margin:var(--mx-space-48) 0 0; padding-top:var(--mx-space-24); border-top:1px solid var(--mx-line); color:var(--muted); font-size:14px; }
.mx-article-preview :is(#preuve-title,#cas-detail-title) { scroll-margin-top:120px; }
.testimonial-videos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--mx-space-32); margin:var(--mx-space-48) auto var(--mx-space-64); }
.testimonial-video { min-width:0; margin:0; }
.testimonial-video .article-video-play img { display:block; width:100%; height:100%; object-fit:contain; }
.testimonial-video figcaption { padding:var(--mx-space-24) var(--mx-space-04) 0; }
.testimonial-video .testimonial-meta { font-size:13px; font-weight:500; color:var(--muted); margin:0 0 var(--mx-space-12); }
.testimonial-video h3 { font-size:26px; font-weight:600; line-height:1.2; letter-spacing:-.022em; margin:0 0 var(--mx-space-12); }
.testimonial-description { font-size:17px; line-height:1.55; max-width:54ch; color:var(--muted); margin:0; }
.testimonial-source { display:inline-flex; align-items:center; min-height:44px; margin-top:var(--mx-space-08); font-size:13px; text-underline-offset:4px; }
.testimonial-source:focus-visible { outline:3px solid var(--mx-focus); outline-offset:4px; }
.testimonial-cases { padding-top:var(--mx-space-32); border-top:1px solid var(--mx-line); }
.testimonial-cases>h3 { margin:0; font-size:28px; font-weight:600; line-height:1.2; letter-spacing:-.022em; }
.testimonial-cases .article-grid { margin-top:var(--mx-space-24); }
.testimonial-cases .article-card :is(h3,h4) { font-size:23px; }
.mx-article-preview #preuve .cas-clients { margin-top:var(--mx-space-64); }
.article-page { background:var(--bg); }
.article-page .article-nav { max-width:1240px; padding:var(--mx-space-24) 0; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; width:calc(100% - 64px); }
.article-page .article-nav>a:last-child { font-size:14px; padding:12px 16px; border-radius:999px; background:var(--mx-soft); text-decoration:none; }
.article-page main { padding:var(--mx-space-48) 0 var(--mx-space-96); }
.article-page .article-heading,.article-page .article-copy { max-width:760px; width:calc(100% - 48px); margin:auto; }
.article-page .article-kicker { color:var(--muted); font-size:13px; margin:0 0 var(--mx-space-16); }
.article-page h1 { font-size:clamp(36px,4.3vw,62px); line-height:1.05; font-weight:600; letter-spacing:-.022em; margin:0 0 var(--mx-space-24); }
.article-page .article-lead { font-size:20px; line-height:1.5; color:var(--muted); margin:0; }
.article-page figure { width:calc(100% - 48px); max-width:1100px; margin:var(--mx-space-48) auto; }
.article-page figure img { width:100%; height:auto; display:block; border-radius:20px; }
.article-page figcaption { font-size:12px; color:var(--muted); margin-top:12px; }
.article-page .article-copy { font-size:18px; line-height:1.65; }
.article-page .article-copy h2 { font-size:30px; line-height:1.15; font-weight:600; letter-spacing:-.022em; margin:var(--mx-space-48) 0 var(--mx-space-16); }
.article-page .article-copy h3 { font-size:21px; line-height:1.3; font-weight:600; margin:24px 0 12px; }
.article-page .article-copy p { margin:0 0 20px; }
.article-page .article-copy ul { padding-left:24px; margin:0 0 24px; }
.article-page .article-copy li { margin-bottom:10px; }
.article-page .article-copy a { color:inherit; text-decoration:underline; text-underline-offset:4px; }
.article-page .article-takeaway { background:var(--mx-band); border-radius:20px; padding:var(--mx-space-32); margin:var(--mx-space-32) 0; }
.article-page .article-takeaway p:last-child { margin:0; }
.article-page .article-footer { border-top:1px solid var(--mx-line); padding:var(--mx-space-24); display:flex; justify-content:space-between; gap:16px; font-size:12px; color:var(--muted); }
.article-page .article-jump { display:inline-flex; align-items:center; min-height:44px; margin-top:var(--mx-space-12); color:var(--ink); font-size:14px; text-underline-offset:4px; }
.article-page #recit { scroll-margin-top:var(--mx-space-32); }
.article-media { max-width:760px; width:calc(100% - 48px); margin:var(--mx-space-32) auto var(--mx-space-48); }
.article-media--pair { max-width:1000px; display:grid; grid-template-columns:minmax(0,81fr) minmax(0,256fr); gap:var(--mx-space-24); align-items:start; }
.article-page .article-video { width:100%; margin:0; min-width:0; }
.article-player { position:relative; width:100%; aspect-ratio:16/9; min-height:200px; background:var(--mx-ink); border-radius:20px; overflow:hidden; }
.article-video--reel .article-player { aspect-ratio:9/16; }
.article-video-play { position:absolute; inset:0; display:block; width:100%; height:100%; padding:0; border:0; background:transparent; cursor:pointer; border-radius:inherit; }
.article-video-play[hidden] { display:none; }
.article-page .article-video-play img { width:100%; height:100%; object-fit:contain; border-radius:0; }
.article-play-label { position:absolute; bottom:var(--mx-space-16); left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; gap:var(--mx-space-08); min-height:44px; padding:var(--mx-space-12) var(--mx-space-16); border-radius:999px; white-space:nowrap; color:var(--mx-page); background:var(--mx-ink); font:500 14px/1.2 'Instrument Sans',sans-serif; }
.article-video-play:hover .article-play-label { text-decoration:underline; text-underline-offset:4px; }
.article-video-play:focus-visible { outline:3px solid var(--mx-focus); outline-offset:-6px; }
.article-player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.article-page .article-video figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:0 var(--mx-space-12); font-size:13px; line-height:1.5; margin-top:var(--mx-space-08); }
.article-video figcaption span,.article-video figcaption a { display:inline-flex; align-items:center; min-height:44px; }
.article-video figcaption a { color:inherit; text-underline-offset:4px; }
@media(min-width:768px) and (max-width:1099px) {
 .article-grid { gap:16px; }
 .article-card :is(h3,h4) { font-size:22px; }
}
@media(max-width:767px) {
 .article-grid { grid-template-columns:1fr; gap:var(--mx-space-48); margin-top:var(--mx-space-32); }
 .article-card .article-cover { border-radius:16px; }
 .article-card .article-body { padding-top:20px; }
 .article-card :is(h3,h4) { font-size:25px; max-width:30ch; }
 .article-card .article-description { font-size:16px; }
 .article-page .article-nav { width:calc(100% - 32px); padding:16px 0; }
 .article-page .article-nav .brand { font-size:20px; }
 .article-page .article-nav>a:last-child { padding:12px; font-size:12px; }
 .article-page main { padding-top:32px; }
 .article-page .article-heading,.article-page .article-copy { width:calc(100% - 40px); }
 .article-page .article-lead { font-size:18px; }
 .article-page figure { width:calc(100% - 32px); margin:32px auto; }
 .article-page figure img { border-radius:16px; }
 .article-page .article-copy { font-size:17px; }
 .article-page .article-copy h2 { font-size:27px; }
 .article-page .article-takeaway { padding:24px; }
 .article-page .article-footer { flex-direction:column; }
 .article-media { width:calc(100% - 32px); }
 .article-media--pair { grid-template-columns:1fr; gap:var(--mx-space-32); }
 .article-page .article-video--reel { width:min(240px,100%); margin:0 auto; }
 .article-player { border-radius:16px; }
 .testimonial-videos { grid-template-columns:1fr; gap:var(--mx-space-48); margin:var(--mx-space-32) 0 var(--mx-space-48); }
 .testimonial-video .article-player { min-height:0; }
 .testimonial-video figcaption { padding-top:var(--mx-space-16); }
 .testimonial-video h3 { font-size:24px; }
 .testimonial-description { font-size:16px; }
 .testimonial-cases>h3 { font-size:26px; }
 .testimonial-cases .article-grid { gap:var(--mx-space-32); }
 .testimonial-cases .article-card>a { display:grid; grid-template-columns:112px minmax(0,1fr); gap:var(--mx-space-16); align-items:start; }
 .testimonial-cases .article-card .article-cover { aspect-ratio:1; height:112px; }
 .testimonial-cases .article-body { padding:0; }
 .testimonial-cases .article-category { font-size:12px; line-height:1.4; margin-bottom:var(--mx-space-08); }
 .testimonial-cases .article-card h4 { font-size:20px; }
 .testimonial-cases .article-description { font-size:14px; margin-bottom:var(--mx-space-04); }
 .mx-article-preview #preuve .cas-clients { margin-top:var(--mx-space-48); }
}
@media(max-width:359px) {
 .testimonial-cases .article-card>a { grid-template-columns:88px minmax(0,1fr); gap:var(--mx-space-12); }
 .testimonial-cases .article-card .article-cover { height:88px; }
}