.mq-hero{padding:160px 40px 80px;max-width:1400px;margin:0 auto}
.mq-hero .meta{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--brique);margin-bottom:30px}
.mq-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(56px,8vw,128px);line-height:.95;letter-spacing:-.025em;margin-bottom:30px}
.mq-hero h1 em{font-style:italic;color:var(--brique)}
.mq-hero p{font-family:var(--serif);font-size:22px;line-height:1.5;color:var(--ink-soft);max-width:760px;font-weight:300}
.mq-list{padding:60px 40px 120px;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.mq-row{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:start;padding:24px;border:1px solid var(--rule);border-radius:14px;background:rgba(255,255,255,.4);transition:transform .35s,box-shadow .35s,border-color .35s}
.mq-row:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(58,22,7,.4);border-color:rgba(46,26,18,.28)}
.mq-row .roman{display:none}
.mq-art{aspect-ratio:1/1.2;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--c1),var(--c2));overflow:hidden;margin:0}
@media(max-width:760px){
  .mq-list{grid-template-columns:1fr;padding:50px 24px 90px;gap:20px}
  .mq-text h2{font-size:clamp(34px,6vw,48px)}
}
.mq-text h2{font-family:var(--serif);font-size:48px;font-weight:400;letter-spacing:-.02em;margin-bottom:8px;line-height:1}
.mq-text .sub{font-style:italic;color:var(--brique);font-size:18px;margin-bottom:20px}
.mq-text p{font-size:16px;line-height:1.7;color:var(--ink-soft);max-width:680px;margin-bottom:14px}
.mq-text h2 em{font-style:italic;color:var(--brique)}
/* ── Bouton vers le programme, pleine largeur sous la grille ── */
.mq-cta{grid-column:1/-1;display:flex;gap:16px;justify-content:center;padding-top:40px;border-top:1px solid var(--rule)}

/* ── Description longue : extrait 600 caractères + bascule « Lire la suite » ── */
.mq-desc-toggle{appearance:none;background:none;border:0;padding:0;cursor:pointer;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--brique);border-bottom:1px solid currentColor;transition:opacity .25s}
.mq-desc-toggle:hover{opacity:.65}
.mq-meta{display:none}
.mq-meta div{display:flex;flex-direction:column;gap:4px}
.mq-meta strong{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--ink);text-transform:none;letter-spacing:0}

/* ── Petits écrans : la carte passe en pile (image bannière au-dessus du texte)
   pour ne plus écraser le titre/texte dans une colonne trop étroite. ── */
@media(max-width:560px){
  .mq-list{padding:44px 18px 72px}
  .mq-row{grid-template-columns:1fr;gap:14px;padding:18px}
  .mq-art{aspect-ratio:16/10}
  .mq-text h2{font-size:clamp(28px,8vw,38px)}
  .mq-text .sub{font-size:16px;margin-bottom:14px}
  .mq-text p{font-size:15px;line-height:1.65}
}