/* mh-collection */
/* Collection Bo'HoM' — mosaïque sur fond blanc, mêmes polices que la ligne du temps */
@font-face{font-family:MhGarage;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/collection/../accueil-bohom/garagesh.woff2) format("woff2");font-display:swap}
@font-face{font-family:MhAbel;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/collection/../accueil-bohom/abel-regular.woff2) format("woff2");font-display:swap}
.mh-collection-page{--ink:#111;--red:#c5261b;--grey:#737373;--line:#e6e2dc;--ok:#1f7a45;background:#fff;color:var(--ink);font-family:MhAbel,Arial,sans-serif;padding:0 max(16px,4vw) 100px}
.mh-collection-page *{box-sizing:border-box}
.mh-collection-page h1,.mh-collection-page h2,.mh-collection-page p{margin:0;text-transform:none;letter-spacing:normal}
.mh-c-intro{max-width:980px;margin:0 auto;padding:clamp(60px,10vw,140px) 0 clamp(30px,4vw,50px);display:flex;flex-direction:column;gap:18px}
.mh-c-kicker{font-size:13px;letter-spacing:.32em!important;color:var(--red);text-transform:uppercase!important}
.mh-c-intro h1{font:normal clamp(44px,8vw,110px)/.98 MhAbel,Arial,sans-serif;letter-spacing:-.03em}
.mh-c-lead{font-size:clamp(18px,1.6vw,23px);line-height:1.5;max-width:46ch;color:#333}
.mh-c-filtres{max-width:1320px;margin:0 auto 28px;display:flex;flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:5;background:#fff;padding:12px 0;border-bottom:1px solid var(--line)}
.mh-c-filtres button{font:15px MhAbel,Arial,sans-serif;border:1px solid var(--line);background:#fff;color:var(--ink);padding:7px 16px;border-radius:999px;cursor:pointer;min-height:40px}
.mh-c-filtres button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mh-c-grille{list-style:none;margin:0 auto;padding:0;max-width:1320px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:clamp(10px,1.6vw,22px)}
.mh-c-piece[hidden]{display:none}
.mh-c-ouvrir{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;width:100%;cursor:zoom-in;padding:8px;border-radius:6px;transition:background .2s}
.mh-c-ouvrir:hover{background:#f6f4f0}
.mh-c-ouvrir:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.mh-c-ouvrir img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}
.mh-c-titre{font:clamp(18px,1.6vw,24px)/1.05 MhGarage,Impact,sans-serif;overflow-wrap:anywhere}
.mh-c-etat{font-size:13px;color:var(--grey)}
.mh-c-etat.is-vente{color:var(--ok)}
.mh-c-dialog{border:none;padding:0;max-width:min(94vw,1000px);width:100%;border-radius:8px;background:#fff;color:var(--ink)}
.mh-c-dialog::backdrop{background:rgba(10,10,10,.75)}
.mh-c-dialog[open]{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}
.mh-c-d-img{width:100%;height:auto;display:block}
.mh-c-d-texte{padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;gap:12px}
.mh-c-d-etat{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--grey)}
.mh-c-dialog h2{font:normal clamp(30px,3.4vw,48px)/1 MhGarage,Impact,sans-serif;overflow-wrap:anywhere}
.mh-c-d-histoire{font-size:17px;line-height:1.6;color:#333}
.mh-c-d-histoire:empty{display:none}
.mh-c-d-contact{color:var(--ink);border-bottom:1px solid var(--grey);padding:8px 0;text-decoration:none;align-self:flex-start}
.mh-c-d-contact[hidden]{display:none}
.mh-c-d-contact:hover,.mh-c-d-contact:focus-visible{color:var(--red);border-color:var(--red)}
.mh-c-fermer{position:absolute;top:8px;right:10px;font-size:30px;line-height:1;background:none;border:0;cursor:pointer;color:var(--ink);width:44px;height:44px}
.mh-c-fin{text-align:center;padding-top:clamp(50px,7vw,100px)}
.mh-c-fin a{font-size:16px;color:var(--ink);border-bottom:1px solid var(--grey);padding:10px 0;text-decoration:none}
@media (max-width:760px){.mh-c-dialog[open]{grid-template-columns:1fr}.mh-c-grille{grid-template-columns:repeat(2,1fr)}}
/* le thème ajoute des puces et des marges aux listes */
.mh-c-grille>li{list-style:none;margin:0;padding:0;min-width:0}
.mh-c-grille>li::before,.mh-c-grille>li::marker{content:none;display:none}
.mh-collection-page{overflow-x:clip;max-width:100%}
.mh-c-grille{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
@media (max-width:760px){.mh-c-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mh-c-dialog[open]{position:fixed;inset:0;margin:auto;max-height:90vh;overflow:auto}

/* mh-plein */
/* Toute la collection, ouverte DANS la carte noire Bo'HoM' (pas en plein écran) : elle a son propre défilement. */
.mh-voir-tout{font:inherit;font-size:15px;letter-spacing:.06em;color:#fff;background:#c5261b;border:0;border-radius:999px;padding:10px 20px;min-height:44px;cursor:pointer}
.mh-voir-tout:hover,.mh-voir-tout:focus-visible{background:#e2392b;outline:2px solid #fff;outline-offset:2px}
.mh-c-plein{position:absolute;inset:0;z-index:30;background:#111;color:#fff;overflow:auto;overscroll-behavior:contain;border-radius:inherit}
.mh-c-plein[hidden]{display:none}
/* Apparition douce : le panneau naît du bouton (même chemin à l'aller et au retour), la vitrine recule doucement. */
.mh-c-plein{opacity:0;transform:translateY(28px) scale(.985);transform-origin:var(--mh-origine,50% 0);filter:blur(6px);
  transition:opacity .55s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1),filter .55s cubic-bezier(.2,.8,.2,1)}
.mh-c-plein.is-open{opacity:1;transform:none;filter:none}
.mh-c-plein.is-closing{transition-duration:.38s,.42s,.38s;transition-timing-function:cubic-bezier(.4,0,.8,.4)}
.mh-collection>:not(.mh-c-plein){transition:filter .55s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.mh-collection.mh-c-ouvert>:not(.mh-c-plein){filter:brightness(.3);transform:scale(.985)}
/* les Bo'HoM' arrivent les uns après les autres, à peine décalés */
.mh-c-plein .mh-c-piece{transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.mh-c-plein:not(.is-open) .mh-c-piece{opacity:0;transform:translateY(14px)}
@media (prefers-reduced-motion:reduce){
  .mh-c-plein,.mh-c-plein .mh-c-piece,.mh-collection>:not(.mh-c-plein){transform:none!important;filter:none!important;transition:opacity .25s ease!important}
}
.mh-c-plein:focus{outline:none}
.mh-c-plein-barre{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(16px,4vw);background:#111;border-bottom:1px solid rgba(255,255,255,.12)}
.mh-c-plein-barre p{margin:0;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:#e2392b}
.mh-c-plein-fermer{font:inherit;font-size:15px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:8px 18px;min-height:44px;cursor:pointer}
.mh-c-plein-fermer:hover,.mh-c-plein-fermer:focus-visible{border-color:#fff;outline:none}
/* la collection elle-même, en version noire */
.mh-c-plein .mh-collection-page{background:#111;color:#fff;padding-top:10px}
.mh-c-plein .mh-c-filtres{background:#111;border-bottom-color:rgba(255,255,255,.12);top:73px}
.mh-c-plein .mh-c-filtres button{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.mh-c-plein .mh-c-filtres button[aria-pressed="true"]{background:#fff;color:#111;border-color:#fff}
.mh-c-plein .mh-c-ouvrir img{background:#fff;border-radius:4px}
.mh-c-plein .mh-c-ouvrir:hover{background:rgba(255,255,255,.06)}
.mh-c-plein .mh-c-titre{color:#fff}
.mh-c-plein .mh-c-etat{color:rgba(255,255,255,.6)}
.mh-c-plein .mh-c-etat.is-vente{color:#6fd08f}

/* mh-voyage */
/* Neutralise les styles du thème sur les éléments du module ; les règles de la maquette suivent. */
.mh-voy,.mh-voy :where(div,section,header,nav,p,h1,h2,small,span,i,a,button,img,dialog){all:revert}
.mh-voy{display:block;position:relative;width:100vw;max-width:none;text-align:left;line-height:normal}
/* Le thème met overflow:hidden sur les <section> : l'épinglage de la scène en dépend. */
.mh-voy section.mhv-journey,.mh-voy section.mhv-finish{overflow:visible!important}
@font-face{font-family:"GarageShock";src:url('https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/voyage/garageshock.woff2') format('woff2');font-display:block}
.mh-voy{--red:#e10000;--ink:#202122;--sky:#bcd3e0;--paper:#fff}
.mh-voy *{box-sizing:border-box}
.mh-voy{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.mh-voy button,.mh-voy a{-webkit-tap-highlight-color:transparent}
.mh-voy button{font:inherit;cursor:pointer}
.mh-voy button:focus-visible,.mh-voy a:focus-visible{outline:3px solid var(--red);outline-offset:6px}
.mh-voy button{color:inherit}
.mh-voy a{color:inherit}
.mh-voy .mhv-top{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;pointer-events:none}
.mh-voy .mhv-top>*{pointer-events:auto}
.mh-voy .mhv-brand img{width:108px;height:auto;display:block}
.mh-voy .mhv-top a:last-child{font-size:13px;text-decoration:none;border-bottom:1px solid!important;padding:8px 0}
.mh-voy .mhv-journey{height:760svh;position:relative}
.mh-voy .mhv-stage{height:calc(100svh - var(--mhv-top,0px));position:sticky;top:var(--mhv-top,0px);overflow:hidden;background:#fff}
.mh-voy .mhv-world{position:absolute;inset:0;background:#c6d8e1;overflow:hidden;clip-path:ellipse(30% 42% at 68% 53%)}
.mh-voy .mhv-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 28%,#f4f6f1 0,transparent 70%)}
.mh-voy .mhv-ground{position:absolute;top:68%;height:70%;width:150%;left:-25%;background:#d1d0c9;border-radius:50% 50% 0 0!important;box-shadow:0 -12px 0 #e3e0d7,0 -17px 0 #f4f1e7}
.mh-voy .mhv-path{position:absolute;top:55%;height:65%;left:19%;width:62%;background:#efede5;clip-path:polygon(49% 0,51% 0,98% 100%,0 100%);opacity:.65}
.mh-voy .mhv-piece{position:absolute;top:0;left:0;transform-origin:50% 100%;will-change:transform;pointer-events:none;filter:drop-shadow(3px 8px 3px #383b3e20)}
.mh-voy .mhv-piece img{display:block;width:100%;height:auto}
.mh-voy .mhv-piece.mhv-person{pointer-events:auto;background:none;border:0!important;padding:0}
.mh-voy .mhv-piece.mhv-person img{transition:filter .25s}
.mh-voy .mhv-piece.mhv-person:hover img{filter:drop-shadow(0 0 10px #ffffff)}
.mh-voy .mhv-piece.mhv-person:focus-visible{outline-offset:0}
.mh-voy .mhv-opening{position:absolute;left:7%;top:28%;width:37%;z-index:5}
.mh-voy .mhv-opening .mhv-small{font-size:16px;margin:0 0 22px}
.mh-voy .mhv-opening h1{font-size:clamp(38px,4.8vw,70px);line-height:1.03;letter-spacing:-.045em;margin:0;font-weight:800}
.mh-voy .mhv-opening h1 span{color:var(--red);font-family:GarageShock,Impact,sans-serif;font-weight:400;letter-spacing:0;font-size:1.24em;display:block;margin-top:12px}
.mh-voy .mhv-opening p{font-size:16px;line-height:1.6;max-width:29ch;margin:24px 0}
.mh-voy .mhv-enter{background:var(--red);border:0!important;color:white;padding:16px 24px;font-weight:700;display:inline-flex;gap:30px;align-items:center}
.mh-voy .mhv-enter:hover{background:#ba0000}
.mh-voy .mhv-caption{position:absolute;left:7%;top:16%;max-width:460px;z-index:6;pointer-events:none;opacity:0}
.mh-voy .mhv-caption{background:rgba(255,255,255,.94);padding:22px 28px 25px;clip-path:polygon(0 2%,98% 0,100% 96%,2% 100%)}
.mh-voy .mhv-caption .mhv-chapter{font-family:GarageShock,Impact,sans-serif;color:var(--red);font-size:clamp(42px,6vw,80px);line-height:1;margin:0 0 12px}
.mh-voy .mhv-caption p{max-width:29ch;font-size:clamp(15px,1.6vw,20px);line-height:1.5;margin:0}
.mh-voy .mhv-travel-ui{position:absolute;bottom:28px;left:4vw;right:4vw;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mh-voy .mhv-hint{font-size:13px;display:flex;gap:12px;align-items:center}
.mh-voy .mhv-hint .mhv-arrow{font-size:24px;color:var(--red)}
.mh-voy .mhv-stops{display:flex;gap:9px}
.mh-voy .mhv-stop{border:0!important;background:transparent;padding:14px 4px;font-size:12px;display:flex;gap:7px;align-items:center}
.mh-voy .mhv-stop i{display:block;width:7px;height:7px;border-radius:50%!important;background:#747b7e}
.mh-voy .mhv-stop.mhv-active i{background:var(--red);box-shadow:0 0 0 4px #e1000015}
.mh-voy .mhv-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--red);transform-origin:left;width:100%;transform:scaleX(0);z-index:12}
.mh-voy .mhv-note{background:#ffffffed;padding:12px 16px;position:absolute;right:5%;top:25%;font-family:Georgia,serif;font-style:italic;font-size:17px;transform:rotate(5deg);opacity:0;z-index:6;max-width:160px;line-height:1.4}
.mh-voy .mhv-finish{padding:100px 6vw 65px;text-align:center;position:relative;background:#fff}
.mh-voy .mhv-finish h2{font-size:clamp(35px,5vw,64px);letter-spacing:-.035em;margin:0 0 18px}
.mh-voy .mhv-finish h2 span{font-family:GarageShock,Impact,sans-serif;font-weight:400;color:var(--red);font-size:1.3em;letter-spacing:0}
.mh-voy .mhv-finish>p{font-size:17px;line-height:1.6;margin:0 auto 35px;max-width:52ch}
.mh-voy .mhv-cast{display:flex;justify-content:center;gap:clamp(8px,3vw,50px);align-items:flex-end;margin:35px auto 50px;max-width:1000px}
.mh-voy .mhv-cast button{width:22%;border:0!important;background:none;padding:10px 3px}
.mh-voy .mhv-cast img{height:clamp(125px,20vw,250px);max-width:100%;object-fit:contain;transition:transform .3s}
.mh-voy .mhv-cast button:hover img{transform:translateY(-12px) rotate(-3deg)}
.mh-voy .mhv-cast span{display:block;font-size:13px;margin-top:18px}
.mh-voy .mhv-replay{border:1px solid #242424!important;background:white;padding:14px 25px;font-size:14px}
.mh-voy .mhv-credit{font-size:12px!important;margin-top:50px!important;color:#5c5c5c}
.mh-voy dialog{border:0!important;padding:0;width:min(800px,90vw);max-height:88svh;background:#f6f6f3;color:var(--ink);box-shadow:0 24px 100px #0004}
.mh-voy dialog::backdrop{background:#202a32b0;backdrop-filter:blur(7px)}
.mh-voy .mhv-detail{display:flex;align-items:center;gap:35px;padding:55px 45px}
.mh-voy .mhv-detail img{width:42%;height:300px;object-fit:contain}
.mh-voy .mhv-detail h2{font-family:GarageShock,Impact,sans-serif;font-size:48px;line-height:1.1;font-weight:400;color:var(--red);margin:0 0 16px}
.mh-voy .mhv-detail p{line-height:1.7;font-size:16px}
.mh-voy .mhv-close{position:absolute;right:15px;top:10px;border:0!important;background:none;font-size:29px;width:44px;height:44px}
.mh-voy .mhv-detail small{font-size:12px;color:#555}
.mh-voy.mhv-reduced .mhv-journey{height:calc(100svh - var(--mhv-top,0px))}
.mh-voy.mhv-reduced .mhv-stops,.mh-voy.mhv-reduced .mhv-hint{display:none}
.mh-voy.mhv-reduced .mhv-opening{opacity:1!important}
.mh-voy.mhv-reduced .mhv-caption{display:none}
@media(max-width:700px){.mh-voy .mhv-top{padding:17px 6vw}
.mh-voy .mhv-brand img{width:82px}
.mh-voy .mhv-top a:last-child{font-size:12px}
.mh-voy .mhv-opening{left:8%;top:15%;width:84%;text-align:center}
.mh-voy .mhv-opening .mhv-small{font-size:13px;margin-bottom:12px}
.mh-voy .mhv-opening h1{font-size:38px;letter-spacing:-.04em}
.mh-voy .mhv-opening h1 span{display:inline;font-size:1.2em;margin-left:7px}
.mh-voy .mhv-opening p{font-size:14px;max-width:29ch;margin:16px auto}
.mh-voy .mhv-enter{padding:13px 21px;font-size:13px}
.mh-voy .mhv-world{clip-path:ellipse(60% 32% at 50% 73%)}
.mh-voy .mhv-caption{left:8%;top:16%;max-width:84%}
.mh-voy .mhv-caption .mhv-chapter{font-size:46px}
.mh-voy .mhv-caption p{font-size:15px;max-width:27ch}
.mh-voy .mhv-note{right:8%;top:40%;font-size:14px;width:100px}
.mh-voy .mhv-travel-ui{bottom:18px;left:6vw;right:6vw}
.mh-voy .mhv-hint{font-size:11px}
.mh-voy .mhv-stops{gap:3px}
.mh-voy .mhv-stop{font-size:0;padding:16px 8px}
.mh-voy .mhv-stop i{width:8px;height:8px}
.mh-voy .mhv-finish{padding:65px 6vw 40px}
.mh-voy .mhv-finish h2{font-size:36px}
.mh-voy .mhv-finish>p{font-size:15px}
.mh-voy .mhv-cast{flex-wrap:wrap;gap:25px 12px}
.mh-voy .mhv-cast button{width:43%}
.mh-voy .mhv-cast img{height:180px}
.mh-voy .mhv-detail{padding:50px 25px 30px;flex-direction:column;gap:20px;text-align:center}
.mh-voy .mhv-detail img{width:60%;height:210px}
.mh-voy .mhv-detail h2{font-size:40px}
.mh-voy .mhv-detail p{font-size:14px}
.mh-voy .mhv-journey{height:680svh}}
@media(prefers-reduced-motion:reduce){.mh-voy *,.mh-voy *::before,.mh-voy *::after{animation:none!important;transition:none!important}}
/* Keep the original oval and forward perspective. Only the journey beyond it changes. */
.mh-voy .mhv-journey{height:1450svh}
.mh-voy .mhv-caption{left:50%;top:100px;transform:translateX(-50%);max-width:none;background:transparent;clip-path:none;padding:0;white-space:nowrap}
.mh-voy .mhv-caption p{font-family:Georgia,serif;font-style:italic;font-size:20px;line-height:1.4;background:#ffffffdf;padding:8px 18px;border-radius:2px!important;color:#343b3e}
.mh-voy .mhv-travel-ui{bottom:24px;align-items:center}
.mh-voy .mhv-travel-controls{display:flex;gap:12px;align-items:center}
.mh-voy .mhv-gesture,.mh-voy .mhv-map-open{border:0!important;background:#fffffff0;padding:12px 16px;font-size:12px;display:flex;align-items:center;gap:18px;min-height:44px}
.mh-voy .mhv-gesture{opacity:0;pointer-events:none}
.mh-voy .mhv-gesture.mhv-ready{opacity:1;pointer-events:auto}
.mh-voy .mhv-gesture span{color:var(--red);font-size:17px}
.mh-voy .mhv-map-open span{font-size:19px}
.mh-voy .mhv-gesture:hover,.mh-voy .mhv-map-open:hover{background:#fff;box-shadow:0 2px 12px #22332218}
.mh-voy .mhv-hint{background:#ffffffd9;padding:8px 12px;border-radius:2px!important}
.mh-voy .mhv-piece.mhv-person::after{content:"";position:absolute;bottom:-2%;left:19%;width:62%;height:5%;border-radius:50%!important;background:#25312b4d;filter:blur(6px);z-index:-1}
.mh-voy .mhv-piece.mhv-person{isolation:isolate;filter:drop-shadow(3px 7px 3px #27352e25)}
.mh-voy .mhv-piece.mhv-scenery img{transition:filter 1.6s ease}
.mh-voy .mhv-world{transition:background-color .25s linear}
.mh-voy .mhv-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 17%,#fff8e175,transparent 65%);opacity:0}
.mh-voy .mhv-piece.mhv-extra{filter:drop-shadow(4px 7px 3px #293b3b20)}
.mh-voy .mhv-cast{flex-wrap:wrap;gap:30px 22px;max-width:1200px}
.mh-voy .mhv-cast button{width:115px}
.mh-voy .mhv-cast img{height:140px}
.mh-voy .mhv-cast span{font-size:11px;line-height:1.4}
.mh-voy.mhv-reduced .mhv-gesture{display:none}
.mh-voy.mhv-reduced .mhv-caption{display:none}
.mh-voy.mhv-reduced .mhv-map-open{display:none}
.mh-voy #mhv-map{padding:48px;width:min(850px,92vw)}
.mh-voy #mhv-map h2{font-family:GarageShock,Impact,sans-serif;font-weight:400;font-size:44px;color:var(--red);margin:0 0 10px}
.mh-voy #mhv-map>p{font-size:14px;line-height:1.6;margin:0 0 25px;color:#535956}
.mh-voy #mhv-map-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.mh-voy #mhv-map-list button{display:flex;align-items:center;gap:20px;background:none;border:0!important;border-top:1px solid #d5d8d1!important;padding:12px 0;text-align:left;font-size:14px}
.mh-voy #mhv-map-list img{width:65px;height:70px;object-fit:contain}
.mh-voy #mhv-map-list button:hover{color:var(--red)}
.mh-voy .mhv-stop-label{display:block}
.mh-voy .mhv-top a:last-child{background:#ffffffcf;padding:8px 10px}
.mh-voy .mhv-detail{max-height:85svh;overflow:auto}
.mh-voy .mhv-detail p{font-size:15px}
@media(max-width:700px){.mh-voy .mhv-journey{height:1350svh}
.mh-voy .mhv-caption{top:86px;left:50%;max-width:90%;width:auto}
.mh-voy .mhv-caption p{font-size:15px;padding:6px 13px}
.mh-voy .mhv-travel-ui{left:4vw;right:4vw;bottom:14px;gap:6px;flex-wrap:wrap}
.mh-voy .mhv-hint{padding:5px 8px;font-size:10px;gap:7px}
.mh-voy .mhv-hint .mhv-arrow{font-size:17px}
.mh-voy .mhv-travel-controls{gap:5px}
.mh-voy .mhv-gesture,.mh-voy .mhv-map-open{font-size:10px;padding:8px 10px;gap:8px;min-height:39px}
.mh-voy .mhv-map-open span{font-size:15px}
.mh-voy .mhv-gesture span{font-size:14px}
.mh-voy .mhv-cast{gap:20px 12px}
.mh-voy .mhv-cast button{width:27%}
.mh-voy .mhv-cast img{height:110px}
.mh-voy .mhv-cast span{font-size:10px}
.mh-voy .mhv-detail{max-height:86svh}
.mh-voy .mhv-detail img{height:180px}
.mh-voy #mhv-map{padding:45px 22px 25px}
.mh-voy #mhv-map h2{font-size:34px}
.mh-voy #mhv-map-list{gap:0 15px}
.mh-voy #mhv-map-list button{font-size:12px;gap:9px}
.mh-voy #mhv-map-list img{height:58px;width:42px}}
/* Visual-only journey: names stay available to assistive technology. */
.mh-voy .mhv-opening{left:50%;top:auto;bottom:3%;width:auto;transform:translateX(-50%)!important}
.mh-voy .mhv-opening .mhv-enter{width:48px;height:48px;justify-content:center;border-radius:50%!important;padding:0;background:white;color:#ca0015;border:1px solid #dfdfda!important;font-size:24px;box-shadow:0 2px 10px #20262210}
.mh-voy .mhv-opening .mhv-enter:hover{color:white;background:#d60017}
.mh-voy .mhv-caption,.mh-voy .mhv-hint,.mh-voy .mhv-finish>h2,.mh-voy .mhv-finish>p,.mh-voy .mhv-cast span,.mh-voy #mhv-map h2,.mh-voy #mhv-map>p,.mh-voy .mhv-detail>div{display:none!important}
.mh-voy .mhv-top a:last-child{border:0!important;background:#ffffffbb;width:42px;height:42px;display:grid;place-items:center;font-size:22px;padding:0}
.mh-voy .mhv-top{padding-top:20px}
.mh-voy .mhv-path{display:none}
.mh-voy .mhv-road{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mh-voy .mhv-piece{transform-origin:0 0;will-change:auto}
.mh-voy .mhv-world{transition:none}
.mh-voy .mhv-ground{box-shadow:0 -8px 0 #e3e3d78a,0 -11px 0 #f1f1e788}
.mh-voy .mhv-travel-ui{left:auto;right:4vw;bottom:24px;gap:8px}
.mh-voy .mhv-gesture,.mh-voy .mhv-map-open{width:42px;height:42px;padding:0;justify-content:center;font-size:24px;border-radius:50%!important;box-shadow:0 2px 12px #22332210}
.mh-voy .mhv-map-open{font-size:22px}
.mh-voy .mhv-world-dots{position:absolute;left:50%;bottom:29px;transform:translateX(-50%);z-index:10;display:flex;gap:4px;padding:0 8px;background:#ffffffb3;border-radius:22px!important}
.mh-voy .mhv-world-dot{border:0!important;background:none;width:24px;height:32px;padding:0;display:grid;place-items:center}
.mh-voy .mhv-world-dot i{display:block;width:5px;height:5px;background:#5a6567;border-radius:50%!important}
.mh-voy .mhv-world-dot[aria-current=true] i{background:#d40018;box-shadow:0 0 0 3px #d4001817}
.mh-voy .mhv-opening~.mhv-world-dots{pointer-events:auto}
.mh-voy .mhv-finish{padding:60px 6vw}
.mh-voy .mhv-cast{margin:0 auto 30px}
.mh-voy .mhv-cast button{min-height:165px}
.mh-voy .mhv-cast img{height:145px}
.mh-voy .mhv-replay{width:48px;height:48px;font-size:25px;padding:0;border-radius:50%!important;border-color:#ddd!important}
.mh-voy .mhv-detail{padding:30px;justify-content:center}
.mh-voy .mhv-detail img{width:auto;max-width:85%;height:min(68svh,550px);object-fit:contain}
.mh-voy dialog{width:min(650px,90vw)}
.mh-voy #mhv-map{padding:45px 35px 25px}
.mh-voy #mhv-map-list{grid-template-columns:repeat(4,1fr);gap:10px}
.mh-voy #mhv-map-list button{padding:12px;border:0!important;justify-content:center}
.mh-voy #mhv-map-list img{width:100%;height:125px;transition:transform .3s}
.mh-voy #mhv-map-list button:hover img{transform:translateY(-6px)}
.mh-voy.mhv-reduced .mhv-world-dots{display:none}
@media(max-width:700px){.mh-voy .mhv-opening{left:50%;top:auto;bottom:7%;width:auto;text-align:center}
.mh-voy .mhv-opening .mhv-enter{width:40px;height:40px;font-size:22px}
.mh-voy .mhv-travel-ui{left:auto;right:5vw;bottom:18px}
.mh-voy .mhv-gesture,.mh-voy .mhv-map-open{width:36px;height:36px;min-height:36px;font-size:21px}
.mh-voy .mhv-travel-controls{gap:7px}
.mh-voy .mhv-world-dots{left:5vw;bottom:20px;transform:none;gap:1px;padding:0 5px}
.mh-voy .mhv-world-dot{width:20px;height:30px}
.mh-voy .mhv-top{padding:16px 6vw}
.mh-voy .mhv-top a:last-child{width:36px;height:36px;font-size:20px}
.mh-voy .mhv-finish{padding-top:40px}
.mh-voy .mhv-cast button{min-height:130px}
.mh-voy .mhv-cast img{height:110px}
.mh-voy #mhv-map{padding:45px 15px 20px}
.mh-voy #mhv-map-list{grid-template-columns:repeat(3,1fr);gap:8px}
.mh-voy #mhv-map-list button{padding:7px}
.mh-voy #mhv-map-list img{height:100px}
.mh-voy .mhv-detail{padding:35px 20px 20px}
.mh-voy .mhv-detail img{width:auto;max-width:100%;height:auto;max-height:70svh}}
.mh-voy .mhv-haze{opacity:.55}
.mh-voy .mhv-world-dots{transition:opacity .35s}
.mh-voy .mhv-ground{box-shadow:0 -6px 0 #e0e0d477}
.mh-voy .mhv-world::after{content:"";position:absolute;inset:0;z-index:25000;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/%23t)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
@media(prefers-reduced-motion:reduce){.mh-voy .mhv-world-dots{transition:none}}
/* Téléphone : commandes du voyage à 44 px au toucher. */
@media(max-width:700px){.mh-voy .mhv-gesture,.mh-voy .mhv-map-open{width:44px;height:44px;min-height:44px}.mh-voy .mhv-world-dot{width:26px;height:44px}.mh-voy .mhv-opening .mhv-enter{width:44px;height:44px}}

/* mh-fonts */
/* Polices hébergées sur le site (RGPD : plus d'appel à Google Fonts). Licence SIL OFL. */
@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/polices/montserrat-400.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/polices/montserrat-600.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400;font-display:swap;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/polices/playfair-400.woff2) format("woff2")}

/* mh-tableau */
/* Tableau calligraphique : reprend la mise en page du module Slider Revolution (grille 1240 × 700). */
.mh-tableau{--rouge:#e10000;--ease:cubic-bezier(.77,0,.175,1);background:#fff;color:#000;overflow:hidden;padding:0 16px}
.mh-tableau__scene{position:relative;max-width:1240px;height:700px;margin:0 auto}
.mh-tableau__lettre{position:absolute;left:0;top:55px;font:400 400px/400px "Playfair Display",Georgia,serif;color:var(--rouge);z-index:0}
.mh-tableau__oeuvre{position:absolute;margin:0;width:423px;height:423px;left:calc(50% - 215px - 211px);top:calc(50% + 41px - 211px);z-index:1}
/* Toile carrée remplie : l'œuvre couvre tout le carré (léger rognage centré si elle n'est pas carrée). */
.mh-tableau__oeuvre img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;
  /* Ombre de l'original (.immersion-box) : la toile se détache du mur. */
  box-shadow:20px 30px 50px 0 rgba(0,0,0,.35);background:#fff}
/* Flottement en boucle (yoyo 4 s), séparé du parallaxe et de l'apparition. */
.mh-tableau__flotte{display:block;height:100%;will-change:transform}
.mh-tableau__oeuvre picture{display:block;height:100%;animation:mh-float 4s ease-in-out infinite alternate}
@keyframes mh-float{from{transform:translateY(0)}to{transform:translateY(-14px)}}
.mh-tableau__texte{position:absolute;left:calc(50% + 52px);top:138px;width:min(546px,calc(50% - 68px));font-family:MhAbel,Arial,sans-serif;z-index:2}
.mh-tableau__trait>span{display:block;width:200px;height:2px;background:var(--rouge)}
.mh-tableau__technique{margin:26px 0 0;font-size:13px;line-height:13px;letter-spacing:.16em;text-transform:uppercase}
.mh-tableau__mot{margin:32px 0 0;font:400 40px/50px MhBeau,Georgia,serif;color:#000}
.mh-tableau__citation{margin:33px 0 0;padding:0;border:0;font-size:20px;line-height:32px;color:rgba(0,0,0,.56);font-style:normal}
.mh-tableau__citation strong{font-weight:inherit;color:inherit}
.mh-tableau__citation,.mh-tableau__citation *{font-family:MhAbel,Arial,sans-serif;text-transform:none;letter-spacing:0;font-style:normal}
.mh-tableau__citation .mh-tableau__auteur{display:block;margin-top:30px;font:17px/30px MhAbel,Arial,sans-serif}
.mh-tableau__annee{margin:24px 0 0;font-size:17px;line-height:30px;color:rgba(0,0,0,.56)}
/* Apparition : chaque ligne glisse depuis la droite derrière un cache (power4.inOut, 2 s). */
.mh-rv{display:block;overflow:hidden}
.mh-rv>span{display:block;transform:translateX(100%);transition:transform 2s var(--ease) var(--d,1s)}
.mh-tableau__lettre.mh-rv{display:block}
.mh-rise{opacity:0;transform:translateY(50px);filter:blur(10px);transition:opacity .4s ease .5s,transform 2s ease .5s,filter 1.6s ease .5s}
.mh-tableau--droite .mh-tableau__texte .mh-rv>span{transform:translateX(-100%)}
.mh-tableau.is-in .mh-rv>span{transform:none}
.mh-tableau.is-in .mh-rise{opacity:1;transform:none;filter:none}
[data-depth]{will-change:transform}
/* Tablette et mobile : l'œuvre au centre, la lettre derrière, le texte dessous. */
/* Version miroir : texte à gauche, œuvre et lettre à droite (grille d'origine : texte x 51, œuvre 437 px à 284 px du bord droit, lettre à 170 px). */
.mh-tableau--droite .mh-tableau__lettre{left:auto;right:13.7%;top:271px}
.mh-tableau--droite .mh-tableau__oeuvre{left:auto;right:22.9%;top:154px;width:437px;height:437px}
.mh-tableau--droite .mh-tableau__texte{left:4.1%;width:min(417px,calc(100% - 22.9% - 437px - 4.1% - 56px))}
@media (max-width:1024px){
  .mh-tableau__scene{height:auto;padding:40px 0 64px;display:flex;flex-direction:column;align-items:center}
  .mh-tableau__lettre{left:50%;top:10px;margin-left:-.35em;font-size:250px;line-height:250px}
  .mh-tableau__oeuvre{position:relative;left:auto;top:auto;width:min(80vw,423px);height:auto;aspect-ratio:1}
  .mh-tableau__texte{position:relative;left:auto;top:auto;width:100%;max-width:546px;margin-top:32px}
  .mh-tableau__trait>span{width:100px}
  .mh-tableau__scene{align-items:stretch}
  .mh-tableau__oeuvre{width:min(66vw,400px);align-self:flex-end;margin-right:6%}
  .mh-tableau__lettre{left:0;margin-left:0;top:30px}
  .mh-tableau--droite .mh-tableau__lettre{left:auto;right:0;top:30px}
  .mh-tableau--droite .mh-tableau__oeuvre{right:auto;top:auto;align-self:flex-start;margin:0 0 0 6%;width:min(66vw,400px);height:auto}
  .mh-tableau--droite .mh-tableau__texte{left:auto;width:100%}
}
@media (prefers-reduced-motion:reduce){.mh-rv>span,.mh-tableau--droite .mh-tableau__texte .mh-rv>span{transform:none;opacity:0;transition:opacity .6s ease var(--d,0s)}.mh-tableau.is-in .mh-rv>span{opacity:1}.mh-rise{transform:none;filter:none;transition:opacity .6s ease}.mh-tableau__oeuvre picture{animation:none}}
.mh-static .mh-tableau *{transition:none!important;animation:none!important}

