/* ══════════════════════════════════════════════════════════════════════════
   MA VUE MES LUNETTES — le coffret
   Concept : ce site est une boîte de verres d'essai, posée ouverte sur un
   plateau clair. Geste : le disque serti. Motif : le logement.
   Règle de dessin : aucune courbe décorative — tout est taillé.
   ══════════════════════════════════════════════════════════════════════════ */

@font-face{font-family:Prata;src:url(prata-latin.woff2) format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Jost;src:url(jost-variable.woff2) format('woff2-variations');
  font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --papier:#F6F4EF; --blanc:#FFFDFA; --papier-o:#EBE6DC; --papier-h:#E1DACC;
  --encre:#1A1720; --velours:#221D2A; --velours-h:#2C2636;
  --bronze:#8A6A22; --laiton:#B98F35; --or:#E3C77E;
  --perle:#6E6879; --emeraude:#0B5C48; --grenat:#8A2A2E;
  --t-titre:'Prata',Georgia,'Times New Roman',serif;
  --t-corps:'Jost','Helvetica Neue',Arial,sans-serif;
  --facette:34deg;
  --gouttiere:clamp(18px,4vw,30px);
  --large:1180px; --texte:70ch;

  /* Les rôles de texte, contrôlés au ratio de contraste (étape 26).
     Ce sont EUX qu'on emploie, jamais une couleur brute : c'est ce qui
     empêche l'accent illisible sur le mauvais fond. */
  --sur-fond:var(--encre);          /* texte principal */
  --sur-fond-2:var(--perle);        /* texte secondaire   — 4,87 sur plateau */
  --metal-texte:var(--bronze);      /* le métal LISIBLE   — 4,59 sur plateau */
  --metal-trait:var(--laiton);      /* le métal en APLAT ou en TRAIT, jamais du texte */
}
/* sur le plateau ombré, la perle tombe à 4,31 : le secondaire se fonce */
.mvml-section--plateau{--sur-fond-2:color-mix(in srgb,var(--encre) 74%,var(--papier-o))}
/* sur le velours, tout s'inverse : l'or devient lisible (9,97), le bronze non (3,26) */
.mvml-section--velours{--sur-fond:var(--papier);--sur-fond-2:rgba(246,244,239,.72);
  --metal-texte:var(--or);--metal-trait:var(--laiton)}

/* ── le socle ──────────────────────────────────────────────────────────── */
body{background:var(--papier);color:var(--encre);font-family:var(--t-corps);
  font-weight:300;font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased}
::selection{background:var(--laiton);color:var(--blanc)}
a{color:var(--metal-texte);text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{color:var(--sur-fond)}
img{max-width:100%;height:auto}

/* le grain du plateau, sur tout le site */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2000;opacity:.045;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* la caustique : la lumière que le coffret projette */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(56% 38% at 14% 4%,rgba(185,143,53,.15),transparent 66%),
             radial-gradient(50% 34% at 90% 58%,rgba(11,92,72,.08),transparent 70%)}

h1,h2,h3,h4,h5{font-family:var(--t-titre);font-weight:400;line-height:1.14;
  text-wrap:balance;letter-spacing:.002em;margin:0 0 .45em}
h1{font-size:clamp(31px,4.6vw,52px)}
h2{font-size:clamp(25px,3.3vw,38px)}
h3{font-size:clamp(20px,2.2vw,26px)}
h4{font-size:19px}
p{margin:0 0 1.15em}

/* ── les gabarits d'écriture ───────────────────────────────────────────── */
.mvml-wrap{max-width:var(--large);margin-inline:auto;padding-inline:var(--gouttiere)}
.mvml-texte{max-width:var(--texte)}
.mvml-section{padding-block:clamp(46px,6vw,86px)}
.mvml-section--velours{background:var(--velours);color:var(--papier)}
.mvml-section--velours a:hover{color:var(--blanc)}
.mvml-section--velours h1,.mvml-section--velours h2,.mvml-section--velours h3{color:var(--papier)}

.mvml-section--blanc{background:var(--blanc)}
.mvml-section--plateau{background:var(--papier-o)}

/* ── LE GESTE : le disque serti ────────────────────────────────────────── */
.mvml-disque{display:block;width:100%;height:auto;overflow:visible}
.mvml-ceinture{fill:rgba(26,23,32,.045);stroke:var(--bronze);stroke-width:1.6;stroke-linejoin:miter}
.mvml-table{fill:rgba(26,23,32,.03);stroke:var(--bronze);stroke-width:1.1;stroke-linejoin:miter}
.mvml-rayon{stroke:var(--bronze);stroke-width:.85;opacity:.55}
.mvml-griffe{stroke:var(--bronze);stroke-width:3.1;stroke-linecap:round;opacity:.92}
.mvml-eclat{fill:var(--laiton);opacity:.42;transition:opacity .5s}
.mvml-arete{stroke:var(--laiton);stroke-width:2.6;stroke-linecap:round}
.mvml-grave{fill:var(--bronze);font-family:var(--t-corps);letter-spacing:.06em}
.mvml-section--velours .mvml-ceinture{fill:rgba(243,240,233,.06);stroke:var(--laiton)}
.mvml-section--velours .mvml-table{fill:rgba(243,240,233,.04);stroke:var(--laiton)}
.mvml-section--velours .mvml-rayon,.mvml-section--velours .mvml-griffe{stroke:var(--laiton)}
.mvml-section--velours .mvml-eclat{fill:var(--or)}
.mvml-section--velours .mvml-arete{stroke:var(--or)}

/* ── LE MOTIF : le logement ────────────────────────────────────────────── */
.mvml-frise{display:block;width:100%;height:34px;overflow:visible}
.mvml-lg-fond{fill:var(--papier-h);stroke:var(--bronze);stroke-width:.7;stroke-opacity:.42}
.mvml-lg-ombre{fill:none;stroke:var(--encre);stroke-width:1.4;opacity:.24}
.mvml-lg-jour{fill:none;stroke:#fff;stroke-width:1.2;opacity:.8}
.mvml-lg-verre{fill:rgba(26,23,32,.05);stroke:var(--bronze);stroke-width:1.2}
.mvml-lg-table{fill:none;stroke:var(--bronze);stroke-width:.8}
.mvml-lg-arete{stroke:var(--laiton);stroke-width:2.2;stroke-linecap:round}
.mvml-lg-num{fill:var(--bronze);opacity:.55;font-size:8px;letter-spacing:.1em;font-family:var(--t-corps)}
.mvml-section--velours .mvml-lg-fond{fill:#0F0D14;stroke:var(--laiton)}
.mvml-section--velours .mvml-lg-ombre{stroke:#000;opacity:.6}
.mvml-section--velours .mvml-lg-jour{stroke:var(--laiton);opacity:.35}

/* ── LA FACETTE : l'angle coupé, toujours 34° ──────────────────────────── */
.mvml-fac{position:relative}
.mvml-fac::after{content:"";position:absolute;top:0;right:0;width:38px;height:38px;z-index:3;
  pointer-events:none;transition:background .35s;
  background:linear-gradient(calc(90deg + var(--facette)),transparent 49%,
             var(--bronze) 49%,var(--bronze) 51%,transparent 51%)}
.mvml-fac:hover::after{background:linear-gradient(calc(90deg + var(--facette)),transparent 46.5%,
             var(--laiton) 46.5%,var(--laiton) 53.5%,transparent 53.5%)}
.mvml-section--velours .mvml-fac::after{background:linear-gradient(calc(90deg + var(--facette)),
             transparent 49%,var(--laiton) 49%,var(--laiton) 51%,transparent 51%)}

/* ── les icônes ────────────────────────────────────────────────────────── */
.mvml-ic{width:1.15em;height:1.15em;flex:none;vertical-align:-.18em;
  fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:square;stroke-linejoin:miter}
.mvml-md{width:52px;height:52px;flex:none;fill:none;stroke:var(--bronze);
  stroke-width:1.25;stroke-linecap:square;stroke-linejoin:miter}
.mvml-section--velours .mvml-md{stroke:var(--laiton)}
.fc{stroke:var(--laiton)}
.mvml-section--velours .fc{stroke:var(--or)}

/* ── les boutons ───────────────────────────────────────────────────────── */
.mvml-btn{font-family:var(--t-corps);font-weight:400;font-size:13.5px;letter-spacing:.16em;
  text-transform:uppercase;border:1px solid var(--bronze);background:transparent;color:var(--bronze);
  padding:14px 24px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;
  position:relative;text-decoration:none;transition:background .28s,color .28s,border-color .28s}
.mvml-btn::after{content:"";position:absolute;top:-1px;right:-1px;width:16px;height:16px;
  transition:background .28s;
  background:linear-gradient(calc(90deg + var(--facette)),transparent 48%,
             var(--bronze) 48%,var(--bronze) 52%,transparent 52%)}
.mvml-btn:hover{background:var(--bronze);color:var(--blanc)}
.mvml-btn:hover::after{background:linear-gradient(calc(90deg + var(--facette)),transparent 45%,
             var(--or) 45%,var(--or) 55%,transparent 55%)}
.mvml-btn:focus-visible{outline:2px solid var(--laiton);outline-offset:3px}
.mvml-btn--plein{background:var(--bronze);color:var(--blanc)}
.mvml-btn--plein:hover{background:var(--encre);border-color:var(--encre)}
.mvml-btn--vert{border-color:var(--emeraude);color:var(--emeraude);background:rgba(11,92,72,.07)}
.mvml-btn--vert:hover{background:var(--emeraude);color:var(--blanc)}
.mvml-btn[disabled],.mvml-btn.is-off{border-color:var(--papier-h);color:var(--perle);
  opacity:.65;cursor:not-allowed;background:none}
.mvml-section--velours .mvml-btn{border-color:var(--laiton);color:var(--or)}
.mvml-section--velours .mvml-btn:hover{background:var(--laiton);color:var(--velours)}
.mvml-section--velours .mvml-btn--plein{background:var(--laiton);color:var(--velours)}
.mvml-section--velours .mvml-btn--plein:hover{background:var(--or)}

/* ── les puces : le disque en petit ────────────────────────────────────── */
.mvml-puces{list-style:none;margin:0 0 1.3em;padding:0;display:block}
.mvml-puces li+li{margin-top:11px}
/* Surtout PAS de grid sur le <li> : chaque nœud de texte y devient un élément de grille,
   et le texte se casse caractère par caractère dès qu'il y a un <strong> (constaté le 10/09).
   Un padding et un ::before en absolu gardent le flux en ligne. */
.mvml-puces li{position:relative;padding-left:27px;display:block}
.mvml-puces li::before{content:"";position:absolute;left:0;top:.5em;width:11px;height:11px;
  border:1px solid var(--metal-texte);transform:rotate(45deg);
  background:linear-gradient(135deg,var(--metal-trait) 50%,transparent 50%)}

/* ── l'ambiance : le feu ───────────────────────────────────────────────── */
@media (prefers-reduced-motion:no-preference){
  /* la facette qui tourne, à l'entrée dans le champ */
  @supports (animation-timeline:view()){
    .mvml-anim{animation:mvml-monte linear both;animation-timeline:view();animation-range:entry 8% cover 26%}
    /* La montée ne touche PLUS à l'opacité : un bloc hors écran restait à
       opacity:0 — invisible sur une capture, une impression, un aperçu de
       partage, et sur tout navigateur qui n'anime pas au défilement.
       Le mouvement suffit à faire la révélation. */
    @keyframes mvml-monte{from{transform:translateY(18px)}to{transform:none}}
    .mvml-disque.mvml-tourne{animation:mvml-tourne linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
    @keyframes mvml-tourne{from{transform:rotate(-16deg)}to{transform:rotate(6deg)}}
  }
  .mvml-eclat{animation:mvml-feu 6s ease-in-out infinite}
  @keyframes mvml-feu{0%,100%{opacity:.34}50%{opacity:.72}}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ══════════════════════════════════════════════════════════════════════════
   L'UNIVERS SUR TOUS LES GABARITS
   ══════════════════════════════════════════════════════════════════════════ */

/* le rail de logements sous l'en-tête */
.mvml-rail{background:var(--papier);border-bottom:1px solid var(--papier-o)}
.mvml-rail .mvml-frise{height:12px;opacity:.75}

/* le sur-titre : un filet gravé, puis le mot */
.mvml-sur{font-family:var(--t-corps);font-size:11px;font-weight:400;letter-spacing:.34em;
  text-transform:uppercase;color:var(--metal-texte);display:flex;align-items:center;gap:12px;margin:0 0 .8em}
.mvml-sur::before{content:"";width:30px;height:1px;background:currentColor;flex:none;opacity:.8}

/* ── LE TIROIR : le bandeau d'archive ──────────────────────────────────── */
.mvml-tiroir{position:relative;padding-block:clamp(38px,5vw,64px) clamp(34px,4.6vw,54px);
  margin-bottom:clamp(28px,4vw,48px);overflow:hidden}
.mvml-tiroir__lg{position:absolute;left:0;right:0;top:0;opacity:.85;pointer-events:none}
.mvml-tiroir__in{position:relative;padding-top:16px}
.mvml-tiroir__t{margin:.1em 0 .25em;font-size:clamp(28px,4vw,44px)}
.mvml-tiroir__s{max-width:62ch;color:var(--sur-fond-2);font-size:16px;margin:0}

/* ── LE FIL D'ARIANE : des sertis reliés ───────────────────────────────── */
.mvml-ariane{margin:22px 0 6px}
.mvml-ariane ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  align-items:center;gap:11px;font-size:13px}
.mvml-ariane a{color:var(--sur-fond-2);text-decoration:none}
.mvml-ariane a:hover{color:var(--metal-texte)}
.mvml-ariane [aria-current]{color:var(--metal-texte)}
.mvml-ariane__sp{width:8px;height:8px;border:1px solid var(--metal-trait);transform:rotate(45deg);flex:none}

/* ── LES CARTES ────────────────────────────────────────────────────────── */
.mvml-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));
  gap:clamp(14px,2vw,20px);align-items:start;margin-block:clamp(20px,3vw,34px)}
.mvml-grille--2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.mvml-carte{background:var(--blanc);display:flex;flex-direction:column;position:relative;
  box-shadow:0 0 0 1px var(--papier-o),0 1px 2px rgba(26,23,32,.045);
  transition:box-shadow .3s,transform .3s}
.mvml-carte:hover{box-shadow:0 0 0 1px var(--metal-trait),0 8px 22px rgba(26,23,32,.09);transform:translateY(-2px)}
.mvml-carte__vis{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--velours)}
.mvml-carte__vis img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s cubic-bezier(.2,.7,.3,1);filter:saturate(.94)}
.mvml-carte:hover .mvml-carte__vis img{transform:scale(1.045)}
.mvml-carte__med{padding:22px 20px 0}
.mvml-carte__in{padding:17px 19px 19px;display:flex;flex-direction:column;gap:9px;flex:1}
.mvml-carte--nue .mvml-carte__in{padding-top:20px}
.mvml-kick{font-size:10px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--metal-texte);margin:0}
.mvml-carte__t{font-size:18.5px;line-height:1.3;margin:0}
.mvml-carte__t a{color:var(--sur-fond);text-decoration:none}
.mvml-carte__t a:hover{color:var(--metal-texte)}
.mvml-carte__x{margin:0;font-size:14px;color:var(--sur-fond-2)}
.mvml-carte__p{margin:auto 0 0;padding-top:13px;display:flex;align-items:center;gap:9px;
  font-size:12px;color:var(--sur-fond-2);border-top:1px solid var(--papier-o)}
.mvml-carte__min{margin-left:auto;font-variant-numeric:tabular-nums}
.mvml-section--velours .mvml-carte{background:var(--velours-h);box-shadow:0 0 0 1px rgba(227,199,126,.2)}
.mvml-section--velours .mvml-carte__p{border-color:rgba(227,199,126,.18)}

/* ── LA PAGINATION : la rangée de logements ────────────────────────────── */
.mvml-pagination{display:flex;justify-content:center;margin-block:clamp(30px,4vw,50px)}
.mvml-pagination .nav-links{display:flex;align-items:center;gap:2px;position:relative;
  padding:9px 12px;background:var(--papier-o);box-shadow:inset 0 1px 0 rgba(26,23,32,.07),0 1px 0 #fff}
.mvml-pagination .page-numbers{min-width:38px;height:38px;display:grid;place-items:center;
  font-size:14px;font-variant-numeric:tabular-nums;color:var(--sur-fond-2);text-decoration:none;
  border:1px solid transparent;transition:color .25s,border-color .25s,background .25s}
.mvml-pagination a.page-numbers:hover{color:var(--metal-texte);border-color:var(--metal-trait)}
.mvml-pagination .page-numbers.current{background:var(--velours);color:var(--or);
  border-color:var(--velours);position:relative}
.mvml-pagination .page-numbers.current::after{content:"";position:absolute;inset:4px;
  border:1px solid var(--laiton);opacity:.55;pointer-events:none;
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}
.mvml-pagination .dots{border:0}

/* ── LA SIGNATURE : le portrait serti ──────────────────────────────────── */
.mvml-sig{display:flex;gap:20px;align-items:center;margin:clamp(28px,4vw,46px) 0 0;
  padding:22px;background:var(--blanc);box-shadow:0 0 0 1px var(--papier-o)}
.mvml-sig--long{align-items:flex-start}
.mvml-sig__med{position:relative;width:132px;flex:none}
.mvml-sig__cr{position:absolute;inset:0;width:132px;height:132px;transition:transform .8s cubic-bezier(.2,.7,.3,1)}
.mvml-sig:hover .mvml-sig__cr{transform:rotate(26deg)}
.mvml-sig__img{width:96px!important;height:96px!important;border-radius:50%;object-fit:cover;
  display:block;margin:18px auto 0;position:relative;filter:saturate(.8) contrast(1.04)}
.mvml-sig__n{font-family:var(--t-titre);font-size:20px;margin:0 0 .3em}
.mvml-sig__n a{color:var(--sur-fond);text-decoration:none}
.mvml-sig__n a:hover{color:var(--metal-texte)}
.mvml-sig__b{margin:0;font-size:14.5px;color:var(--sur-fond-2);max-width:64ch}
@media(max-width:600px){.mvml-sig{flex-direction:column;text-align:center}
  .mvml-sig__med{margin-inline:auto}.mvml-sur{justify-content:center}}

/* ── LE PIED DE PAGE ───────────────────────────────────────────────────── */
.mvml-frise-pied{background:var(--velours);padding-top:6px}
.mvml-frise-pied .mvml-lg-fond{fill:#0F0D14;stroke:var(--laiton);stroke-opacity:.5}
.mvml-frise-pied .mvml-lg-ombre{stroke:#000;opacity:.6}
.mvml-frise-pied .mvml-lg-jour{stroke:var(--laiton);opacity:.3}
.site-footer,.site-info{background:var(--velours);color:rgba(246,244,239,.72)}

/* ── LA 404 : la caustique, une seule fois ─────────────────────────────── */
.mvml-404{position:relative;overflow:hidden}
.mvml-404::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(38% 60% at 22% 46%,rgba(227,199,126,.24),transparent 68%)}
.mvml-404__in{position:relative;display:grid;grid-template-columns:240px 1fr;gap:clamp(26px,5vw,60px);
  align-items:center}
.mvml-404__d{position:relative}
.mvml-404__disque{filter:drop-shadow(26px 14px 34px rgba(227,199,126,.28))}
.mvml-404__x{max-width:48ch;color:rgba(246,244,239,.76)}
.mvml-404__b{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
@media(max-width:760px){.mvml-404__in{grid-template-columns:1fr}.mvml-404__d{max-width:180px}}

/* repli sans animation-timeline */
.mvml-anim.is-vu{animation:mvml-monte .6s cubic-bezier(.2,.7,.3,1) both}

/* ══════════════════════════════════════════════════════════════════════════
   LES INSTRUMENTS
   Le velours n'est pas un fond : c'est un signal. Quand la surface passe au
   sombre, on est passé du texte au calcul.
   ══════════════════════════════════════════════════════════════════════════ */
.mvml-outil{background:var(--blanc);padding:clamp(22px,3vw,32px);margin-block:clamp(26px,4vw,42px);
  box-shadow:0 0 0 1px var(--papier-o);position:relative}
.mvml-outil--pro{background:var(--velours);box-shadow:none}
.mvml-outil__badge{position:absolute;top:0;left:0;margin:0;background:var(--velours);color:var(--or);
  font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;padding:6px 13px;
  display:flex;align-items:center;gap:7px;z-index:2}
.mvml-outil--pro .mvml-outil__badge{background:var(--laiton);color:var(--velours)}
.mvml-outil__tete{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}
.mvml-outil--pro .mvml-outil__tete{padding-top:16px}
.mvml-outil__med{flex:none}
.mvml-outil__t{font-size:clamp(21px,2.4vw,28px);margin:0 0 .18em}
.mvml-outil__s{margin:0;color:var(--sur-fond-2);font-size:15px;max-width:56ch}
.mvml-outil__note{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--papier-o);
  font-size:12.5px;color:var(--sur-fond-2);max-width:74ch}
.mvml-outil--pro .mvml-outil__note{border-color:rgba(227,199,126,.18)}

/* les champs : l'étiquette gravée, le trait de laiton au focus */
.mvml-rangee{display:grid;gap:14px;margin-bottom:16px}
.mvml-rangee--2{grid-template-columns:repeat(2,1fr)}
.mvml-rangee--3{grid-template-columns:repeat(3,1fr)}
.mvml-rangee--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:640px){.mvml-rangee--3,.mvml-rangee--4{grid-template-columns:repeat(2,1fr)}}
.mvml-champ{display:block;position:relative}
.mvml-champ>span{display:block;margin-bottom:5px}
.mvml-champ>span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--metal-texte)}
.mvml-champ input,.mvml-champ select{font-family:var(--t-corps);font-weight:400;font-size:16px;
  font-variant-numeric:tabular-nums;background:var(--papier);border:0;
  border-bottom:1px solid var(--papier-h);color:var(--sur-fond);padding:9px 10px;width:100%;
  border-radius:0;transition:border-color .25s,box-shadow .25s}
.mvml-champ input:focus,.mvml-champ select:focus{outline:0;border-bottom-color:var(--metal-trait);
  box-shadow:0 1px 0 var(--metal-trait)}
.mvml-champ__u{position:absolute;right:10px;bottom:10px;font-style:normal;font-size:12px;
  color:var(--sur-fond-2);pointer-events:none}
.mvml-outil--pro .mvml-champ input,.mvml-outil--pro .mvml-champ select{background:rgba(0,0,0,.3);
  color:var(--papier);border-bottom-color:rgba(227,199,126,.34)}
.mvml-champ--rail{margin-block:18px}
input[type=range]{width:100%;accent-color:var(--metal-trait);background:transparent}

/* les sorties : le résultat gravé */
.mvml-sortie{margin-top:18px;padding:15px 18px;background:var(--papier);
  box-shadow:inset 2px 0 0 var(--metal-texte);font-size:14.5px;transition:filter .45s}
.mvml-sortie[hidden]{display:none}
.mvml-sortie b{color:var(--metal-texte);font-weight:400}
.mvml-sortie--metal{box-shadow:inset 2px 0 0 var(--metal-trait)}
.mvml-sortie--gros{display:grid;gap:3px}
.mvml-sortie--gros b{font-family:var(--t-titre);font-size:clamp(26px,3vw,34px);
  font-variant-numeric:tabular-nums;line-height:1.1}
.mvml-sortie--gros i,.mvml-sortie i{font-style:normal;font-size:12.5px;color:var(--sur-fond-2);display:block}
.mvml-outil--pro .mvml-sortie{background:rgba(0,0,0,.26);box-shadow:inset 2px 0 0 var(--laiton)}
.est-bon{color:var(--emeraude)!important} .est-limite{color:var(--metal-texte)!important}
.est-mauvais{color:var(--grenat)!important}
.mvml-outil--pro .est-bon{color:#7FD8BC!important} .mvml-outil--pro .est-mauvais{color:#E8837F!important}
.mvml-formule{margin:12px 0 0;font-size:12.5px;color:var(--sur-fond-2);letter-spacing:.03em}
.mvml-net{animation:mvml-net .45s cubic-bezier(.2,.7,.3,1)}
@keyframes mvml-net{from{filter:blur(4px);opacity:.45}to{filter:none;opacity:1}}

/* ── LE COFFRET ────────────────────────────────────────────────────────── */
.mvml-coffret{display:grid;grid-template-columns:1fr 320px;gap:clamp(20px,3vw,34px);align-items:start}
@media(max-width:900px){.mvml-coffret{grid-template-columns:1fr}}
.mvml-groupe+.mvml-groupe{margin-top:22px}
.mvml-groupe__t{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--metal-texte);
  margin:0 0 9px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.mvml-groupe__t i{font-style:normal;color:var(--sur-fond-2);letter-spacing:.03em;
  text-transform:none;font-size:12.5px;text-align:right}
.mvml-plateau{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--papier-o)}
@media(max-width:520px){.mvml-plateau{grid-template-columns:repeat(2,1fr)}}
.mvml-dsq{background:var(--papier);border:0;padding:15px 8px 12px;cursor:pointer;font:inherit;
  color:var(--sur-fond-2);display:grid;justify-items:center;gap:7px;transition:background .3s,color .3s}
.mvml-dsq__ic{width:42px;height:42px;stroke:var(--bronze);opacity:.5;
  transition:opacity .3s,transform .5s cubic-bezier(.2,.7,.3,1),stroke .3s}
.mvml-dsq b{font-family:var(--t-titre);font-size:15px;color:var(--sur-fond);font-weight:400}
.mvml-dsq span{font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.mvml-dsq[aria-pressed=true]{background:var(--velours)}
.mvml-dsq[aria-pressed=true] b{color:var(--papier)}
.mvml-dsq[aria-pressed=true] span{color:var(--laiton)}
.mvml-dsq[aria-pressed=true] .mvml-dsq__ic{opacity:1;stroke:var(--or);transform:rotate(15deg)}
.mvml-dsq:focus-visible{outline:2px solid var(--metal-trait);outline-offset:-2px}
.mvml-echelle{display:flex;justify-content:space-between;margin:2px 0 0;font-size:10.5px;
  color:var(--sur-fond-2);font-variant-numeric:tabular-nums}

.mvml-monture-essai{background:var(--velours);color:var(--papier);padding:26px 24px 22px;text-align:center;
  transition:filter .45s}
.mvml-monture-essai .mvml-sur{justify-content:center;color:var(--laiton)}
.mvml-monture-essai .mvml-sur::before{display:none}
.mvml-chiffre{font-family:var(--t-titre);font-size:clamp(48px,7vw,66px);line-height:1;color:var(--papier);
  font-variant-numeric:tabular-nums;margin:8px 0 4px}
.mvml-chiffre sup{font-size:.38em;color:var(--or);vertical-align:super;margin-left:.1em}
.mvml-monture-essai__x{font-size:12.5px;color:rgba(246,244,239,.6);margin:0}
.mvml-lignes{margin:16px 0 0;display:grid}
.mvml-lignes div{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:7px 0;
  border-top:1px solid rgba(227,199,126,.16)}
.mvml-lignes dt{color:rgba(246,244,239,.72)}
.mvml-lignes dd{margin:0;color:var(--papier);font-variant-numeric:tabular-nums}
.mvml-rc{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 0;
  padding:12px 15px;background:rgba(11,92,72,.34);border-left:2px solid var(--emeraude);
  font-size:13px;color:rgba(246,244,239,.86);text-align:left}
.mvml-rc b{color:var(--or);font-weight:400;font-variant-numeric:tabular-nums;font-size:19px;
  font-family:var(--t-titre)}
.mvml-rc b.est-nul{color:#7FD8BC!important}
.mvml-rc--gros{margin-top:20px;padding:18px 20px}
.mvml-rc--gros b{font-size:30px}
.mvml-monture-essai__lien{margin:18px 0 0}
.mvml-monture-essai__lien .mvml-btn{width:100%;justify-content:center}

/* ── LE BANC OPTIQUE ───────────────────────────────────────────────────── */
.mvml-ordo__l{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:end;margin-bottom:12px}
.mvml-ordo__l>b{font-family:var(--t-titre);font-size:17px;color:var(--metal-texte);font-weight:400;padding-bottom:9px}
.mvml-ordo__banc{display:grid;gap:10px;margin-top:8px}
.mvml-banc,.mvml-eventail{width:100%;height:auto;display:block;background:var(--papier)}
.mvml-banc__axe{stroke:var(--metal-trait);stroke-width:.8;opacity:.5;stroke-dasharray:3 4}
.mvml-banc__oeil{fill:none;stroke:var(--metal-texte);stroke-width:1.5}
.mvml-banc__verre{fill:rgba(185,143,53,.16);stroke:var(--metal-texte);stroke-width:1.5;transition:all .4s}
.mvml-banc__rayons{fill:none;stroke:var(--metal-trait);stroke-width:1;opacity:.8}
.mvml-banc__foyer{stroke:var(--metal-trait);stroke-width:2.4;transition:all .4s}
.mvml-banc__lab{fill:var(--sur-fond-2);font-size:9px;letter-spacing:1.4px;font-family:var(--t-corps)}
.mvml-banc__f{fill:var(--metal-texte);font-size:9px;letter-spacing:1.4px;font-family:var(--t-corps)}
.mvml-ev__b{stroke:var(--metal-texte);stroke-width:1.1;opacity:.32}
.mvml-ev__axe{stroke:var(--grenat);stroke-width:3;stroke-linecap:round;transition:transform .4s}
.mvml-ev__lab{fill:var(--sur-fond-2);font-size:9px;letter-spacing:1.4px;font-family:var(--t-corps)}

/* ── LA TRANCHE ────────────────────────────────────────────────────────── */
.mvml-coupe{width:100%;height:auto;display:block;background:var(--papier);margin-top:10px}
.mvml-coupe__axe{stroke:var(--metal-trait);stroke-width:.7;opacity:.35;stroke-dasharray:3 4}
.mvml-coupe__v{fill:rgba(185,143,53,.15);stroke:var(--metal-texte);stroke-width:1.6;transition:d .35s}
.mvml-coupe__cotes line{stroke:var(--metal-trait);stroke-width:1.2}
.mvml-coupe__cotes text{fill:var(--metal-texte);font-size:11px;font-family:var(--t-corps);
  font-variant-numeric:tabular-nums}
.mvml-coupe__ech{fill:var(--sur-fond-2);font-size:9.5px;letter-spacing:1.2px;font-family:var(--t-corps)}
.mvml-cotes3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--papier-o);margin-top:16px}
.mvml-cotes3--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:560px){.mvml-cotes3{grid-template-columns:1fr}}
.mvml-cotes3 div{background:var(--papier);padding:15px 16px;display:grid;gap:3px}
.mvml-cotes3 span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--metal-texte)}
.mvml-cotes3 b{font-family:var(--t-titre);font-size:26px;font-weight:400;
  font-variant-numeric:tabular-nums;color:var(--sur-fond)}
.mvml-outil--pro .mvml-cotes3{background:rgba(227,199,126,.2)}
.mvml-outil--pro .mvml-cotes3 div{background:var(--velours-h)}

/* ── L'ÉCART PUPILLAIRE ────────────────────────────────────────────────── */
.mvml-visage{width:100%;height:auto;display:block;background:var(--papier)}
.mvml-visage__f{fill:var(--papier-o);stroke:var(--metal-texte);stroke-width:1.2;stroke-opacity:.5}
.mvml-visage__oeil{fill:var(--blanc);stroke:var(--sur-fond);stroke-width:1.4}
.mvml-visage__mes{stroke:var(--grenat);stroke-width:1.6;stroke-dasharray:5 4}
.mvml-visage__carte{fill:var(--velours);stroke:var(--metal-trait);stroke-width:1.2}
.mvml-visage__lab{fill:var(--or);font-size:10px;letter-spacing:1.6px;font-family:var(--t-corps)}

/* ── LE RESTE À CHARGE ─────────────────────────────────────────────────── */
.mvml-cascade{margin-top:18px;display:grid;gap:1px;background:var(--papier-o)}
.mvml-casc__l{background:var(--papier);display:flex;justify-content:space-between;gap:14px;
  padding:11px 15px;font-size:14px}
.mvml-casc__l b{font-weight:400;font-variant-numeric:tabular-nums}
.mvml-casc__l.est-moins b{color:var(--emeraude)}
.mvml-casc__l--tot{background:var(--papier-o)}
.mvml-casc__l--tot b{font-family:var(--t-titre);font-size:18px}

/* ── LA COTATION BOXING ────────────────────────────────────────────────── */
.mvml-boite{width:100%;height:auto;display:block;background:rgba(0,0,0,.24);margin-top:8px}
.mvml-boite__r{fill:none;stroke:var(--laiton);stroke-width:1.2;stroke-dasharray:4 3;opacity:.7}
.mvml-boite__c{fill:rgba(227,199,126,.1);stroke:var(--or);stroke-width:1.6}
.mvml-boite__cote,.mvml-boite__pup{stroke:var(--or);stroke-width:1.4}
.mvml-boite__pup{stroke:#E8837F;stroke-dasharray:5 4}
.mvml-boite__lab,.mvml-boite__lab2{fill:var(--laiton);font-size:10px;letter-spacing:1.3px;
  font-family:var(--t-corps)}
.mvml-boite__lab2{fill:#E8837F}

/* ══════════════════════════════════════════════════════════════════════════
   LA HOME
   ══════════════════════════════════════════════════════════════════════════ */
.mvml-hero{position:relative;background:var(--blanc);overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--papier-o)}
.mvml-hero__fond{position:absolute;inset:0;background-size:cover;background-position:64% 42%;
  clip-path:polygon(54% 0,100% 0,100% 100%,38% 100%)}
.mvml-hero__voile{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(96deg,var(--blanc) 32%,rgba(255,253,250,.92) 44%,
             rgba(255,253,250,.14) 64%,transparent)}
.mvml-hero__in{position:relative;z-index:2;padding-block:clamp(40px,5.4vw,68px) clamp(38px,5vw,62px)}
.mvml-hero h1{max-width:15ch;margin:.32em 0 .3em}
.mvml-hero__x{max-width:46ch;font-size:17.5px;color:color-mix(in srgb,var(--encre) 82%,var(--papier))}
.mvml-hero .mvml-outil{background:none;box-shadow:none;padding:0;margin:34px 0 0}
.mvml-hero .mvml-outil__tete,.mvml-hero .mvml-outil__note{display:none}
@media(max-width:900px){.mvml-hero__fond{clip-path:none;opacity:.16}
  .mvml-hero__voile{background:linear-gradient(rgba(255,253,250,.7),rgba(255,253,250,.94))}}

/* le duo texte / visuel — l'alternance qui évite la trame répétée */
.mvml-duo{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,52px);align-items:center}
.mvml-duo--inv{grid-template-columns:.85fr 1.15fr}
@media(max-width:880px){.mvml-duo,.mvml-duo--inv{grid-template-columns:1fr}
  .mvml-duo--inv .mvml-duo__v{order:2}}
.mvml-duo__t h2{margin-bottom:.5em}
.mvml-duo__t p{max-width:58ch}
.mvml-duo__v{margin:0;position:relative}
.mvml-duo__v img{display:block;width:100%;height:auto}
.mvml-duo__v figcaption{margin-top:10px;font-size:12.5px;color:var(--sur-fond-2);max-width:44ch}
.mvml-section--velours .mvml-duo__v figcaption{color:rgba(246,244,239,.6)}

/* les verriers */
.mvml-verrier{display:grid;justify-items:center;gap:8px;background:var(--blanc);padding:22px 14px 18px;
  text-decoration:none;box-shadow:0 0 0 1px var(--papier-o);transition:box-shadow .3s,transform .3s}
.mvml-verrier:hover{box-shadow:0 0 0 1px var(--metal-trait),0 8px 20px rgba(26,23,32,.08);transform:translateY(-2px)}
.mvml-verrier__ic{width:46px;height:46px}
.mvml-verrier b{font-family:var(--t-titre);font-size:19px;font-weight:400;color:var(--sur-fond)}
.mvml-verrier span{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--sur-fond-2)}

/* les rubriques */
.mvml-rub{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;background:var(--blanc);
  padding:20px;text-decoration:none;box-shadow:0 0 0 1px var(--papier-o);transition:box-shadow .3s}
.mvml-rub:hover{box-shadow:0 0 0 1px var(--metal-trait)}
.mvml-rub__ic .mvml-md{width:56px;height:56px}
.mvml-rub__t b{display:block;font-family:var(--t-titre);font-size:20px;font-weight:400;
  color:var(--sur-fond);margin-bottom:.25em}
.mvml-rub__t i{font-style:normal;font-size:14px;color:var(--sur-fond-2);line-height:1.55}

/* l'espace pro sur la home */
.mvml-pro .mvml-outil{margin:0}
.mvml-pro .mvml-outil--pro{background:rgba(0,0,0,.24);box-shadow:inset 0 0 0 1px rgba(227,199,126,.2)}

/* l'offre */
.mvml-offre{display:grid;grid-template-columns:190px 1fr;gap:clamp(22px,4vw,46px);align-items:center;
  background:var(--papier);padding:clamp(24px,3.4vw,40px);box-shadow:0 0 0 1px var(--papier-o)}
@media(max-width:760px){.mvml-offre{grid-template-columns:1fr}.mvml-offre__d{max-width:150px}}
.mvml-offre__p{display:flex;align-items:baseline;gap:12px;margin:20px 0}
.mvml-offre__p b{font-family:var(--t-titre);font-size:44px;font-weight:400;color:var(--metal-texte);
  font-variant-numeric:tabular-nums}
.mvml-offre__p span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sur-fond-2)}
.mvml-apres{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}

/* ══════════════════════════════════════════════════════════════════════════
   LES GABARITS DE PAGE
   ══════════════════════════════════════════════════════════════════════════ */
.mvml-page-pilier .entry-header,.mvml-page-pilier .page-header-content{display:none}
.mvml-page-pilier .entry-content{margin-top:0}

.mvml-pilier{position:relative;background:var(--velours);color:var(--papier);overflow:hidden;
  margin-bottom:clamp(30px,4vw,52px)}
.mvml-pilier__fond{position:absolute;inset:0;background-size:cover;background-position:62% 44%;
  clip-path:polygon(50% 0,100% 0,100% 100%,34% 100%)}
.mvml-pilier__voile{position:absolute;inset:0;
  background:linear-gradient(96deg,var(--velours) 30%,rgba(34,29,42,.9) 44%,rgba(34,29,42,.36) 66%,transparent)}
.mvml-pilier__in{position:relative;z-index:2;padding-block:clamp(38px,5vw,66px)}
.mvml-pilier .mvml-sur{color:var(--laiton)}
.mvml-pilier__t{color:var(--papier);max-width:17ch;margin:.3em 0 .32em}
.mvml-pilier__x{max-width:50ch;color:rgba(246,244,239,.8);font-size:17.5px;margin:0}
.mvml-pilier__b{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 0}
.mvml-pilier__b .mvml-btn{border-color:var(--laiton);color:var(--or)}
.mvml-pilier__b .mvml-btn--plein{background:var(--laiton);color:var(--velours)}
.mvml-pilier__b .mvml-btn:hover{background:var(--or);color:var(--velours);border-color:var(--or)}
@media(max-width:880px){.mvml-pilier__fond{clip-path:none;opacity:.24}
  .mvml-pilier__voile{background:linear-gradient(rgba(34,29,42,.72),rgba(34,29,42,.94))}}

/* le sommaire : un rail de logements */
.mvml-sommaire{margin:0 0 clamp(24px,3vw,38px);padding:16px 18px;background:var(--papier-o);
  display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;
  box-shadow:inset 0 1px 0 rgba(26,23,32,.07),0 1px 0 #fff}
.mvml-sommaire a{font-size:13.5px;color:var(--sur-fond);text-decoration:none;position:relative;
  padding-left:18px}
.mvml-sommaire a::before{content:"";position:absolute;left:0;top:.42em;width:9px;height:9px;
  border:1px solid var(--metal-texte);transform:rotate(45deg);transition:background .25s}
.mvml-sommaire a:hover{color:var(--metal-texte)}
.mvml-sommaire a:hover::before{background:var(--metal-trait)}

/* l'intercalaire */
.mvml-inter{margin-block:clamp(30px,4vw,48px)}
.mvml-inter__p{margin:14px auto 0;max-width:60ch;text-align:center;font-family:var(--t-titre);
  font-size:clamp(19px,2.2vw,24px);line-height:1.4;color:var(--sur-fond)}

/* l'encadré */
.mvml-encadre{display:grid;grid-template-columns:66px 1fr;gap:18px;align-items:start;
  background:var(--blanc);padding:22px 24px;margin-block:clamp(22px,3vw,34px);
  box-shadow:0 0 0 1px var(--papier-o)}
.mvml-encadre--velours{background:var(--velours);color:var(--papier)}
.mvml-encadre--velours .mvml-sur{color:var(--laiton)}
.mvml-encadre--velours .mvml-md{stroke:var(--laiton)}
.mvml-encadre--alerte{box-shadow:0 0 0 1px var(--papier-o),inset 3px 0 0 var(--grenat)}
.mvml-encadre p:last-child{margin-bottom:0}
.mvml-encadre__ic .mvml-md{width:58px;height:58px}
@media(max-width:560px){.mvml-encadre{grid-template-columns:1fr}}

/* le chiffre gravé, et la bande de repères */
.mvml-repere{display:flex;align-items:baseline;gap:14px;margin-block:20px}
.mvml-repere b{font-family:var(--t-titre);font-size:clamp(38px,5vw,54px);font-weight:400;
  color:var(--metal-texte);font-variant-numeric:tabular-nums;line-height:1}
.mvml-repere b sup{font-size:.4em;margin-left:.08em}
.mvml-repere span{font-size:14px;color:var(--sur-fond-2);max-width:34ch}
.mvml-reperes{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;
  background:var(--papier-o);margin-block:clamp(24px,3vw,36px)}
.mvml-reperes div{background:var(--papier);padding:22px 20px;display:grid;gap:5px}
.mvml-reperes b{font-family:var(--t-titre);font-size:clamp(30px,3.6vw,40px);font-weight:400;
  color:var(--metal-texte);font-variant-numeric:tabular-nums;line-height:1}
.mvml-reperes span{font-size:12.5px;color:var(--sur-fond-2);line-height:1.45}
.mvml-section--velours .mvml-reperes{background:rgba(227,199,126,.2)}
.mvml-section--velours .mvml-reperes div{background:var(--velours-h)}

/* la passerelle entre les deux publics */
.mvml-passerelle{display:flex;align-items:center;gap:16px;background:var(--papier-o);
  padding:16px 20px;margin-block:26px;text-decoration:none;color:var(--sur-fond);
  transition:background .28s}
.mvml-passerelle:hover{background:var(--papier-h)}
.mvml-passerelle--pro{background:var(--velours);color:var(--papier)}
.mvml-passerelle--pro:hover{background:var(--velours-h);color:var(--papier)}
.mvml-passerelle .mvml-ic{width:22px;height:22px;color:var(--metal-texte)}
.mvml-passerelle--pro .mvml-ic{color:var(--or)}
.mvml-passerelle span{display:grid;gap:2px;flex:1}
.mvml-passerelle b{font-family:var(--t-titre);font-size:16px;font-weight:400}
.mvml-passerelle i{font-style:normal;font-size:13px;color:var(--sur-fond-2)}
.mvml-passerelle--pro i{color:rgba(246,244,239,.62)}

/* les tableaux chiffrés — le site en vit */
.mvml-table,.entry-content table{width:100%;border-collapse:collapse;font-size:14.5px;
  font-variant-numeric:tabular-nums;margin-block:clamp(20px,2.6vw,30px)}
.mvml-table th,.entry-content table th{font-family:var(--t-corps);font-weight:400;font-size:10.5px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--papier);text-align:left;
  padding:12px 14px;background:var(--velours);white-space:nowrap}
.mvml-table td,.entry-content table td{padding:11px 14px;border-top:1px solid var(--papier-o);
  vertical-align:top}
.mvml-table tbody tr:nth-child(2n){background:var(--blanc)}
.mvml-table tbody tr:hover{background:var(--papier-o)}
.mvml-table td:first-child{color:var(--sur-fond);font-weight:400}
.table-responsive,.mvml-tbl{overflow-x:auto;margin-block:clamp(20px,2.6vw,30px)}

/* les fiches en pied de page pilier */
.mvml-fiches{margin-top:clamp(30px,4vw,48px)}
.mvml-sommaire__t{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--metal-texte);
  margin-right:6px}

/* ══════════════════════════════════════════════════════════════════════════
   L'EN-TÊTE ET LA NAVIGATION
   ══════════════════════════════════════════════════════════════════════════ */
.site-header{background:var(--papier);border-bottom:1px solid var(--papier-o)}
.main-navigation{background:var(--papier)}
.main-navigation .main-nav ul li a{font-family:var(--t-corps);font-weight:400;font-size:13px;
  letter-spacing:.14em;text-transform:uppercase;position:relative}
/* l'entrée courante s'enfonce d'un cran, comme un disque dans son logement */
.main-navigation .main-nav ul li.current-menu-item>a,
.main-navigation .main-nav ul li.current-menu-ancestor>a{background:var(--velours);color:var(--or)}
.main-navigation .main-nav ul li.current-menu-item>a::after{content:"";position:absolute;
  top:0;left:50%;transform:translateX(-50%);width:26px;height:2px;background:var(--laiton)}
.main-navigation .main-nav ul ul{background:var(--blanc);box-shadow:0 10px 26px rgba(26,23,32,.1),
  0 0 0 1px var(--papier-o)}
.main-navigation .main-nav ul ul li a{text-transform:none;letter-spacing:.02em;font-size:14px}
.mvml-menu-cta{display:inline-flex;align-items:center;gap:9px;font-family:var(--t-corps);
  font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;background:var(--bronze);
  color:var(--blanc);padding:11px 19px;text-decoration:none;position:relative;
  transition:background .28s}
.mvml-menu-cta::after{content:"";position:absolute;top:0;right:0;width:14px;height:14px;
  background:linear-gradient(calc(90deg + var(--facette)),transparent 48%,var(--or) 48%,var(--or) 52%,transparent 52%)}
.mvml-menu-cta:hover{background:var(--encre);color:var(--blanc)}

/* la top bar : le velours du coffret */
.top-bar{background:var(--velours);color:rgba(246,244,239,.82);font-size:12.5px;letter-spacing:.03em}
.top-bar a{color:var(--or)}

/* le logo : une taille qui se voit */
/* GeneratePress sort le logo en .header-image ; sans largeur explicite il tombe à 40 px. */
.site-logo{flex:none}
.site-logo .header-image,.site-logo img,.custom-logo{width:min(320px,58vw)!important;
  max-width:none!important;height:auto!important}
@media(max-width:768px){.site-logo .header-image,.site-logo img{width:min(230px,64vw)!important}}
.site-header .inside-header{padding-block:20px;align-items:center;gap:clamp(16px,3vw,34px);flex-wrap:wrap}
.main-navigation .main-nav>ul{flex-wrap:wrap}
/* le bouton du menu ne doit pas se casser en trois lignes */
.mvml-menu-cta{white-space:nowrap}
/* la page de texte : la colonne de lecture */
.mvml-texte-page{max-width:var(--large)}
.mvml-texte-page>h2{margin-top:1.5em}
.mvml-texte-page>h2,.mvml-texte-page>h3,.mvml-texte-page>p,.mvml-texte-page>ul{max-width:74ch}
.mvml-texte-page>h2{position:relative;padding-top:.35em}
.mvml-texte-page>h2::before{content:"";position:absolute;top:0;left:0;width:44px;height:1px;
  background:var(--metal-trait)}
.mvml-tiroir__grille{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(20px,4vw,48px);align-items:end}
@media(max-width:820px){.mvml-tiroir__grille{grid-template-columns:1fr}}
.mvml-tiroir__c{margin:0;display:grid;gap:6px;padding-left:22px;border-left:1px solid var(--metal-trait)}
.mvml-tiroir__c b{font-family:var(--t-titre);font-size:clamp(30px,4vw,44px);font-weight:400;
  color:var(--metal-texte);font-variant-numeric:tabular-nums;line-height:1}
.mvml-tiroir__c span{font-size:13px;color:var(--sur-fond-2);line-height:1.45}
.mvml-archive-bas{background:var(--blanc);margin-top:clamp(30px,4vw,50px);padding-block:0 clamp(40px,5vw,64px)}
.mvml-archive-bas .mvml-frise{margin-bottom:clamp(26px,3vw,40px)}

/* la top bar du template prend var(--primary) : ici c'est le velours du coffret */
.ftb{background:var(--velours);color:rgba(246,244,239,.84)}
.ftb-item{color:rgba(246,244,239,.84)}
.ftb-cta{background:var(--laiton)!important;color:var(--velours)!important;font-weight:400;
  letter-spacing:.06em}
.ftb-cta:hover{background:var(--or)!important;color:var(--velours)!important}
.ftb-in{border-color:rgba(227,199,126,.2)}

/* l'en-tête : le logo à gauche, la nav au centre, le bouton toujours à droite */
.site-header .inside-header{display:flex;justify-content:space-between}
.site-header .inside-header>.main-navigation{flex:1 1 auto;min-width:0}
.site-header .inside-header .mvml-menu-cta{order:9;margin-left:auto}
@media(max-width:1180px){.main-navigation .main-nav>ul>li>a{padding-inline:10px;font-size:12px}}
@media(max-width:980px){.site-header .inside-header{justify-content:center}}

/* ══════════════════════════════════════════════════════════════════════════
   L'ANNUAIRE DES OPTICIENS
   ══════════════════════════════════════════════════════════════════════════ */
.mvml-annuaire__barre{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:end;margin-bottom:16px}
@media(max-width:700px){.mvml-annuaire__barre{grid-template-columns:1fr}}
.mvml-annuaire__filtres,.mvml-annuaire__ens{display:flex;flex-wrap:wrap;gap:1px;background:var(--papier-o);
  margin-bottom:12px}
.mvml-annuaire__ens:empty{display:none}
.mvml-cran{font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border:0;
  padding:10px 15px;cursor:pointer;background:var(--papier);color:var(--sur-fond-2);
  transition:background .25s,color .25s;position:relative}
.mvml-cran::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:1.6px;height:7px;background:var(--metal-trait);opacity:.5}
.mvml-cran[aria-pressed=true]{background:var(--velours);color:var(--or)}
.mvml-cran[aria-pressed=true]::before{height:12px;width:3px;background:var(--or);opacity:1}
.mvml-annuaire__corps{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;align-items:start}
@media(max-width:880px){.mvml-annuaire__corps{grid-template-columns:1fr}}
/* la carte dans son ouverture ronde graduée */
.mvml-carte-cadre{position:relative;padding:14px;background:var(--velours)}
.mvml-carte-cadre::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:500;
  box-shadow:inset 0 0 0 1px var(--laiton)}
#mvml-carte{height:min(62vh,480px);background:var(--papier-o)}
.leaflet-container{font-family:var(--t-corps);background:var(--papier-o)}
.leaflet-popup-content-wrapper{border-radius:0;background:var(--velours);color:var(--papier);
  box-shadow:0 8px 26px rgba(0,0,0,.4)}
.leaflet-popup-content{font-size:13px;margin:12px 14px}
.leaflet-popup-content b{color:var(--or);font-family:var(--t-titre);font-weight:400;font-size:15px}
.leaflet-popup-tip{background:var(--velours)}
.leaflet-control-zoom a{background:var(--velours);color:var(--or);border-color:rgba(227,199,126,.3)}
.leaflet-control-zoom a:hover{background:var(--velours-h);color:var(--papier)}
.leaflet-control-attribution{background:rgba(34,29,42,.82);color:rgba(246,244,239,.6);font-size:10px}
.leaflet-control-attribution a{color:var(--laiton)}
.mvml-annuaire__liste{display:grid;gap:1px;background:var(--papier-o);max-height:min(62vh,480px);overflow-y:auto}
.mvml-opt{background:var(--blanc);padding:13px 15px;display:grid;gap:3px;position:relative}
.mvml-opt b{font-family:var(--t-titre);font-size:16px;font-weight:400;color:var(--sur-fond)}
.mvml-opt__r{font-size:12px;color:var(--sur-fond-2);text-transform:capitalize}
.mvml-opt__a{font-size:12.5px;color:var(--sur-fond-2)}
.mvml-opt__d{position:absolute;top:13px;right:15px;font-size:12px;color:var(--metal-texte);
  font-variant-numeric:tabular-nums}
.mvml-opt__vide{background:var(--blanc);padding:22px;margin:0;color:var(--sur-fond-2);font-size:14px}
.mvml-annuaire__etat{margin:12px 0 0;font-size:13px;color:var(--sur-fond-2)}
.mvml-pin{background:none;border:0}

/* ══════════════════════════════════════════════════════════════════════════
   LE PIED DE PAGE — le coffret qu'on referme
   ══════════════════════════════════════════════════════════════════════════ */
.mvml-pied{background:var(--velours);color:rgba(246,244,239,.74);font-size:14.5px;
  --sur-fond:var(--papier);--sur-fond-2:rgba(246,244,239,.66);--metal-texte:var(--or);--metal-trait:var(--laiton)}
.mvml-pied a{color:rgba(246,244,239,.8);text-decoration:none}
.mvml-pied a:hover{color:var(--or)}
.mvml-pied__haut{display:grid;grid-template-columns:1.05fr 2fr;gap:clamp(28px,5vw,64px);
  padding-block:clamp(38px,5vw,60px) clamp(28px,4vw,44px)}
@media(max-width:900px){.mvml-pied__haut{grid-template-columns:1fr}}
.mvml-pied__logo{width:min(280px,72%);height:auto;margin-bottom:18px}
.mvml-pied__x{max-width:46ch;font-size:14px;line-height:1.7;margin:0 0 16px}
.mvml-pied__a{margin:0;font-size:13.5px;color:rgba(246,244,239,.6)}
.mvml-pied__a a{border-bottom:1px solid rgba(227,199,126,.4)}
.mvml-pied__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,34px)}
@media(max-width:620px){.mvml-pied__cols{grid-template-columns:1fr 1fr}}
.mvml-pied__t{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--laiton);
  margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(227,199,126,.22)}
.mvml-pied__c ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.mvml-pied__c li{position:relative;padding-left:15px;font-size:13.5px}
.mvml-pied__c li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;
  border:1px solid var(--laiton);transform:rotate(45deg);opacity:.7}
.mvml-pied__lettre{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,52px);align-items:center;
  padding-block:clamp(26px,3.4vw,38px);border-top:1px solid rgba(227,199,126,.18);
  border-bottom:1px solid rgba(227,199,126,.18)}
@media(max-width:820px){.mvml-pied__lettre{grid-template-columns:1fr}}
.mvml-pied__lx{margin:0;font-size:14px;max-width:52ch;color:rgba(246,244,239,.7)}
.mvml-pied__form input[type=email],.mvml-pied__form input[type=text]{background:rgba(0,0,0,.3);
  border:0;border-bottom:1px solid rgba(227,199,126,.4);color:var(--papier);padding:11px 12px;
  border-radius:0;width:100%}
.mvml-pied__form button,.mvml-pied__form input[type=submit]{background:var(--laiton);color:var(--velours);
  border:0;padding:12px 22px;font-family:var(--t-corps);font-size:12.5px;letter-spacing:.16em;
  text-transform:uppercase;cursor:pointer;border-radius:0}
.mvml-pied__form button:hover,.mvml-pied__form input[type=submit]:hover{background:var(--or)}
.mvml-pied__bas{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;
  align-items:center;padding-block:22px;font-size:12.5px;color:rgba(246,244,239,.56)}
.mvml-pied__bas b{color:var(--or);font-weight:400;font-variant-numeric:tabular-nums}
.mvml-pied__bas ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
/* le pied de GeneratePress s'efface : le nôtre le remplace */
.site-info{display:none}

/* ── LES PAGES OBLIGATOIRES : même papier, même frise, jamais une page nue ── */
.mvml-legal{padding-block:clamp(28px,4vw,48px) clamp(36px,5vw,60px)}
.mvml-legal__tete{max-width:70ch;margin-bottom:clamp(22px,3vw,34px);padding-bottom:22px;
  border-bottom:1px solid var(--papier-o)}
.mvml-legal__x{font-size:17px;color:var(--sur-fond-2);max-width:62ch;margin:.5em 0 .8em}
.mvml-legal__maj{margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--metal-texte)}
.mvml-legal h2,.mvml-legal h3,.mvml-legal p,.mvml-legal ul{max-width:74ch}
.mvml-legal h2{margin-top:1.6em;position:relative;padding-top:.35em}
.mvml-legal h2::before{content:"";position:absolute;top:0;left:0;width:44px;height:1px;background:var(--metal-trait)}
.mvml-legal__c{margin-top:clamp(30px,4vw,46px);padding:18px 20px;background:var(--papier-o);
  font-size:14.5px;max-width:70ch}

/* ── LA PAGE CONTACT ──────────────────────────────────────────────────── */
.mvml-contact{padding-block:clamp(28px,4vw,48px) clamp(36px,5vw,60px)}
.mvml-contact__tete{max-width:66ch;margin-bottom:clamp(24px,3vw,36px)}
.mvml-contact__x{font-size:17px;color:var(--sur-fond-2)}
.mvml-contact__grille{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(22px,4vw,46px);align-items:start}
@media(max-width:880px){.mvml-contact__grille{grid-template-columns:1fr}}
.mvml-contact__form{background:var(--blanc);padding:clamp(22px,3vw,32px);box-shadow:0 0 0 1px var(--papier-o)}
.mvml-f__l{display:grid;gap:6px;margin-bottom:16px;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--metal-texte)}
.mvml-f__i{font-family:var(--t-corps);font-weight:300;font-size:16px;background:var(--papier);
  border:0;border-bottom:1px solid var(--papier-h);color:var(--sur-fond);padding:11px 12px;
  width:100%;border-radius:0;text-transform:none;letter-spacing:0}
.mvml-f__i:focus{outline:0;border-bottom-color:var(--metal-trait);box-shadow:0 1px 0 var(--metal-trait)}
.mvml-f__rgpd{font-size:12.5px;color:var(--sur-fond-2);margin:14px 0 18px}
.mvml-f__h{font-size:14px;color:var(--sur-fond-2)}
.wpcf7-response-output{border:0!important;background:var(--papier-o);padding:14px 16px!important;
  margin:16px 0 0!important;font-size:14px}
.wpcf7-not-valid-tip{color:var(--grenat);font-size:12px;text-transform:none;letter-spacing:0}
.mvml-contact__aside{display:grid;gap:14px}
.mvml-contact__aside .mvml-encadre{margin:0}
.mvml-contact__coord{background:var(--velours);color:rgba(246,244,239,.76);padding:22px;
  --metal-texte:var(--or);font-size:14px}
.mvml-contact__coord p{margin:0 0 10px}
.mvml-contact__mail{font-size:12.5px;color:rgba(246,244,239,.58)}

/* ══════════════════════════════════════════════════════════════════════════
   LES TROIS APPELS — mis dans la direction artistique du site
   ══════════════════════════════════════════════════════════════════════════ */
/* le pop latéral : un tiroir du coffret qui coulisse en bas à gauche */
/* Le template redéclare ces variables SUR .fxol lui-même, et sa feuille passe après
   la nôtre : posées sur :root, les nôtres étaient ignorées et le tiroir restait blanc
   avec un texte clair — blanc sur blanc (signalé le 10/09). On les pose sur l'élément,
   avec l'id, pour être sûr de gagner. */
.fxol#fxol,aside.fxol{--fxol-bg:var(--velours);--fxol-fg:rgba(246,244,239,.82);
  --fxol-accent:var(--laiton);--fxol-accent-fg:var(--velours);--fxol-radius:0;--fxol-w:340px;
  background:var(--velours)!important;color:rgba(246,244,239,.82)!important}
.fxol{box-shadow:0 -2px 0 var(--laiton),0 18px 44px rgba(0,0,0,.4)!important;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.fxol-sur{font-size:10px!important;letter-spacing:.26em!important;text-transform:uppercase;
  color:var(--laiton)!important}
.fxol-t{font-family:var(--t-titre)!important;font-weight:400!important;color:var(--papier)!important;
  font-size:20px!important}
.fxol-p{color:rgba(246,244,239,.7)!important;font-size:13.5px!important}
.fxol-cta{background:var(--laiton)!important;color:var(--velours)!important;border-radius:0!important;
  font-family:var(--t-corps)!important;font-size:12px!important;letter-spacing:.14em!important;
  text-transform:uppercase}
.fxol-cta:hover{background:var(--or)!important}
.fxol-x{color:rgba(246,244,239,.5)!important}

/* le popup : une fiche gravée posée sur le velours */
.fxp-fc,[class^="fxp"] .fxp-h{border-radius:0!important}
.fxp-h{background:var(--velours)!important;color:var(--papier)!important;
  border-bottom:1px solid var(--laiton)}
.fxp-stat{color:var(--or)!important;font-family:var(--t-titre)!important;font-weight:400!important}
.fxp-fc{background:var(--papier)!important;
  box-shadow:0 26px 70px rgba(26,23,32,.42),0 0 0 1px var(--laiton)!important;
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}
.fxp-vf,.fxp-face{background:var(--blanc)!important;border:1px dashed var(--metal-trait)!important;
  border-radius:0!important;font-family:var(--t-titre)!important;color:var(--encre)!important}
.fxp-b button,.fxp-b .fxp-btn,.fxp-2 button{background:transparent!important;color:var(--bronze)!important;
  border:1px solid var(--bronze)!important;border-radius:0!important;
  font-family:var(--t-corps)!important;font-size:13px!important;letter-spacing:.14em!important;
  text-transform:uppercase;transition:background .25s,color .25s}
.fxp-b button:hover,.fxp-2 button:hover{background:var(--bronze)!important;color:var(--blanc)!important}
.fxp-mail input{border-radius:0!important;background:var(--papier)!important;
  border:0!important;border-bottom:1px solid var(--papier-h)!important}
.fxp-expl{color:var(--sur-fond-2)!important;font-size:14px!important}
.fxp-fine{color:var(--perle)!important;font-size:12px!important}
.fxp-stamp{color:var(--laiton)!important}
.fxp-x{color:var(--laiton)!important}

/* le chat : la bulle prend le velours et le laiton */
.fchat .fc-bulle,#fchat .fc-bulle,.fc-b{background:var(--velours)!important;color:var(--or)!important;
  box-shadow:0 10px 30px rgba(26,23,32,.34)!important}

/* le rail des verriers : on fait défiler, on ne quadrille pas */
.mvml-rail-verriers,.mvml-rail-fiches{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-block:4px 16px;margin-block:clamp(18px,3vw,28px) 0;scrollbar-width:thin}
.mvml-rail-verriers>*{flex:0 0 min(190px,58vw);scroll-snap-align:start}
.mvml-rail-fiches>*{flex:0 0 min(260px,74vw);scroll-snap-align:start}
.mvml-rail-verriers::-webkit-scrollbar,.mvml-rail-fiches::-webkit-scrollbar{height:6px}
.mvml-rail-verriers::-webkit-scrollbar-thumb,.mvml-rail-fiches::-webkit-scrollbar-thumb{background:var(--metal-trait)}

/* la phrase gravée : une bande qui ne ressemble à aucune autre section */
.mvml-grave-bande{background:var(--velours);position:relative;overflow:hidden;
  padding-block:clamp(40px,5vw,66px)}
.mvml-grave-bande::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(42% 70% at 16% 50%,rgba(227,199,126,.16),transparent 70%)}
.mvml-cite{margin:0;position:relative;max-width:62ch}
.mvml-cite p{font-family:var(--t-titre);font-size:clamp(20px,2.6vw,30px);line-height:1.42;
  color:var(--papier);margin:0 0 .7em}
.mvml-cite cite{font-style:normal;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--laiton);display:flex;align-items:center;gap:10px}
.mvml-cite cite .mvml-ic{width:18px;height:18px}
.mvml-cite__frise{margin-top:clamp(24px,3vw,36px);opacity:.7}
.mvml-cite__frise .mvml-lg-fond{fill:#15121B;stroke:var(--laiton)}
.mvml-cite__frise .mvml-lg-jour{stroke:var(--laiton);opacity:.3}

/* ── LES PARTIES D'UNE PAGE LONGUE ────────────────────────────────────── */
.mvml-part{padding-block:clamp(30px,3.6vw,48px)}
.mvml-part+.mvml-part{padding-top:clamp(26px,3vw,40px)}
.mvml-part>.mvml-texte-page>h2:first-child{margin-top:0}
.mvml-part--large>.mvml-texte-page{max-width:min(1180px,100%)}
.mvml-part--large .mvml-table{max-width:none}
.mvml-part__frise{margin-top:clamp(24px,3vw,36px);opacity:.8}
.mvml-part--large>.mvml-texte-page>h2,
.mvml-part--large>.mvml-texte-page>h3,
.mvml-part--large>.mvml-texte-page>p,
.mvml-part--large>.mvml-texte-page>ul{max-width:74ch}
/* une partie qui porte une photo : le texte et l'image côte à côte */
.mvml-part--duo{display:grid;align-items:center;max-width:none;margin-inline:0;padding-inline:0;
  column-gap:0;
  grid-template-columns:
    [bord-debut] minmax(var(--gouttiere),1fr)
    [contenu-debut] minmax(0,calc(var(--large) * .58))
    [milieu] minmax(220px,calc(var(--large) * .42))
    [contenu-fin] minmax(var(--gouttiere),1fr) [bord-fin]}
.mvml-part--duo>.mvml-texte-page{grid-column:contenu-debut/milieu;min-width:0;max-width:none;
  padding-inline:0 clamp(22px,3vw,46px)}
.mvml-part--duo>.mvml-part__fig{grid-column:milieu/contenu-fin;min-width:0}
.mvml-part--duo>.mvml-wrap:not(.mvml-texte-page),.mvml-part--duo>.mvml-part__cote{
  grid-column:contenu-debut/contenu-fin;max-width:none;margin-inline:0;padding-inline:0}
.mvml-part--duo:nth-of-type(even){direction:rtl}
.mvml-part--duo:nth-of-type(even)>*{direction:ltr}
.mvml-part__fig{margin:0}
.mvml-part__img{display:block;width:100%;height:auto}
@media(max-width:880px){
  .mvml-part--duo{grid-template-columns:[contenu-debut] 1fr [contenu-fin];
    padding-inline:var(--gouttiere)}
  .mvml-part--duo>*{grid-column:contenu-debut/contenu-fin!important}
  .mvml-part--duo>.mvml-texte-page{padding-inline:0}
}

/* rythme des parties : frise et cote traversent la grille du duo */
.mvml-part__frise,.mvml-part__cote{grid-column:1/-1}
.mvml-part__cote{margin-block:clamp(14px,1.8vw,22px) 0;font:400 .72rem/1.4 var(--t-corps);
  letter-spacing:.18em;text-transform:uppercase;color:var(--sur-fond-2)}
.mvml-part__cote span{opacity:.5;margin:0 .4em}

/* ── L'EN-TÊTE TIENT SUR UNE SEULE LIGNE (1400 · 1200 · 1024 · 420) ────────
   Le logo était à 320 px et la nav à onze entrées : l'ensemble passait à la
   ligne, et le bouton tombait sur une troisième. On serre, on interdit le
   retour à la ligne, et la nav se rétrécit avant tout le monde. */
@media(min-width:981px){
  .site-header .inside-header{flex-wrap:nowrap;gap:clamp(10px,1.6vw,22px);padding-block:12px}
  .site-logo .header-image,.site-logo img,.custom-logo{width:min(208px,17vw)!important}
  .site-header .inside-header>.main-navigation{flex:1 1 auto;min-width:0}
  .main-navigation .main-nav>ul{flex-wrap:nowrap}
  .main-navigation .main-nav>ul>li>a{padding-inline:clamp(6px,.66vw,10px);font-size:11.5px;
    letter-spacing:.04em;white-space:nowrap;line-height:44px}
  .main-navigation .main-nav{min-width:0}
  #primary-menu{min-width:0}
  .site-header .inside-header .mvml-menu-cta{flex:none;padding:10px 15px;font-size:11.5px;
    letter-spacing:.12em}
  .main-navigation .inside-navigation{padding-inline:0;display:flex;flex-wrap:nowrap;
    align-items:center;justify-content:flex-end;gap:16px}
  .main-navigation .menu-bar-items{display:flex;align-items:center}
  .site-header .inside-header .mvml-menu-cta{margin-left:6px}
  .site-logo .header-image,.site-logo img,.custom-logo{width:min(190px,15vw)!important}
}
@media(min-width:981px) and (max-width:1240px){
  .main-navigation .main-nav>ul>li>a{font-size:11px;letter-spacing:.06em}
  .site-logo .header-image,.site-logo img,.custom-logo{width:min(170px,15vw)!important}
}
/* en dessous : le logo et la poignée du tiroir, sur une ligne également */
@media(max-width:980px){
  .site-header .inside-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;
    padding-block:10px;gap:12px}
  .site-header .inside-header .mvml-menu-cta{display:none}
  .site-header .inside-header>.site-logo{order:1;flex:none}
  /* la poignée du tiroir et la loupe restent sur la ligne du logo */
  .site-header .inside-header>.mobile-menu-control-wrapper{order:3;flex:none;width:auto;
    display:flex;align-items:center;gap:4px;margin:0}
  .site-header .inside-header>#site-navigation{order:4;flex:0 0 100%}
  .site-header .inside-header>.mobile-menu-control-wrapper .menu-bar-items{margin:0}
}

/* ── la planche sans photo : ce qui remplace une image mise en avant absente ── */
.post-image--planche{margin:0}
.mvml-planche{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  aspect-ratio:16/10;background:var(--velours);position:relative;overflow:hidden;text-decoration:none;
  background-image:radial-gradient(70% 60% at 50% 0%,rgba(227,199,126,.14),transparent 70%)}
.mvml-planche::after{content:"";position:absolute;inset:0;
  background:linear-gradient(var(--facette),transparent 62%,rgba(227,199,126,.07) 62%)}
.mvml-planche__med .mvml-md{width:64px;height:64px;color:var(--or)}
.mvml-planche__f{display:block;width:64%;opacity:.5}
.mvml-planche__f svg{width:100%;height:auto;display:block}
.mvml-planche__t{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--or);opacity:.75}
/* le conteneur d'image vide du template n'a plus lieu d'être : la planche l'a remplacé */
.post-image:empty{display:none!important}
.post-image:empty::before,.post-image:empty::after{content:none!important}

/* ── Les liens du corps de page : le template force var(--darkest) sur
   .entry-content a (spécificité 0,3,1). Nos boutons y perdaient leur couleur —
   le bouton fantôme du hero devenait de l'encre sur du velours, donc invisible.
   On répond à la même spécificité, jamais avec !important. */
.entry-content a:not(.simple):not([class]){color:var(--metal-texte)}
.entry-content a.mvml-btn:not(.simple){color:var(--bronze)}
.entry-content a.mvml-btn--plein:not(.simple){color:var(--blanc)}
.entry-content .mvml-pilier__b a.mvml-btn:not(.simple),
.entry-content .mvml-section--velours a.mvml-btn:not(.simple){color:var(--or)}
.entry-content .mvml-pilier__b a.mvml-btn--plein:not(.simple),
.entry-content .mvml-section--velours a.mvml-btn--plein:not(.simple){color:var(--velours)}
.entry-content a.mvml-btn:not(.simple):hover{color:var(--blanc)}
.entry-content .mvml-pilier__b a.mvml-btn:not(.simple):hover{color:var(--velours)}
.entry-content a.mvml-carte__t:not(.simple),.entry-content .mvml-carte__t a:not(.simple){color:var(--sur-fond)}

/* ══ CONTRASTE — mesuré fond par fond (étape 45) ══════════════════════════
   Le bronze --metal-texte tient sur le papier clair (4,59) mais tombe à 4,05
   sur le plateau ombré et à 3,26 sur le velours. D'où un bronze FONCÉ pour les
   petites capitales sur fond clair, et l'or dès que le fond est sombre. Le
   choix se fait par un jeton, --metal-sur, redéfini par les fonds sombres :
   une couleur n'est jamais écrite en dur dans un composant. */
:root{--metal-fort:#6E5316;--metal-sur:var(--metal-fort)}
.mvml-section--velours,.mvml-pilier__b,.mvml-grave-bande,.mvml-planche,.mvml-pilier,
.site-footer,.mvml-pied,.fx-lettre,.mvml-carte-cadre,.mvml-passerelle--pro,
.mvml-outil--pro,.mvml-encadre--velours,.mvml-contact__coord,
.mvml-barre,.mvml-parole,.mvml-presta,
.mvml-monture-essai{--metal-sur:var(--or);--sur-fond:var(--papier);--sur-fond-2:rgba(246,244,239,.72)}
/* la passerelle « côté comptoir » est un aplat de velours dans une page claire :
   elle emporte ses propres rôles de texte avec elle */
.entry-content a.mvml-passerelle:not(.simple){color:var(--sur-fond)}
.entry-content a.mvml-passerelle--pro:not(.simple){color:var(--papier)}
.mvml-passerelle--pro{--sur-fond:var(--papier);--sur-fond-2:rgba(246,244,239,.72)}
/* sur tout aplat ombré (plateau, sommaire, passerelle, encadré clair), les liens
   et le métal-texte passent au bronze foncé : 5,86 au lieu de 4,05 */
.mvml-section--plateau,.mvml-sommaire,.mvml-passerelle:not(.mvml-passerelle--pro),
.mvml-reperes,.mvml-encadre:not(.mvml-encadre--velours){--metal-texte:var(--metal-fort)}
.mvml-sommaire a,.mvml-sommaire a:visited{color:var(--metal-fort)}
/* l'entrée courante d'un sous-menu : le même logement enfoncé qu'au premier niveau */
.main-navigation .main-nav ul ul li.current-menu-item>a{background:var(--velours);color:var(--or)}
.mvml-sur,.mvml-kick,.mvml-sommaire__t{color:var(--metal-sur)}
/* les liens-boutons fantômes sur le plateau ombré : bronze foncé, cadre compris */
.mvml-section--plateau .mvml-btn:not(.mvml-btn--plein){color:var(--metal-fort);border-color:var(--metal-fort)}
.entry-content .mvml-section--plateau a.mvml-btn:not(.mvml-btn--plein):not(.simple){color:var(--metal-fort)}
/* le bouton du menu : blanc sur bronze (5,02), pas de l'encre (3,51) */
.site-header .inside-header a.mvml-menu-cta,.mvml-menu-cta{color:var(--blanc)}
.mvml-menu-cta:hover{color:var(--or)}
/* le bloc d'avis du template sort en encre sur le velours : illisible.
   Ses règles arrivent après les nôtres (inline) : on monte la spécificité. */
.fxa .fxa-note,.fxa .fxa-t{color:var(--sur-fond)}
.fxa .fxa-nb{color:var(--sur-fond-2)}
.fxa .fxa-et{color:var(--metal-sur)}
.fxa .fxa-c{background:var(--blanc);border-color:var(--papier-o);color:var(--sur-fond)}
.fxa .fxa-c p,.fxa .fxa-c footer{color:var(--sur-fond-2)}
.mvml-section--velours .fxa .fxa-c{background:var(--velours-h);border-color:rgba(227,199,126,.22)}
/* le bouton de la lettre : velours sur laiton (5,5), pas du blanc (2,94).
   Le template le pose en !important — on répond sur le même ton. */
.fx-btn,button.fx-btn{background:var(--laiton)!important;color:var(--velours)!important;border:0;border-radius:0}
.fx-btn:hover{background:var(--or)!important}
/* le panneau de reste à charge vit aussi sur un fond clair : le vert doit être plein */
.mvml-rc{background:rgba(11,92,72,.92)}
/* les aplats ombrés qui restaient au bronze clair */
.mvml-legal__c{--metal-texte:var(--metal-fort)}
/* la mention grise du module de contact du template : 4,40 sur le papier */
.entry-content span[class]:not([class*="mvml"]):not(.gp-icon):not(.dropdown-menu-toggle){color:var(--sur-fond-2)}

/* ══════════════════════════════════════════════════════════════════════════
   LE TIROIR DU BARÈME (composant 4) ET LE SERTISSAGE (composant 5)
   ══════════════════════════════════════════════════════════════════════════ */
.mvml-tiroir-bareme{background:var(--papier-o);padding:clamp(18px,2.6vw,28px);position:relative;
  margin-block:clamp(24px,3vw,36px);--metal-texte:var(--metal-fort);
  --sur-fond-2:color-mix(in srgb,var(--encre) 74%,var(--papier-o))}
.mvml-tiroir-bareme::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--laiton),transparent 70%)}
.mvml-tiroir-bareme__tete{margin-bottom:14px}
.mvml-tiroir-bareme__x{margin:6px 0 0;font-size:14px;color:var(--sur-fond-2);max-width:74ch}
.mvml-tiroir-bareme__corps{overflow-x:auto}
.mvml-bareme th{cursor:pointer;user-select:none;position:relative;padding-right:22px}
.mvml-bareme th::after{content:"";position:absolute;right:9px;top:50%;width:6px;height:6px;
  margin-top:-3px;border:1px solid var(--or);opacity:.45;transform:rotate(45deg)}
.mvml-bareme th[aria-sort]::after{opacity:1;background:var(--or)}
.mvml-bareme tbody tr:nth-child(even) td{background:rgba(255,253,250,.6)}
.mvml-bareme tbody tr[hidden]{display:none}
.mvml-bareme td b{font-family:var(--t-titre);font-weight:400;color:var(--metal-fort)}
.mvml-tiroir-bareme__n{margin:12px 0 0;font-size:13px;color:var(--sur-fond-2)}

.mvml-serti2{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(14px,2.4vw,28px);
  align-items:center;margin-block:18px}
.mvml-serti2__c{display:grid;justify-items:center;gap:10px;text-align:center}
.mvml-serti2__c .mvml-champ{width:100%}
.mvml-serti2__d .mvml-disque{width:118px;height:118px}
.mvml-serti2__p{margin:0;font-family:var(--t-titre);font-size:clamp(26px,3.4vw,38px);line-height:1;
  color:var(--metal-texte);font-variant-numeric:tabular-nums}
.mvml-serti2__l{margin:0;font-size:12px;letter-spacing:.06em;color:var(--sur-fond-2)}
.mvml-serti2__e{display:grid;justify-items:center;gap:4px;padding-inline:clamp(4px,1.4vw,14px)}
.mvml-serti2__ec{font-family:var(--t-titre);font-size:clamp(20px,2.4vw,26px);color:var(--sur-fond);
  font-variant-numeric:tabular-nums}
.mvml-serti2__et{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--sur-fond-2);
  max-width:14ch;text-align:center;line-height:1.5}
.mvml-serti2__f{width:120px;opacity:.7}
.mvml-serti2__f svg{width:100%;height:auto;display:block}
@media(max-width:760px){.mvml-serti2{grid-template-columns:1fr}
  .mvml-serti2__e{order:3;padding-block:8px}}

/* ══════════════════════════════════════════════════════════════════════════
   LE COMPACTAGE (retour utilisateur 10/09) — une section, un écran.
   Les sections montaient à 2 200 px et les instruments à 1 300 px : on ne
   voyait jamais un bloc entier. Ici : marges resserrées, colonnes plutôt
   qu'empilements, et une hauteur plafonnée pour tout ce qui se dessine.
   ══════════════════════════════════════════════════════════════════════════ */
.mvml-section{padding-block:clamp(22px,2.4vw,34px)}
.mvml-part{padding-block:clamp(20px,2.2vw,30px)}
.mvml-part+.mvml-part{padding-top:clamp(16px,1.8vw,24px)}
.mvml-texte-page>h2{margin-top:1em}
.mvml-outil{padding:clamp(16px,2vw,24px);margin-block:clamp(18px,2.4vw,28px)}
.mvml-outil__note{margin-top:10px;font-size:12.5px}

/* les instruments : deux colonnes dès qu'il y a de la place, et rien qui
   dépasse la hauteur d'un écran de portable */
@media(min-width:1000px){
  .mvml-ordo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
    grid-template-areas:"saisie banc" "net banc" "metal banc";gap:18px 26px;align-content:start}
  .mvml-ordo__saisie{grid-area:saisie}
  .mvml-ordo__banc{grid-area:banc;margin-top:0;align-content:start}
  .mvml-ordo>.mvml-net{grid-area:net}
  .mvml-ordo>.mvml-sortie--metal{grid-area:metal}
}
.mvml-banc,.mvml-eventail{max-height:236px;height:auto;object-fit:contain}
.mvml-ordo__banc{gap:8px}
/* toute figure dessinée reste sous la ligne d'horizon */
.mvml-outil svg:not(.mvml-md):not(.mvml-ic):not(.mvml-disque){max-height:300px}
.mvml-outil .mvml-disque{max-height:120px}
.mvml-serti2__d .mvml-disque{width:96px;height:96px}

/* le hero : le coffret ne prend plus la moitié de la page */
.mvml-hero{padding-block:clamp(26px,3.4vw,46px)}
.mvml-hero .mvml-plateau{gap:8px}
.mvml-hero .mvml-dsq{padding:10px 6px 8px}
.mvml-hero .mvml-dsq__ic{width:32px;height:32px}
.mvml-hero .mvml-outil{margin-top:22px}
.mvml-hero__x{margin-bottom:0}

/* les figures des pages : une photo n'occupe jamais plus d'un demi-écran */
.mvml-part__fig img,.mvml-duo__v img{max-height:420px;object-fit:cover;width:100%}
.mvml-pilier{padding-block:clamp(30px,4vw,54px)}

/* ── suite du compactage : les instruments passent en deux colonnes ──────── */
@media(min-width:1000px){
  /* la tranche : les réglages à gauche, la coupe et les cotes à droite */
  .mvml-tranche{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:16px 26px;align-content:start;
    grid-template-areas:"reglages coupe" "cotes coupe" "sortie sortie"}
  .mvml-tranche>.mvml-rangee{grid-area:reglages}
  .mvml-tranche>svg{grid-area:coupe;max-height:250px;align-self:start}
  .mvml-tranche>.mvml-cotes3{grid-area:cotes}
  .mvml-tranche>.mvml-sortie{grid-area:sortie}
  /* le coffret du hero : les réglages tiennent en trois rangées serrées */
  .mvml-hero .mvml-coffret{gap:20px}
  .mvml-hero .mvml-monture-essai{align-self:start}
  /* le texte long d'une section de la home se lit en deux colonnes */
  .mvml-section--colonnes .mvml-texte{columns:2;column-gap:clamp(24px,3vw,44px)}
  .mvml-section--colonnes .mvml-texte+.mvml-texte{margin-top:0}
}
.mvml-coffret__reglages{gap:12px}
.mvml-monture-essai{padding:16px}

/* ── le texte et l'instrument côte à côte : une section, un écran ────────── */
@media(min-width:1100px){
  .mvml-section--duo-outil{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    column-gap:clamp(26px,3vw,48px);align-content:start}
  .mvml-section--duo-outil>*{grid-column:1}
  .mvml-section--duo-outil>.mvml-outil,.mvml-section--duo-outil>.mvml-outil-bloc{grid-column:2;
    grid-row:1/99;margin:0;align-self:start}
  .mvml-outil-bloc>h3{margin-top:0}
  .mvml-section--duo-outil .mvml-texte{columns:auto;max-width:60ch}
  /* les cartes de la home tiennent sur une seule rangée */
  .mvml-section--serree .mvml-grille--2{grid-template-columns:repeat(3,1fr)}
  .mvml-section--serree .mvml-carte__x{display:none}
}
.mvml-rail-fiches{max-height:340px}

/* ── dernier cran de compactage : le hero et les rangées d'instruments ───── */
.mvml-hero .mvml-groupe{gap:6px}
.mvml-hero .mvml-groupe__t{margin-bottom:2px}
.mvml-hero .mvml-dsq{padding:8px 6px 7px;gap:4px}
.mvml-hero .mvml-dsq__ic{width:26px;height:26px}
.mvml-hero .mvml-dsq b{font-size:14px}
.mvml-hero__x{max-width:62ch}
.mvml-tranche>svg{max-height:210px}
.mvml-rail-fiches{max-height:290px}
.mvml-rail-verriers{gap:10px}
@media(min-width:1100px){
  /* les rubriques et les dernières fiches : deux colonnes, pas deux étages */
  .mvml-section--serree .mvml-grille--2{grid-template-columns:repeat(3,1fr);gap:14px}
  .mvml-section--serree .mvml-carte__vis{aspect-ratio:16/8}
}
@media(min-width:1100px){
  .mvml-section--duo-outil h2{font-size:clamp(23px,2.3vw,31px)}
  .mvml-section--duo-outil .mvml-outil{padding:16px}
  .mvml-section--duo-outil .mvml-tranche>svg{max-height:186px}
  .mvml-section--serree .mvml-rail-fiches{max-height:252px}
}
.mvml-rail-fiches .mvml-carte__x{display:none}
@media(min-width:1240px){
  .mvml-section--serree .mvml-carte__in{padding:13px 14px 14px;gap:6px}
  .mvml-section--serree .mvml-carte__t{font-size:16.5px}
  .mvml-section--serree .mvml-carte__vis{aspect-ratio:16/7}
}

/* ── une partie longue se lit en deux colonnes (compactage 10/09) ────────── */
@media(min-width:1100px){
  .mvml-part--2col>.mvml-texte-page{columns:2;column-gap:clamp(30px,3.4vw,54px)}
  /* une partie longue AVEC photo : la photo se resserre, le texte prend deux colonnes */
  .mvml-part--duo.mvml-part--2col .mvml-part__img{max-height:330px;object-fit:cover}
  .mvml-part--2col>.mvml-texte-page>*{max-width:none}
  /* tout ce qui structure traverse les deux colonnes, à n'importe quelle profondeur :
     un H2 ou un tableau coincé dans une colonne casse la lecture. */
  .mvml-part--2col .mvml-texte-page h2,
  .mvml-part--2col .mvml-texte-page h3,
  .mvml-part--2col .mvml-texte-page .mvml-table,
  .mvml-part--2col .mvml-texte-page table,
  .mvml-part--2col .mvml-texte-page .mvml-fiches,
  .mvml-part--2col .mvml-texte-page .mvml-grille,
  .mvml-part--2col .mvml-texte-page .mvml-reperes,
  .mvml-part--2col .mvml-texte-page figure{column-span:all}
  /* l'encadré et la passerelle restent DANS une colonne : chaque élément qui
     traverse coupe le flux en deux et rallonge la partie d'autant */
  .mvml-part--2col>.mvml-texte-page>aside,
  .mvml-part--2col>.mvml-texte-page>.mvml-passerelle{break-inside:avoid-column}
  .mvml-part--2col>.mvml-texte-page>p,
  .mvml-part--2col>.mvml-texte-page>ul{break-inside:avoid-column}
}

/* ── les fiches liées dans une page : une bande compacte, pas un catalogue ── */
.mvml-part .mvml-fiches .mvml-grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mvml-part .mvml-fiches .mvml-carte__x{display:none}
.mvml-part .mvml-fiches .mvml-carte__vis{aspect-ratio:16/8}
.mvml-part .mvml-fiches .mvml-carte__in{padding:12px 13px 13px;gap:6px}
.mvml-part .mvml-fiches .mvml-carte__t{font-size:15.5px}
.mvml-part .mvml-fiches .mvml-carte:nth-child(n+4){display:none}
@media(max-width:820px){.mvml-part .mvml-fiches .mvml-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mvml-part .mvml-fiches .mvml-carte:nth-child(n+5){display:none}}

/* ── la photo d'une partie : jamais écrasée par la colonne de texte ──────── */
.mvml-part--duo>.mvml-texte-page{min-width:0}
.mvml-part__fig{align-self:start;min-width:0}
.mvml-part__img{width:100%;height:auto;aspect-ratio:4/5;max-height:380px;object-fit:cover}
@media(min-width:1100px){
  .mvml-part--duo.mvml-part--2col .mvml-part__img{aspect-ratio:3/4;max-height:360px}
}
@media(max-width:880px){.mvml-part__img{aspect-ratio:16/10;max-height:260px}}
/* la carte sans photo garde la même hauteur d'image que ses voisines */
.mvml-carte__vis--planche .mvml-planche{aspect-ratio:16/10;width:100%;height:100%}
.mvml-carte__vis--planche .mvml-planche__med .mvml-md{width:46px;height:46px}

/* ── la gouttière des parties en grille ──────────────────────────────────
   Une partie « duo » est une grille pleine largeur : ses enfants commencent
   au bord de l'écran. On lui donne la géométrie du .mvml-wrap en padding —
   le fond reste pleine largeur, le contenu retrouve sa colonne. */
/* un instrument posé directement dans le contenu garde la colonne du site */
.entry-content>.mvml-outil,.entry-content>.mvml-tiroir-bareme,.entry-content>.mvml-fiches{
  max-width:var(--large);margin-inline:auto;box-sizing:border-box}
/* la photo en bandeau : elle ferme une partie longue sans l'allonger */
.mvml-part__fig--bande{margin:18px auto 0;max-width:var(--large);padding-inline:var(--gouttiere);
  box-sizing:border-box}
.mvml-part__fig--bande .mvml-part__img{aspect-ratio:24/7;max-height:250px;width:100%}
@media(max-width:820px){.mvml-part__fig--bande .mvml-part__img{aspect-ratio:16/9}}
/* le tampon du popup : le laiton ne tient pas sur le blanc (2,94) — bronze foncé */
.fxp-stamp,#fxp-stamp{color:var(--metal-fort)!important}

/* ══════════════════════════════════════════════════════════════════════════
   LA HOME — v2, 11/09/2026. Une UNE, pas une pile de blocs.
   Dix sections, dix géométries : le duel, la barre gravée, la séquence,
   l'instrument, le comparatif, la parole, les questions, les tiroirs, les
   plumes, la prestation. Rien de plus haut qu'un écran.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 1. L'OUVERTURE ───────────────────────────────────────────────────── */
.mvml-ouv{position:relative;background:
  linear-gradient(168deg,var(--blanc) 0%,var(--papier) 46%,var(--papier-o) 100%);
  border-bottom:1px solid var(--papier-h);overflow:hidden}
.mvml-ouv__grain{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(48% 62% at 88% 8%,rgba(227,199,126,.30),transparent 68%),
             radial-gradient(40% 50% at 6% 96%,rgba(11,92,72,.09),transparent 70%)}
.mvml-ouv__in{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:clamp(26px,4vw,64px);align-items:center;padding-block:clamp(30px,3.6vw,52px)}
.mvml-ouv h1{font-size:clamp(40px,6.2vw,82px);line-height:.94;letter-spacing:-.012em;margin:.12em 0 .28em}
.mvml-ouv__x{font-size:clamp(15.5px,1.25vw,17.5px);max-width:52ch;margin:0 0 clamp(20px,2.4vw,30px);
  color:var(--sur-fond)}
.mvml-ouv__q{margin:0 0 10px}

/* les trois portes : une rangée par intention, pas des cartes */
.mvml-portes{display:grid;gap:8px;max-width:560px}
.mvml-porte{display:grid;grid-template-columns:38px 1fr 16px;align-items:center;gap:14px;
  background:var(--blanc);padding:11px 14px;text-decoration:none;
  box-shadow:0 0 0 1px var(--papier-h);transition:box-shadow .3s,transform .3s,background .3s}
.mvml-porte:hover{box-shadow:0 0 0 1px var(--metal-trait),0 10px 24px rgba(26,23,32,.09);
  transform:translateX(3px)}
.mvml-porte__ic{width:34px;height:34px;color:var(--metal-texte)}
.mvml-porte span{display:grid;gap:1px;min-width:0}
.mvml-porte b{font-family:var(--t-titre);font-weight:400;font-size:16.5px;color:var(--sur-fond);line-height:1.2}
.mvml-porte i{font-style:normal;font-size:12.5px;color:var(--sur-fond-2)}
.mvml-porte__f{width:15px;height:15px;color:var(--metal-trait);transition:transform .3s}
.mvml-porte:hover .mvml-porte__f{transform:translateX(3px)}

/* le duel : deux disques sertis, l'écart gravé entre eux */
.mvml-duel{margin:0;background:var(--blanc);padding:clamp(18px,2.2vw,28px) clamp(16px,2vw,26px);
  box-shadow:0 0 0 1px var(--papier-h),0 26px 60px -30px rgba(26,23,32,.5);
  display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(10px,1.6vw,22px);align-items:start;
  position:relative}
.mvml-duel::before{content:"";position:absolute;top:0;right:0;width:30px;height:30px;
  background:linear-gradient(calc(90deg + var(--facette)),transparent 48%,var(--laiton) 48%,var(--laiton) 51%,transparent 51%)}
.mvml-duel__c{display:grid;justify-items:center;gap:8px;text-align:center;min-width:0}
.mvml-duel__d{width:clamp(84px,9vw,116px)}
.mvml-duel__d .mvml-disque{width:100%;height:auto;display:block}
.mvml-duel__p{margin:0;font-family:var(--t-titre);font-size:clamp(28px,3.4vw,44px);line-height:1;
  font-variant-numeric:tabular-nums;color:var(--metal-texte)}
.mvml-duel__d--b+.mvml-duel__p{color:var(--grenat)}
.mvml-duel__l{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--sur-fond)}
.mvml-duel__l span{display:block;margin-top:5px;font-size:12px;letter-spacing:0;text-transform:none;
  color:var(--sur-fond-2);line-height:1.45;max-width:22ch}
.mvml-duel__e{display:grid;justify-items:center;gap:4px;align-self:center;padding-inline:2px}
.mvml-duel__x{font-family:var(--t-titre);font-size:clamp(20px,2.2vw,28px);color:var(--sur-fond);
  font-variant-numeric:tabular-nums}
.mvml-duel__t{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--sur-fond-2);
  text-align:center;max-width:12ch;line-height:1.5}
.mvml-duel__f{display:block;width:70px;opacity:.55}
.mvml-duel__f svg{width:100%;height:auto;display:block}
.mvml-duel figcaption{grid-column:1/-1;margin-top:14px;padding-top:13px;border-top:1px solid var(--papier-o);
  font-size:12.5px;line-height:1.55;color:var(--sur-fond-2)}

/* ── 2. LA BARRE GRAVÉE ───────────────────────────────────────────────── */
.mvml-barre{background:var(--velours);position:relative}
.mvml-barre::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,var(--laiton),transparent 58%)}
.mvml-barre__in{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2.4vw,34px);
  padding-block:clamp(22px,2.6vw,32px)}
.mvml-barre__c{margin:0;display:grid;gap:6px;padding-left:clamp(12px,1.6vw,20px);
  border-left:1px solid rgba(227,199,126,.26)}
.mvml-barre__c b{font-family:var(--t-titre);font-weight:400;font-size:clamp(24px,2.9vw,36px);
  line-height:1;color:var(--or);font-variant-numeric:tabular-nums}
.mvml-barre__c span{font-size:12.5px;line-height:1.45;color:var(--sur-fond-2)}

/* ── 3. LA SÉQUENCE ───────────────────────────────────────────────────── */
.mvml-seq__tete{max-width:74ch;margin-bottom:clamp(20px,2.4vw,30px)}
.mvml-seq__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(16px,2.2vw,30px);position:relative}
.mvml-seq__l::before{content:"";position:absolute;top:17px;left:0;right:0;height:1px;
  background:var(--papier-h);transform:scaleX(var(--trait,1));transform-origin:left}
.mvml-geste{display:grid;gap:9px;position:relative;padding-top:44px}
.mvml-geste__n{position:absolute;top:0;left:0;font-family:var(--t-titre);font-size:13px;
  letter-spacing:.16em;color:var(--metal-texte);background:var(--papier);padding-right:10px}
.mvml-geste__ic{display:block}
.mvml-geste__ic .mvml-md{width:46px;height:46px;color:var(--metal-texte)}
.mvml-geste h3{margin:0;font-size:19.5px;line-height:1.2}
.mvml-geste p{margin:0;font-size:14px;line-height:1.6;color:var(--sur-fond-2)}
.mvml-geste__a{display:inline-flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--metal-texte);text-decoration:none;margin-top:2px}
.mvml-geste__a .mvml-ic{width:13px;height:13px;transition:transform .3s}
.mvml-geste__a:hover .mvml-ic{transform:translateX(3px)}

/* ── 4. L'INSTRUMENT ──────────────────────────────────────────────────── */
.mvml-inst__in{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);
  gap:clamp(22px,3vw,44px);align-items:start}
.mvml-inst__dit .mvml-texte{font-size:15px}
.mvml-inst__b{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.mvml-inst__o .mvml-outil{margin:0}

/* ── 5. LE COMPARATIF ─────────────────────────────────────────────────── */
.mvml-comp__in{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(22px,3vw,46px);align-items:start}
.mvml-comp__tab{margin:0;font-size:13.5px}
.mvml-comp__tab caption{text-align:left;padding-bottom:9px}
.mvml-comp__tab th[scope=row]{font-family:var(--t-titre);font-weight:400;font-size:15px;
  background:none;color:var(--sur-fond);text-transform:none;letter-spacing:0;white-space:normal}
.mvml-comp__tab th[scope=row] span{display:block;font-family:var(--t-corps);font-size:11.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--sur-fond-2);margin-top:3px}
.mvml-comp__tab td{font-variant-numeric:tabular-nums;text-align:right}
.mvml-comp__tab tbody tr:hover td,.mvml-comp__tab tbody tr:hover th{background:var(--blanc)}

/* ── 6. LA PAROLE DU COMPTOIR ─────────────────────────────────────────── */
.mvml-parole{position:relative;background:var(--velours);overflow:hidden}
.mvml-parole__v{position:absolute;inset:0 0 0 52%;
  clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.mvml-parole__img{width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(.8)}
.mvml-parole__v::after{content:"";position:absolute;inset:0;
  background:linear-gradient(96deg,var(--velours) 6%,rgba(34,29,42,.62) 46%,rgba(34,29,42,.24))}
.mvml-parole__in{position:relative;padding-block:clamp(34px,4.4vw,62px);max-width:min(1180px,100%)}
.mvml-parole__q{margin:12px 0 16px;max-width:min(54ch,780px)}
.mvml-parole__q p{margin:0;font-family:var(--t-titre);font-weight:400;
  font-size:clamp(21px,2.6vw,33px);line-height:1.28;color:var(--papier)}
.mvml-parole__s{margin:0;display:flex;align-items:center;gap:9px;font-size:13px;color:var(--sur-fond-2)}
.mvml-parole__s .mvml-ic{width:17px;height:17px;color:var(--or)}
.mvml-parole__s a{color:var(--or)}
.mvml-parole__f{margin-top:clamp(20px,2.6vw,32px);opacity:.5;max-width:520px}

/* ── 7. LES QUESTIONS ─────────────────────────────────────────────────── */
.mvml-qr__tete{max-width:70ch;margin-bottom:clamp(18px,2.2vw,26px)}
.mvml-qr__l{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(26px,3.4vw,56px);row-gap:0}
.mvml-qr__i{padding:15px 0;border-top:1px solid var(--papier-o)}
.mvml-qr__i dt{font-family:var(--t-titre);font-size:17.5px;line-height:1.25;color:var(--sur-fond);
  margin-bottom:6px}
.mvml-qr__i dd{margin:0;font-size:14px;line-height:1.6;color:var(--sur-fond-2)}
.mvml-qr__i dd a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  color:var(--metal-texte)}
.mvml-qr__i dd a .mvml-ic{width:12px;height:12px;transition:transform .3s}
.mvml-qr__i dd a:hover .mvml-ic{transform:translateX(3px)}

/* ── 8. LES TIROIRS ───────────────────────────────────────────────────── */
.mvml-tiroirs__tete{max-width:72ch;margin-bottom:clamp(16px,2vw,24px)}
.mvml-tiroirs__l{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:clamp(22px,3vw,34px)}
.mvml-tiroir{display:grid;justify-items:center;gap:6px;text-align:center;padding:14px 8px 12px;
  background:var(--papier-o);text-decoration:none;transition:background .3s,transform .3s}
.mvml-tiroir:hover{background:var(--velours);transform:translateY(-2px)}
.mvml-tiroir__ic{width:38px;height:38px;color:var(--metal-texte);transition:color .3s}
.mvml-tiroir:hover .mvml-tiroir__ic{color:var(--or)}
.mvml-tiroir b{font-family:var(--t-titre);font-weight:400;font-size:14.5px;line-height:1.2;color:var(--sur-fond);transition:color .3s}
.mvml-tiroir i{font-style:normal;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sur-fond-2);transition:color .3s}
.mvml-tiroir:hover b{color:var(--papier)}
.mvml-tiroir:hover i{color:var(--laiton)}
.mvml-tiroirs__d .mvml-sur{margin:0 0 12px}
.mvml-grille--home{grid-template-columns:repeat(3,minmax(0,1fr));margin-block:0}
.mvml-grille--home .mvml-carte__vis{aspect-ratio:16/8}
.mvml-grille--home .mvml-carte__x{display:none}
.mvml-grille--home .mvml-carte__in{padding:13px 15px 15px;gap:6px}

/* ── 9. LES PLUMES ────────────────────────────────────────────────────── */
.mvml-plumes__tete{max-width:74ch;margin-bottom:clamp(18px,2.2vw,28px)}
.mvml-plumes__l{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,28px)}
.mvml-plume{display:grid;justify-items:center;gap:6px;text-align:center;text-decoration:none}
.mvml-plume__d{position:relative;width:118px;height:118px;display:grid;place-items:center}
.mvml-plume__d .mvml-disque{position:absolute;inset:0;width:100%;height:100%}
.mvml-plume__img{width:82px;height:82px;object-fit:cover;position:relative;z-index:1;
  clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}
.mvml-plume b{font-family:var(--t-titre);font-weight:400;font-size:17px;color:var(--sur-fond);margin-top:4px}
.mvml-plume i{font-style:normal;font-size:12.5px;line-height:1.5;color:var(--sur-fond-2);max-width:26ch}
.mvml-plume em{font-style:normal;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--metal-texte)}

/* ── 10. LA PRESTATION ────────────────────────────────────────────────── */
.mvml-presta{background:var(--velours);position:relative;overflow:hidden}
.mvml-presta::before{content:"";position:absolute;inset:0;
  background:radial-gradient(50% 70% at 12% 0%,rgba(227,199,126,.16),transparent 70%)}
.mvml-presta__in{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:clamp(22px,3.4vw,52px);align-items:center;padding-block:clamp(30px,3.8vw,54px)}
.mvml-presta__d{width:clamp(96px,11vw,150px)}
.mvml-presta__d .mvml-disque{width:100%;height:auto;display:block}
.mvml-presta__t h2{color:var(--papier);max-width:20ch}
.mvml-presta__t p{color:var(--sur-fond-2);max-width:66ch}
.mvml-presta__p{display:flex;align-items:baseline;gap:12px;margin:14px 0 18px!important}
.mvml-presta__p b{font-family:var(--t-titre);font-weight:400;font-size:clamp(30px,3.4vw,42px);color:var(--or);line-height:1}
.mvml-presta__p span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sur-fond-2)}

/* ── LES ANIMATIONS — sobres, et jamais sur le texte ──────────────────── */
@keyframes mvml-facette{0%{opacity:.2}55%{opacity:1}100%{opacity:.72}}
.mvml-duel__d .mvml-eclat{animation:mvml-facette 1.5s cubic-bezier(.3,.7,.3,1) .25s both}
.mvml-duel__d--b .mvml-eclat{animation-delay:.6s}
.mvml-seq__l{--trait:1}
.js .mvml-seq__l{--trait:0;transition:none}
.js .mvml-seq__l.mvml-vu{--trait:1;transition:transform 0s}
.js .mvml-seq__l::before{transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}
@media(prefers-reduced-motion:reduce){
  .mvml-duel__d .mvml-eclat{animation:none;opacity:.8}
  .js .mvml-seq__l{--trait:1}
  .js .mvml-seq__l::before{transition:none}
}

/* ── LE TÉLÉPHONE ─────────────────────────────────────────────────────── */
@media(max-width:1040px){
  .mvml-ouv__in,.mvml-inst__in,.mvml-comp__in{grid-template-columns:1fr}
  .mvml-seq__l{grid-template-columns:repeat(2,1fr);row-gap:28px}
  .mvml-tiroirs__l{grid-template-columns:repeat(4,1fr)}
  .mvml-plumes__l{grid-template-columns:repeat(2,1fr)}
  .mvml-parole__v{inset:0 0 0 38%;opacity:.7}
}
@media(max-width:820px){
  .mvml-barre__in{grid-template-columns:repeat(2,1fr);row-gap:18px}
  .mvml-qr__l{grid-template-columns:1fr}
  .mvml-grille--home{grid-template-columns:1fr}
  .mvml-presta__in{grid-template-columns:1fr;justify-items:start}
  .mvml-duel{grid-template-columns:1fr;justify-items:center}
  .mvml-duel__e{flex-direction:row;padding-block:6px}
  .mvml-duel__t{max-width:none}
}
@media(max-width:560px){
  .mvml-seq__l{grid-template-columns:1fr}
  .mvml-seq__l::before{display:none}
  .mvml-tiroirs__l{grid-template-columns:repeat(2,1fr)}
  .mvml-ouv h1{font-size:clamp(36px,12vw,52px)}
}

/* ── la home v2 : les retouches du premier regard ────────────────────────
   Les composants de la home sont des OBJETS, pas des liens de texte : aucun
   soulignement ne doit y courir (le thème en pose un sur tout <a>). */
.mvml-porte,.mvml-geste__a,.mvml-tiroir,.mvml-plume,.mvml-qr__i dd a{text-decoration:none}
/* le thème souligne tout <a> du contenu avec une spécificité de 0,3,1 :
   on répond au même niveau, composant par composant. */
.entry-content a.mvml-porte:not(.simple),
.entry-content a.mvml-geste__a:not(.simple),
.entry-content a.mvml-tiroir:not(.simple),
.entry-content a.mvml-plume:not(.simple),
.entry-content a.mvml-btn:not(.simple),
.entry-content .mvml-qr__i dd a:not(.simple),
.entry-content .mvml-carte__t a:not(.simple){text-decoration:none}
.mvml-duel__t{max-width:none;text-wrap:balance}
.mvml-comp__leg{margin:0 0 9px}
/* Prata n'a pas d'italique : le navigateur en fabriquait un faux sur la citation */
.mvml-parole__q p{font-style:normal}
.mvml-plume i{text-wrap:balance}

/* ── la home v2 : des objets répétés, mais pas des grilles de cartes ─────
   Trois portes empilées, quatre gestes en séquence et six questions en
   colonnes ne sont pas des cartes : ce sont des rangées, une suite et une
   liste. La géométrie doit le dire. */
.mvml-portes{display:flex;flex-direction:column;gap:8px;max-width:560px}
@media(min-width:1041px){
  .mvml-seq__l{display:flex;flex-wrap:nowrap;gap:clamp(16px,2.2vw,30px)}
  .mvml-seq__l>.mvml-geste{flex:1 1 0;min-width:0}
  .mvml-qr__l{display:block;columns:2;column-gap:clamp(26px,3.4vw,56px)}
  .mvml-qr__i{break-inside:avoid-column}
}
.mvml-comp__f{padding-block:0 6px;opacity:.55}
/* le lien de la signature, sur le velours : l'or, pas le bronze (3,26) */
.entry-content .mvml-parole__s a:not(.simple){color:var(--or)}
/* le bandeau défilant du template déborde : la page gagnait 7 px de scroll latéral */
.ftb,.ftb-in{overflow:hidden}
/* le tableau du comparatif défile dans son propre cadre : sur 420 px il poussait
   la page de 7 px et créait un scroll latéral */
.mvml-comp__in>*{min-width:0}
.mvml-comp__g{overflow-x:auto}
@media(max-width:560px){.mvml-comp__tab{font-size:12.5px}
  .mvml-comp__tab th,.mvml-comp__tab td{padding:9px 10px}}
/* très petits écrans : le logo cède la place à la poignée du tiroir */
@media(max-width:430px){
  .site-logo .header-image,.site-logo img,.custom-logo{width:min(168px,50vw)!important}
  .site-header .inside-header{gap:8px;padding-inline:14px}
}
/* aucune frise ne dépasse de son cadre */
.mvml-frise,.mvml-part__frise svg,.mvml-duel__f svg,.mvml-parole__f svg{max-width:100%}
/* la colonne de texte d'une partie « duo » ne descend jamais sous une largeur lisible */