/* Page « Espace presse » (/fr/media, /en/media) — d'après la maquette de François (ChatGPT, 27/10/2026), reproduite section par section.
   Valeurs relevées sur la maquette (688 px de large) et ramenées à 1440 px (x 2,09).
   Titres : Source Serif 4 600/700 (auto-hébergée, OFL). Corps : Poppins, comme le reste du site.
   Préfixe mk- partout : rien ne touche les autres pages. Pas de « container » Tailwind (200 px sous 640 px) : .mk-wrap.
   Rouge : #d63a30 pour les boutons (blanc dessus : 4,7:1) ; #b8302a pour le petit texte rouge sur fond clair (>= 5:1) ;
   #ff7b6e pour le petit texte rouge sur le vert sapin (>= 5:1). La maquette utilise un rouge plus vif, trop clair pour ces textes.
   28/10/2026 : passe de conformité, tailles et grilles remesurées sur la maquette ramenée à 1440 px (surtitres 16 px, chapô 23 px,
   grille de L'essentiel 611 px + 41 px, colonnes des chiffres 388/380/330 + 206 px, séparateurs courts, titres sur fond vert en 600). */

@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;
  src:url(/Content/fonts/source-serif-4/source-serif-4-latin-600.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:700;font-display:swap;
  src:url(/Content/fonts/source-serif-4/source-serif-4-latin-700.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.mk{--mk-ink:#14201e;--mk-text:#3a4442;--mk-cream:#fdfaf4;--mk-band:#f7f3ea;--mk-rule:#e6e0d4;--mk-green:#182d28;--mk-foot:#1a2826;
    --mk-red:#d63a30;--mk-redd:#b8302a;--mk-redl:#ff7b6e;--mk-serif:'Source Serif 4',Cambria,Georgia,'Times New Roman',serif;
    --mk-pad:clamp(20px,4.7vw,68px);
    background:var(--mk-cream);color:var(--mk-ink);font-family:Poppins,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:clip}
.mk *{box-sizing:border-box}
.mk a{color:inherit;text-decoration:none}
.mk :where(h1,h2,h3,p,ul,ol,figure,dl,dd){margin:0;padding:0}
.mk :where(ul,ol){list-style:none}
.mk img{display:block;max-width:100%}
.mk :focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px}
.mk-wrap{max-width:1440px;margin:0 auto;padding:0 var(--mk-pad)}
.mk-serif{font-family:var(--mk-serif)}
.mk-tag{font-size:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mk-redd);line-height:1.4}
.mk-ic{width:1em;height:1em;flex:none}
.mk-h2{font-family:var(--mk-serif);font-weight:700;font-size:clamp(30px,3.27vw,47px);line-height:1.12;letter-spacing:-.01em;margin-top:10px}
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 34px;border-radius:3px;background:var(--mk-red);color:#fff!important;
    font-size:16px;font-weight:500;line-height:1;transition:background .15s}
.mk-btn:hover{background:#c2342b}
.mk-btn--ghost{background:transparent;color:var(--mk-ink)!important;border:1.5px solid var(--mk-ink)}
.mk-btn--ghost:hover{background:rgba(20,32,30,.06)}
.mk-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--mk-redd)!important;font-size:18px}
.mk-link:hover{text-decoration:underline;text-underline-offset:4px}
.mk-sec{padding:clamp(34px,2.6vw,38px) 0 clamp(30px,2.4vw,36px)}

/* 1. Héros scindé ------------------------------------------------------------------------------------------- */
.mk-hero{position:relative;background:var(--mk-cream);min-height:460px;display:flex;align-items:center;overflow:hidden}
.mk-hero-txt{position:relative;z-index:2;width:100%;padding-top:48px;padding-bottom:48px}
.mk-hero-txt>div{max-width:min(46%,640px)}
.mk-hero h1{font-family:var(--mk-serif);font-weight:700;font-size:clamp(38px,4.06vw,58.5px);line-height:1.1;letter-spacing:-.012em;margin-top:18px}
.mk-lead{font-size:clamp(16px,1.6vw,23px);line-height:1.78;color:var(--mk-ink);margin-top:22px;max-width:23.6em}
.mk-hero-btns{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}
.mk-hero-pic{position:absolute;top:0;right:0;bottom:0;width:56.4%;margin:0;clip-path:polygon(8.2% 0,100% 0,100% 100%,0 100%);background:#c8d1d4}
.mk-hero-pic>img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.mk-hero-cap{position:absolute;left:22%;bottom:16px;display:flex;align-items:center;gap:8px;padding:9px 16px;background:#101c1a;color:#fff;font-size:12.5px;line-height:1.35;max-width:52%}
.mk-hero-cap svg{width:15px;height:15px;color:#ff7b6e;flex:none}
.mk-hero-thumb{position:absolute;right:27px;bottom:16px;width:191px;border:4px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.28);background:#fff}
.mk-hero-thumb img{width:100%;height:156px;object-fit:cover}

/* 2. Barre d'ancres ----------------------------------------------------------------------------------------- */
.mk-anchors{background:#fff;border-bottom:1px solid var(--mk-rule)}
.mk-anchors ul{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;overflow-x:auto;scrollbar-width:none;min-height:64px}
.mk-anchors ul::-webkit-scrollbar{display:none}
.mk-anchors li{flex:none}
.mk-anchors li{position:relative}
.mk-anchors li+li::before{content:"";position:absolute;left:0;top:50%;height:16px;margin-top:-8px;border-left:1px solid #c9c5bb}
.mk-anchors a{display:block;padding:4px clamp(14px,1.6vw,23px);font-size:clamp(14px,1.2vw,17.5px);font-weight:500;color:var(--mk-ink);line-height:1.2;white-space:nowrap}
.mk-anchors li:first-child a{padding-left:0}
.mk-anchors{position:relative}
.mk-anchors::after{content:none}
.mk-anchors a:hover{color:var(--mk-redd)}

/* 3. L'essentiel -------------------------------------------------------------------------------------------- */
.mk-ess{background:#fff;padding:clamp(28px,2.4vw,34px) 0}
.mk-ess-in{display:grid;grid-template-columns:611fr 652fr;gap:clamp(28px,2.85vw,41px);align-items:center}
.mk-ess-pic{position:relative;margin:0 0 0;padding-right:25px}
.mk-ess-pic>img{width:100%;aspect-ratio:586/411;object-fit:cover;border-radius:4px}
.mk-brief{position:absolute;right:0;bottom:16px;width:239px;background:#fff;padding:20px 22px 18px;box-shadow:0 6px 24px rgba(20,32,30,.16);border:1px solid #efe9de}
.mk-brief b{display:block;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-redd);margin-bottom:10px}
.mk-brief li{font-size:16.5px;line-height:1.45;font-weight:500;color:var(--mk-ink);margin-top:14px}
.mk-ess-txt .mk-h2{font-size:clamp(28px,2.78vw,40px);line-height:1.16}
.mk-ess-txt p:not(.mk-tag){font-size:17.5px;line-height:1.6;color:var(--mk-text);margin-top:20px;max-width:650px}
.mk-ess-txt p:not(.mk-tag)+p{margin-top:14px}
.mk-ess-txt .mk-link{margin-top:26px}
.mk-u{text-decoration:underline;text-underline-offset:5px}

/* 4. Chiffres clés ------------------------------------------------------------------------------------------ */
.mk-fig{position:relative;background:var(--mk-green);color:#fff;overflow:hidden;padding:clamp(34px,3vw,42px) 0 clamp(34px,3vw,44px)}
.mk-fig::before{content:"";position:absolute;inset:0;background:url(/images/media/mk-topo.svg) center/cover no-repeat;opacity:.075;pointer-events:none}
.mk-fig .mk-wrap{position:relative}
.mk-fig .mk-tag{color:var(--mk-redl)}
.mk-fig .mk-h2{color:#fff;font-size:clamp(32px,3.5vw,50px);font-weight:600}
.mk-fig-grid{display:grid;grid-template-columns:388fr 380fr 330fr 206px;column-gap:0;margin-top:30px}
.mk-fig-big{text-align:center;padding:2px 12px 6px;position:relative}
.mk-fig-big+.mk-fig-big{border-left:1px solid rgba(255,255,255,.22)}
.mk-fig-n{display:block;font-family:var(--mk-serif);font-weight:700;font-size:clamp(46px,5.3vw,76px);font-weight:600;line-height:1.05;letter-spacing:-.01em;font-variant-numeric:lining-nums}
.mk-fig-l{display:block;font-size:clamp(15px,1.32vw,19px);font-weight:500;margin-top:4px}
.mk-fig-note{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.86);align-self:center;padding-left:20px}
.mk-fig-rule{height:1px;background:rgba(255,255,255,.28);margin:28px 0 24px}
.mk-fig-pays{display:grid;grid-template-columns:388fr 380fr 330fr 206px}
.mk-fig-pays>div:nth-child(1){padding-left:29.9%}.mk-fig-pays>div:nth-child(2){padding-left:21.8%}.mk-fig-pays>div:nth-child(3){padding-left:20.9%}
.mk-fig-pays b{display:block;font-size:23px;font-weight:500;line-height:1.25}
.mk-fig-pays span{display:block;font-size:18px;margin-top:4px}
.mk-fig-pays .mk-fig-note{padding-left:20px}

/* 5. Les bons visuels --------------------------------------------------------------------------------------- */
.mk-res{background:#fff}
.mk-res-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.mk-res-head .mk-side{font-size:15px;color:var(--mk-text);padding-bottom:8px}
.mk-kit{font-weight:600;color:var(--mk-redd)!important;text-decoration:underline;text-underline-offset:3px}
.mk-res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,37px);margin-top:26px}
.mk-card{display:block}
.mk-card .mk-card-pic{aspect-ratio:410/272;overflow:hidden;border-radius:3px;background:var(--mk-band)}
.mk-card .mk-card-pic>img{width:100%;height:100%;object-fit:cover}
.mk-card h3{font-size:22px;font-weight:600;line-height:1.3;margin-top:13px}
.mk-card p{font-size:15.5px;color:var(--mk-text);margin-top:2px}
.mk-card .mk-link{margin-top:8px;font-size:18px}
.mk-logos{display:grid;grid-template-rows:1fr 1fr;gap:14px;padding:18px 26px;height:100%;background:var(--mk-cream);align-items:center;justify-items:center}
.mk-logos .a img{height:clamp(58px,5.7vw,82px);width:auto;mix-blend-mode:multiply}
.mk-logos .b{display:grid;place-items:center;background:#14201e;width:100%;height:100%;border-radius:2px;padding:0 20px}
.mk-logos .b img{height:clamp(50px,5vw,72px);width:auto}
.mk-screens{position:relative;height:100%;background:linear-gradient(135deg,#d8d4cc,#b9b4aa);display:grid;place-items:center}
.mk-laptop{position:relative;width:78%;margin-left:-8%;margin-top:6%}
.mk-laptop .scr{border:5px solid #1c1f20;border-bottom-width:6px;border-radius:7px 7px 0 0;background:#1c1f20;overflow:hidden}
.mk-laptop .scr img{width:100%;aspect-ratio:1440/900;object-fit:cover;object-position:top}
.mk-laptop .base{height:9px;background:linear-gradient(#d2d4d6,#9fa3a6);border-radius:0 0 8px 8px;margin:0 -4%}
.mk-phone{position:absolute;right:7%;bottom:7%;width:22%;border:3px solid #15181a;border-radius:11px;background:#15181a;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.mk-phone img{width:100%;aspect-ratio:390/700;object-fit:cover;object-position:top}
.mk-rules{display:flex;justify-content:space-between;gap:12px 40px;flex-wrap:wrap;background:var(--mk-band);padding:15px 22px;margin-top:22px;font-size:13px;line-height:1.5;color:var(--mk-text)}
.mk-rules b{font-weight:600;color:var(--mk-ink)}

/* 6. Le fondateur ------------------------------------------------------------------------------------------- */
.mk-fnd{background:var(--mk-band)}
.mk-fnd-in{display:grid;grid-template-columns:538px 1fr;gap:clamp(28px,3.9vw,56px);align-items:start}
.mk-fnd-pic{margin:0}
.mk-fnd-pic img{width:100%;aspect-ratio:538/481;object-fit:cover;border-radius:3px}
.mk-fnd-pic figcaption{font-size:13px;color:var(--mk-text);margin-top:10px}
.mk-fnd-txt .mk-h2{margin-top:6px}
.mk-meta{display:flex;flex-wrap:wrap;gap:8px 70px;margin-top:14px;font-size:17px;font-weight:500}
.mk-meta li{display:inline-flex;align-items:center;gap:9px}
.mk-meta svg{width:19px;height:19px;color:var(--mk-redd);flex:none}
.mk-fnd-txt>p:not(.mk-tag){font-size:18px;line-height:1.6;color:var(--mk-text);margin-top:6px;max-width:680px}
.mk-fnd-txt>.mk-meta+p{margin-top:16px!important}
.mk-fnd-txt h3{font-size:22px;font-weight:600;margin-top:24px}
.mk-topics{margin-top:10px;border-top:1px solid var(--mk-rule)}
.mk-topics li{border-bottom:1px solid var(--mk-rule);font-size:20px;font-weight:400}
.mk-topics a{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:50px}
.mk-topics a:hover{color:var(--mk-redd)}
.mk-topics svg{width:18px;height:18px;color:var(--mk-redd);flex:none}
.mk-fnd-txt .mk-link{margin-top:20px}

/* 7. Collaborations ----------------------------------------------------------------------------------------- */
.mk-col{background:#fff}
.mk-col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,37px);margin-top:26px}
.mk-col-card .pic{display:block;position:relative;aspect-ratio:425/251;overflow:hidden;border-radius:3px}
.mk-col-card .pic>img{width:100%;height:100%;object-fit:cover}
.mk-col-card .lab{position:absolute;left:22px;bottom:16px;display:inline-flex;align-items:center;gap:12px;background:#fff;padding:0 22px;min-height:58px;font-size:16.5px;font-weight:600;color:var(--mk-ink)}
.mk-col-card .lab svg{width:17px;height:17px;color:var(--mk-redd)}
.mk-col-card h3{font-size:17px;font-weight:600;margin-top:14px;padding-left:10px}
.mk-col-foot{display:flex;align-items:center;flex-wrap:wrap;gap:16px 40px;margin-top:22px;font-size:16px;color:var(--mk-text)}

/* 7 bis. Tarifs ------------------------------------------------------------------------------------------------ */
.mk-tf{background:var(--mk-band)}
.mk-tf-lead{font-size:17px;line-height:1.7;color:var(--mk-text);margin-top:16px;max-width:46em}
.mk-tf-proof{font-size:14.5px;color:var(--mk-text);margin-top:10px;max-width:46em}
.mk-tf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,37px);margin-top:28px}
.mk-tf-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mk-rule);border-radius:3px;padding:28px 28px 24px}
.mk-tf-card h3{font-family:var(--mk-serif);font-weight:700;font-size:26px;line-height:1.2}
.mk-tf-price{margin-top:8px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.mk-tf-price span{font-family:var(--mk-serif);font-weight:700;font-size:40px;line-height:1.1}
.mk-tf-price small{font-size:13.5px;color:var(--mk-text)}
.mk-tf-for{margin-top:10px;font-size:15.5px;color:var(--mk-text)}
.mk-tf-card ul{margin-top:16px;border-top:1px solid var(--mk-rule)}
.mk-tf-card li{position:relative;padding:10px 0 10px 24px;border-bottom:1px solid var(--mk-rule);font-size:15px;line-height:1.5}
.mk-tf-card li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:5px;border-left:2px solid var(--mk-redd);border-bottom:2px solid var(--mk-redd);transform:rotate(-45deg)}
.mk-tf-pay{margin-top:14px;font-size:13.5px;color:var(--mk-text)}
.mk-tf-card .mk-link{margin-top:auto;padding-top:18px;font-size:16px}
.mk-tf-opt{margin-top:22px;font-size:15px;color:var(--mk-text)}
.mk-tf-rules{margin-top:26px;background:#fff;border:1px solid var(--mk-rule);border-left:4px solid var(--mk-redd);padding:22px 26px}
.mk-tf-rules h3{font-size:17px;font-weight:600}
.mk-tf-rules ul{margin-top:10px}
.mk-tf-rules li{position:relative;padding:5px 0 5px 18px;font-size:15px;line-height:1.6;color:var(--mk-text)}
.mk-tf-rules li::before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;border-radius:50%;background:var(--mk-redd)}
.mk-tf .mk-col-foot{margin-top:26px}
@media (max-width:860px){.mk-tf-grid{grid-template-columns:1fr}.mk-tf-card{padding:22px 20px 20px}.mk-tf-rules{padding:18px 16px}}

/* 8. Textes de présentation --------------------------------------------------------------------------------- */
.mk-txt{background:#fff}
.mk-tabs{margin-top:22px;background:var(--mk-band);border:1px solid var(--mk-rule);padding:0 0 0}
.mk-tabbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 22px}
.mk-tablist{display:flex;flex-wrap:wrap}
.mk-tab{appearance:none;background:none;border:0;border-bottom:3px solid transparent;font:inherit;font-size:clamp(15px,1.3vw,19px);font-weight:500;color:var(--mk-text);padding:20px clamp(16px,2.6vw,38px) 14px;cursor:pointer;margin-bottom:0}
.mk-tab{position:relative}
.mk-tab+.mk-tab::before{content:"";position:absolute;left:0;top:18px;bottom:12px;border-left:1px solid var(--mk-rule)}
.mk-tab[aria-selected=true]{color:var(--mk-ink);border-bottom-color:var(--mk-red);font-weight:600}
.mk-tab:hover{color:var(--mk-ink)}
.mk-copy{display:inline-flex;align-items:center;gap:9px;margin:14px 0;min-height:40px;padding:0 16px;background:transparent;border:1px solid #9aa09d;border-radius:3px;font:inherit;font-size:15px;font-weight:500;color:var(--mk-ink);cursor:pointer}
.mk-copy svg{width:17px;height:17px}
.mk-copy:hover{background:#fff}
.mk-panel{background:#fff;margin:0 12px;padding:22px 26px;font-size:clamp(16px,1.4vw,20px);line-height:1.75;color:var(--mk-ink)}
.mk-panelwrap[hidden]{display:none}
.mk-tabnote{font-size:13.5px;color:var(--mk-text);padding:14px 22px 18px}

/* 9. Contact ------------------------------------------------------------------------------------------------ */
.mk-ct{position:relative;color:#fff;background:var(--mk-green);overflow:hidden}
.mk-ct>img{position:absolute;top:0;right:0;bottom:0;width:58%;height:100%;object-fit:cover;object-position:18% 50%}

.mk-ct .mk-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 410px;gap:40px;align-items:center;min-height:396px;padding-top:30px;padding-bottom:30px}
.mk-ct .mk-tag{color:var(--mk-redl)}
.mk-ct h2{font-family:var(--mk-serif);font-weight:600;font-size:clamp(38px,3.8vw,54px);line-height:1.18;margin-top:12px;letter-spacing:-.01em}
.mk-ct .p{font-size:clamp(16px,1.45vw,21px);margin-top:18px}
.mk-ct-card{background:var(--mk-cream);color:var(--mk-ink);padding:26px 26px 26px;box-shadow:0 10px 34px rgba(0,0,0,.25)}
.mk-ct-row{display:flex;gap:18px;align-items:flex-start;padding:4px 0 20px}
.mk-ct-row+.mk-ct-row{border-top:1px solid var(--mk-rule);padding-top:20px}
.mk-ct-row svg{width:42px;height:42px;color:var(--mk-red);flex:none}
.mk-ct-row b{display:block;font-size:17px;font-weight:600;line-height:1.3}
.mk-ct-row a{font-size:16.5px;color:var(--mk-ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.mk-ct-card .mk-btn{display:flex;width:100%;margin-top:6px}

/* 10. Pied de page ------------------------------------------------------------------------------------------ */
.mk-foot{background:var(--mk-foot);color:#fff}
.mk-foot-row{display:flex;align-items:center;gap:clamp(20px,2.8vw,40px);min-height:146px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}
.mk-foot-brand img{height:56px;width:auto}
.mk-foot nav ul{display:flex;gap:clamp(18px,2.2vw,32px);flex-wrap:wrap;margin-left:clamp(0px,5.8vw,84px)}
.mk-foot nav li{position:relative}
.mk-foot nav li+li{padding-left:clamp(18px,2.2vw,32px)}
.mk-foot nav li+li::before{content:"";position:absolute;left:0;top:50%;height:16px;margin-top:-8px;border-left:1px solid rgba(255,255,255,.4)}
.mk-foot nav a{font-size:14px;color:#fff}
.mk-foot nav a:hover{text-decoration:underline;text-underline-offset:4px}
.mk-foot-soc{display:flex;gap:22px;align-items:center;padding-left:clamp(20px,2.8vw,40px);border-left:1.5px solid rgba(255,255,255,.3);margin-left:auto}
.mk-foot-soc svg{width:26px;height:26px}
.mk-foot-copy{font-size:13.5px;line-height:1.45;padding-left:clamp(20px,2.8vw,40px);border-left:1.5px solid rgba(255,255,255,.3)}
.mk-foot-legal{border-top:1px solid rgba(255,255,255,.12);padding:14px 0 6px;font-size:12px;color:#aab2b0}
.mk-editeur{padding:2px 0 8px;color:#c4ccca}
.mk-foot-legal ul{display:flex;flex-wrap:wrap;gap:6px 22px}
.mk-foot-legal a{display:inline-block;padding:4px 0}
.mk-foot-legal a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.mk-credits{font-size:11.5px;line-height:1.7;color:#9aa4a1;padding:6px 0 26px}
.mk-credits a{text-decoration:underline;text-underline-offset:2px}

/* Tablette et mobile ----------------------------------------------------------------------------------------- */
@media (max-width:1100px){
  .mk-hero-txt>div{max-width:50%}
  .mk-ess-in,.mk-fnd-in{grid-template-columns:1fr 1fr;gap:clamp(28px,3.9vw,56px)}
  .mk-fig-grid,.mk-fig-pays{grid-template-columns:repeat(3,1fr)}
  .mk-fig-pays>div:nth-child(n){padding-left:12%}
  .mk-fig-grid .mk-fig-note,.mk-fig-pays .mk-fig-note{grid-column:1/-1;padding:16px 0 0}
  .mk-ct .mk-wrap{grid-template-columns:1fr 360px}
}
@media (max-width:860px){
  .mk-hero{display:block;min-height:0}
  .mk-hero-pic{position:relative;width:100%;height:auto;aspect-ratio:4/3;clip-path:none}
  .mk-hero-cap{left:0;bottom:0;max-width:calc(100% - 150px);padding:8px 12px;font-size:11.5px}
  .mk-hero-thumb{right:12px;bottom:12px;width:116px;border-width:3px}
  .mk-hero-thumb img{height:88px}
  .mk-hero-txt{padding-top:30px;padding-bottom:36px}
  .mk-hero-txt>div{max-width:none}
  .mk-hero-btns{flex-direction:column;gap:12px}
  .mk-hero-btns .mk-btn{width:100%}
  .mk-anchors ul{justify-content:flex-start;padding:0 var(--mk-pad);min-height:56px}
  .mk-anchors li:first-child a{padding-left:14px}
  /* Indice de défilement : fondu de la couleur du fond (blanc uni, rien sur une photo) + chevron rouge au bord droit ; masqué en bout de course (mk-anchors--fin). */
  .mk-anchors::after{content:"";position:absolute;top:0;right:0;bottom:0;width:56px;pointer-events:none;transition:opacity .2s;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none' stroke='%23b8302a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 2l6 6-6 6'/%3E%3C/svg%3E") no-repeat right 14px center,linear-gradient(to right,rgba(255,255,255,0),#fff 70%)}
  .mk-anchors.mk-anchors--fin::after{opacity:0}
  .mk-ess-in,.mk-fnd-in{grid-template-columns:1fr}
  .mk-ess-pic{padding-right:0}
  .mk-brief{position:relative;right:auto;bottom:auto;width:auto;margin:-36px 16px 0 auto;max-width:300px}
  .mk-fig-grid{grid-template-columns:1fr;row-gap:22px}
  .mk-fig-big+.mk-fig-big{border-left:0;border-top:1px solid rgba(255,255,255,.22);padding-top:22px}
  .mk-fig-pays{grid-template-columns:1fr;row-gap:16px}
  .mk-fig-pays>div:nth-child(n){padding-left:0;text-align:center}
  .mk-fig-note,.mk-fig-grid .mk-fig-note,.mk-fig-pays .mk-fig-note{padding:0;text-align:center}
  .mk-res-grid,.mk-col-grid{grid-template-columns:1fr}
  .mk-res-head .mk-side{padding-bottom:0}
  .mk-ct .mk-wrap{grid-template-columns:1fr;gap:26px;padding-top:36px;padding-bottom:36px}
  .mk-ct{display:flex;flex-direction:column}
  .mk-ct>img{position:relative;width:100%;height:clamp(220px,52vw,340px);object-position:20% 50%}
  .mk-tabbar{padding:0 10px}
  .mk-tablist{width:100%;overflow-x:auto;flex-wrap:nowrap}
  .mk-tab{white-space:nowrap;padding:14px 8px 10px;font-size:13px}
  .mk-copy{margin:0 0 14px 6px}
  .mk-panel{margin:0 8px;padding:18px 16px;font-size:16px}
  .mk-foot-row{flex-direction:column;align-items:flex-start;gap:20px}
  .mk-foot nav ul{margin-left:0}
  .mk-foot-soc,.mk-foot-copy{border-left:0;padding-left:0;margin-left:0}
}
@media (max-width:860px){
  .mk-card h3{font-size:20px}
  .mk-link,.mk-card .mk-link{font-size:16px}
  .mk-topics li{font-size:17px}
  .mk-topics a{min-height:46px}
  .mk-fnd-txt h3{font-size:20px}
  .mk-fnd-txt>p:not(.mk-tag){font-size:16px}
  .mk-meta{font-size:15px}
  .mk-ct-row{gap:12px}
  .mk-ct-row svg{width:34px;height:34px}
  .mk-ct-row a{font-size:14.5px}
  .mk-fig-l{font-size:17px}
  .mk-tag{font-size:14px}
  .mk-ess-txt p:not(.mk-tag){font-size:16px}
  .mk-brief li{font-size:15px}
}
@media (max-width:480px){
  .mk-rules{padding:14px 16px}
  .mk-ct-card{padding:20px 18px}
}

.mk-brd{display:inline}
@media (max-width:1100px){.mk-brd{display:none}}

.mk-btn>span[aria-hidden],.mk-link>span[aria-hidden]{font-size:1.3em;line-height:1;font-weight:400}