/* ── MICE — page générale (vignettes) + sous-pages ── */
.mice-intro{ max-width:820px; margin:0 auto 2.4rem; text-align:center; }
.mice-intro p{ font-size:1.05rem; color:#2c352d; line-height:1.8; }

.mice-sec-label{ text-align:center; font-family:'DM Sans',sans-serif; font-size:.72rem; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase; color:var(--gold); margin-bottom:.6rem; }
.mice-sec-title{ text-align:center; font-family:'Playfair Display',serif; color:var(--navy,#1B3A28);
  font-size:clamp(1.5rem,3vw,2rem); margin-bottom:1.8rem; }

/* Vignettes → chacune ouvre sa page */
.mice-vignettes{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; max-width:1100px; margin:0 auto; }
.mice-vig{ display:block; text-decoration:none; border:1px solid var(--line,#e7e0d4); border-radius:14px;
  overflow:hidden; background:var(--white,#fff); transition:border-color .2s, transform .2s, box-shadow .2s; }
.mice-vig:hover{ border-color:var(--gold); transform:translateY(-3px); box-shadow:0 12px 28px rgba(16,35,26,.12); }
.mice-vig .vig-ph{ height:175px; background-size:cover; background-position:center; background-color:#152E1F; }
.mice-vig .vig-ph.noimg{ background:repeating-linear-gradient(135deg,rgba(200,164,64,.10) 0 9px,transparent 9px 18px),
  linear-gradient(160deg,#2A5238,#152E1F); }
.mice-vig .vig-body{ padding:1.1rem 1.3rem 1.4rem; }
.mice-vig .vig-name{ display:block; font-family:'Playfair Display',serif; color:var(--navy,#1B3A28);
  font-size:1.2rem; line-height:1.25; margin-bottom:.4rem; }
.mice-vig .vig-desc{ display:block; color:var(--mut,#6b7169); font-size:.9rem; line-height:1.55; }
.mice-vig .vig-more{ display:inline-block; margin-top:.75rem; color:var(--gold); font-weight:700;
  font-size:.76rem; letter-spacing:.05em; text-transform:uppercase; }

/* Points clés des sous-pages */
.mice-points{ list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:.55rem 1.4rem; margin:.4rem 0 1.6rem; }
.mice-points li{ position:relative; padding-left:1.4rem; font-size:.95rem; color:#3a4139; line-height:1.55; }
.mice-points li::before{ content:''; position:absolute; left:0; top:.55em; width:8px; height:8px; border-radius:50%; background:var(--gold); }

@media (max-width:900px){
  .mice-vignettes{ grid-template-columns:1fr; }
  .mice-points{ grid-template-columns:1fr; }
}