/* cmplz-general */
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
/* mh-accueil */
.mh-home,.mh-home *{box-sizing:border-box}.mh-home{position:relative;width:100%;height:100svh;min-height:740px;max-height:1200px;background:#fff;color:#111;overflow:hidden;font-family:MhAbel,Arial,sans-serif;isolation:isolate}.mh-home a{color:#111;text-decoration:none}.mh-home h1,.mh-home h2,.mh-home p,.mh-home figure{margin:0;padding:0}.mh-home-header{position:absolute;inset:22px 4.5% auto;display:flex;justify-content:space-between;align-items:center;z-index:4}.mh-home-monogram{font:38px/1 MhAbel,Arial,sans-serif;letter-spacing:-8px;padding-right:8px}.mh-home-monogram span{position:relative;top:8px}.mh-home-header nav{display:flex;gap:30px}.mh-home-header nav a{font:16px/1.4 MhAbel,Arial,sans-serif;min-height:44px;display:flex;align-items:center}.mh-home-name{position:absolute;top:12%;left:5%;right:5%;text-align:center;z-index:3}.mh-home-name h1{font:normal clamp(26px,3.25vw,52px)/1.3 MhAbel,Arial,sans-serif;letter-spacing:.28em;color:#c5261b;text-transform:none}.mh-home-name p{font:14px/1.5 MhAbel,Arial,sans-serif;letter-spacing:.39em;margin-top:6px}.mh-home-ink{position:absolute;left:19%;top:19%;width:63%;height:63%;object-fit:contain;pointer-events:none;z-index:0}.mh-home-copy{position:absolute;top:44%;z-index:3;max-width:27%}.mh-home-bohom{left:5.8%}.mh-home-calligraphy{right:5.7%}.mh-home-copy h2{font:normal clamp(34px,3.4vw,56px)/1.15 MhAbel,Arial,sans-serif;letter-spacing:-.035em;text-transform:none}.mh-home-copy p{font:clamp(16px,1.4vw,23px)/1.5 MhAbel,Arial,sans-serif;margin:2px 0 18px}.mh-home-copy>a{display:inline-flex;gap:8px;align-items:center;font:16px/1.4 MhAbel,Arial,sans-serif;border-bottom:1px solid #777;min-height:44px}.mh-home-copy>a:hover{color:#b32219;border-color:#b32219}.mh-home-figure{position:absolute;left:28%;width:44%;top:26%;height:60%;z-index:2}.mh-home-poster,.mh-home-model{position:absolute;inset:0 0 10%;width:100%;height:90%;object-fit:contain;background:transparent}.mh-home-model{opacity:0;touch-action:pan-y;cursor:grab}.mh-scene3d{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0;transition:opacity .6s}.mh-home:has(.is-loaded) .mh-scene3d{opacity:1}.mh-home-figure.is-loaded .mh-home-model{opacity:1}.mh-home-figure.is-loaded .mh-home-poster{visibility:hidden}.mh-home-figure figcaption{position:absolute;left:0;right:0;bottom:0;text-align:center}.mh-home-turn{display:flex;align-items:center;justify-content:center;gap:12px;height:36px}.mh-home-turn span{width:42%;height:13px;border-bottom:1px solid #333;border-radius:0 0 50% 50%}.mh-home .mh-home-turn button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;color:#111;font:24px/1 MhAbel,Arial,sans-serif;touch-action:manipulation}.mh-home-instruction{font:14px/1.4 MhAbel,Arial,sans-serif;letter-spacing:.15em}.mh-home-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mh-home-scroll{position:absolute;bottom:3.6%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;min-width:130px;min-height:56px;z-index:3}.mh-home-scroll span:first-child{font:10px/1.5 MhAbel,Arial,sans-serif;letter-spacing:.32em}.mh-home-scroll span:last-child{font:36px/1 MhAbel,Arial,sans-serif}.mh-home a:focus-visible,.mh-home button:focus-visible{outline:2px solid #c5261b!important;outline-offset:5px}.mh-home-model:focus-visible{outline:2px solid #c5261b;outline-offset:-4px}@media(max-width:1000px){.mh-home-copy{max-width:25%}.mh-home-copy p{font-size:17px}.mh-home-copy>a{font-size:14px}.mh-home-name h1{letter-spacing:.22em}.mh-home-figure{left:25%;width:50%}}@media(max-width:640px){.mh-home{height:100svh;min-height:790px;max-height:none}.mh-home-header{inset:15px 6% auto}.mh-home-monogram{font-size:30px}.mh-home-header nav{gap:17px}.mh-home-header nav a{font-size:13px}.mh-home-header nav a:nth-child(n+3){display:none}.mh-home-name{top:105px;left:6%;right:6%}.mh-home-name h1{font-size:23px;letter-spacing:.18em;line-height:1.5}.mh-home-name p{font-size:10px;letter-spacing:.28em}.mh-home-ink{left:-13%;top:180px;width:126%;height:400px}.mh-home-figure{left:7%;width:86%;top:185px;height:390px}.mh-home-figure .mh-home-instruction{font-size:11px;letter-spacing:.09em}.mh-home-copy{top:auto;bottom:105px;max-width:44%;width:44%}.mh-home-bohom{left:6%}.mh-home-calligraphy{right:6%}.mh-home-copy h2{font-size:27px}.mh-home-copy p{font-size:14px;line-height:1.35;margin-top:6px;margin-bottom:7px}.mh-home-copy>a{font-size:12px;min-height:44px;gap:3px}.mh-home-scroll{bottom:15px}.mh-home-scroll span:first-child{font-size:9px}.mh-home-scroll span:last-child{font-size:29px}}@media(prefers-reduced-motion:reduce){.mh-home *{scroll-behavior:auto!important;transition:none!important}.mh-home-ink{transform:none!important}}
/* Reserve separate vertical bands for the model controls and the two entries. */
@media(max-width:640px){.mh-home{min-height:860px}.mh-home-copy{top:610px;bottom:auto}.mh-home-scroll{bottom:20px}}
/* A continuous, native-scroll journey. The artwork remains one live model. */
.mh-journey{position:relative;height:500svh;background:#fff}.mh-waypoint{position:absolute;width:1px;height:1px;pointer-events:none}.mh-journey .mh-home{position:sticky;top:0;height:100svh;min-height:0;max-height:none}.mh-journey .mh-home-name h1{color:#e10000}.mh-journey .mh-home-figure{transform-origin:center center;will-change:transform}.mh-chapter{position:absolute;z-index:4;left:7%;top:35%;max-width:34%;opacity:0;visibility:hidden;pointer-events:none}.mh-chapter h2{font:normal clamp(34px,4.6vw,70px)/1.08 MhAbel,Arial,sans-serif;letter-spacing:-.045em;text-transform:none;margin:20px 0}.mh-chapter p{font:18px/1.6 MhAbel,Arial,sans-serif}.mh-chapter a{display:inline-block;border-bottom:1px solid #888;margin-top:24px;padding:10px 0}.mh-eyebrow{font:10px/1.5 MhAbel,Arial,sans-serif;letter-spacing:.25em}.mh-chapter-orbit{left:6%;top:13%;max-width:40%}.mh-chapter-orbit h2{font-size:clamp(30px,3.4vw,50px)}.mh-chapter-orbit p{font-size:14px}.mh-chapter-gesture{left:55%;max-width:39%;top:35%}.mh-real-gesture{position:absolute;left:9%;top:10%;width:76%;height:80%;object-fit:contain;mix-blend-mode:multiply;opacity:0;pointer-events:none;clip-path:inset(0 100% 0 0)}.mh-red-orbit{position:absolute;left:21%;top:38%;width:60%;height:27%;border:1px solid #e10000;border-radius:50%;transform:rotate(-18deg);pointer-events:none;opacity:0;z-index:1}.mh-orbit{position:absolute;inset:0;pointer-events:none;opacity:0;visibility:hidden}.mh-orbit-work{position:absolute;width:clamp(95px,12vw,180px);top:51%;left:50%;text-align:center;pointer-events:auto;will-change:transform}.mh-orbit-work img{width:100%;aspect-ratio:1;object-fit:contain;display:block;mix-blend-mode:multiply}.mh-orbit-work span{display:block;font:12px/1.3 MhAbel,Arial,sans-serif;padding:6px}.mh-orbit-work:hover span,.mh-orbit-work:focus-visible span{color:#e10000;text-decoration:underline}.mh-chapter-nav{position:absolute;left:4.5%;bottom:22px;z-index:6;display:flex;gap:8px}.mh-chapter-nav a{display:grid;place-items:center;width:34px;height:36px;font:10px MhAbel,Arial,sans-serif;letter-spacing:.1em;color:#6b6b6b}.mh-chapter-nav a[aria-current="step"]{color:#e10000;border-bottom:1px solid}.mh-journey-progress{position:absolute;left:0;bottom:0;height:2px;background:#e10000;width:100%;transform:scaleX(0);transform-origin:left;z-index:8}.mh-home[data-phase="1"] .mh-home-figure,.mh-home[data-phase="3"] .mh-home-figure,.mh-home[data-phase="4"] .mh-home-figure{pointer-events:none}.mh-home[data-phase="2"] .mh-home-model{cursor:pointer}
@media(max-width:640px){.mh-journey .mh-home-header{inset:16px 6% auto}.mh-journey .mh-home-name{top:12%}.mh-journey .mh-home-name h1{font-size:20px;letter-spacing:.14em}.mh-journey .mh-home-ink{top:24%;left:-10%;width:120%;height:48%}.mh-journey .mh-home-figure{left:10%;width:80%;top:26%;height:44%}.mh-journey .mh-home-copy{top:73%;bottom:auto}.mh-journey .mh-home-copy h2{font-size:25px}.mh-journey .mh-home-copy p{font-size:12px}.mh-journey .mh-home-copy>a{font-size:11px}.mh-journey .mh-home-scroll{bottom:8px;min-height:40px}.mh-journey .mh-home-scroll span:first-child{display:none}.mh-chapter{left:7%;top:17%;max-width:86%}.mh-chapter h2{font-size:38px;margin:12px 0}.mh-chapter p{font-size:14px}.mh-chapter-gesture{top:64%}.mh-chapter-gesture h2{font-size:31px}.mh-chapter a{margin-top:8px}.mh-orbit{top:61%;bottom:9%;display:flex;overflow-x:auto;align-items:center;gap:10px;padding:0 6%;pointer-events:auto;scroll-snap-type:x proximity}.mh-orbit-work{position:relative;left:auto;top:auto;width:125px;flex:0 0 125px;transform:none!important;scroll-snap-align:center}.mh-orbit-work span{font-size:11px}.mh-chapter-orbit{top:14%}.mh-chapter-orbit h2{font-size:33px}.mh-real-gesture{left:0;width:100%;top:20%;height:53%}.mh-red-orbit{left:5%;width:90%;top:44%;height:16%}.mh-chapter-nav{bottom:10px;left:4%}}
@media(prefers-reduced-motion:reduce){.mh-journey .mh-home-model{display:none}.mh-journey .mh-home-poster{visibility:visible!important}.mh-journey .mh-home-figure{will-change:auto}}
/* Brooklyn uses a flex body with a viewport height; allow the native page flow. */
body:has(.mh-journey){display:block!important;height:auto!important;overflow:visible!important}.mh-journey{flex-shrink:0;min-height:500svh}body.mh-in-journey>.ha-header{visibility:hidden!important;pointer-events:none!important}
@media(max-width:640px){.mh-journey .mh-home-header nav{gap:10px}.mh-journey .mh-home-header nav a{font-size:11px}.mh-journey .mh-home-header nav a:nth-child(n+3){display:flex}}

.mh-orbit-work{top:58%}.mh-real-gesture{left:5%;top:8%;width:46%;height:56%}@media(max-width:640px){.mh-orbit-work{top:auto}.mh-real-gesture{left:3%;top:18%;width:94%;height:37%}}

.mh-colors{display:flex;justify-content:center;gap:10px;margin:2px 0 8px}.mh-home .mh-colors button{all:unset;box-sizing:border-box;width:22px;height:22px;border-radius:50%;background:var(--c);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);position:relative}.mh-home .mh-colors button::after{content:'';position:absolute;inset:-11px}.mh-home .mh-colors button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 3px #111}.mh-orbit-work img{mix-blend-mode:normal;filter:drop-shadow(0 10px 12px rgba(0,0,0,.12))}

/* — Parcours « un mot → un reflet → une adoption → un geste » (Claude, 16/10) — */
@font-face{font-family:MhGarage;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/accueil-bohom/garagesh.woff2) format("woff2");font-display:swap}
.mh-home{--ink:#111;--red:#e10000;--ease-out:cubic-bezier(.16,1,.3,1)}
.mh-chapter>*{--k:clamp(0,calc(var(--a,0)*1.6 - var(--i,0)*.14),1);opacity:var(--k);transform:translateY(calc((1 - var(--k))*28px))}
.mh-chapter>:nth-child(2){--i:1}.mh-chapter>:nth-child(3){--i:2}.mh-chapter>:nth-child(4){--i:3}.mh-chapter>:nth-child(5){--i:4}
.mh-chapter h2{text-wrap:balance}
/* le mot : centré, là où le Bo'HoM' va naître ; taille ajustée à sa longueur par accueil.js */
.mh-word{position:absolute;z-index:3;left:0;right:0;top:40%;transform-origin:50% 50%;margin:0;translate:0 -50%;text-align:center;font-family:MhGarage,Impact,sans-serif;font-size:var(--wfs,13vw);line-height:1;color:var(--ink);pointer-events:none;white-space:nowrap;visibility:hidden}
.mh-word span{display:inline-block;will-change:transform,opacity,filter}.mh-word .mh-word-hash{color:var(--red);font-size:1.55em;line-height:.65;vertical-align:-.025em;margin-right:0}
.mh-chapter-word{left:5%;right:5%;top:auto;bottom:7%;max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.mh-chapter-word .mh-word-caption{max-width:420px}.mh-chapter-word h2{font-size:clamp(26px,2.8vw,42px);margin:14px 0 10px}.mh-chapter-word .mh-word-caption p{font-style:italic;font-size:16px}
.mh-word-picks{max-width:520px;text-align:right}.mh-word-label{font:13px/1.4 MhAbel,Arial,sans-serif!important;color:#444;margin:0 0 10px!important}
.mh-word-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-height:176px;overflow-y:auto;padding:3px;scrollbar-width:thin}
.mh-home .mh-word-chips button{all:unset;box-sizing:border-box;cursor:pointer;min-height:40px;padding:9px 14px 7px;border:1px solid #cfcfcf;border-radius:999px;font:15px/1 MhGarage,Impact,sans-serif;letter-spacing:.02em;color:var(--ink);transition:background-color .15s,border-color .15s,color .15s,transform .1s var(--ease-out)}
.mh-home .mh-word-chips button:hover{border-color:var(--ink)}.mh-home .mh-word-chips button:active{transform:scale(.96)}
.mh-home .mh-word-chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.mh-word-own{display:inline-flex;align-items:center;gap:4px;margin-top:10px;border-bottom:1px solid var(--ink);font:20px/1 MhGarage,Impact,sans-serif}
.mh-word-own input[type=text],.mh-word-own input[type=text]:focus{all:unset;width:12ch;min-height:40px;font:20px/1 MhGarage,Impact,sans-serif;text-transform:uppercase;color:var(--ink)}
.mh-word-own input::placeholder{color:#6b6b6b}
.mh-word-own:focus-within{border-bottom-color:var(--red)}
.mh-hint{font:12px/1.5 MhAbel,Arial,sans-serif!important;letter-spacing:.06em;color:#555;margin-top:12px!important}
/* fil rouge qui se trace */
.mh-red-orbit{-webkit-mask:conic-gradient(from 160deg,#000 var(--d,0turn),transparent 0);mask:conic-gradient(from 160deg,#000 var(--d,0turn),transparent 0)}
/* règle de défilement latérale */
.mh-ruler{position:absolute;z-index:6;right:22px;top:25%;height:50%;width:12px;opacity:0;transition:opacity .3s;
  background:repeating-linear-gradient(to bottom,#111 0 1px,transparent 1px 6px) right/12px 100% no-repeat;-webkit-mask:linear-gradient(#000 calc(var(--p,0)*100% - 14px),transparent 0 calc(var(--p,0)*100% + 14px),#000 0);mask:linear-gradient(#000 calc(var(--p,0)*100% - 14px),transparent 0 calc(var(--p,0)*100% + 14px),#000 0)}
.mh-ruler-pct{position:absolute;right:-2px;top:calc(var(--p,0)*100%);translate:0 -50%;font:11px/1 MhAbel,Arial,sans-serif;letter-spacing:.04em;color:#111;writing-mode:vertical-rl;rotate:180deg}
.mh-home.is-journey .mh-ruler{opacity:.85}
/* bouton couleur + palette */
.mh-home .mh-color-fab{all:unset;box-sizing:border-box;position:absolute;z-index:7;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;background:#111;color:var(--bohom,#e6e1d9);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;scale:.85;transition:opacity .25s var(--ease-out),scale .25s var(--ease-out),visibility .25s;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.mh-home .mh-color-fab svg{width:26px;height:26px}.mh-home .mh-color-fab:active{scale:.94}
.mh-home.is-journey .mh-color-fab{opacity:1;visibility:visible;scale:1}
.mh-palette{inset:auto 22px 82px auto;margin:0;padding:14px;border:0;border-radius:18px;background:#111;color:#eee;box-shadow:0 14px 40px rgba(0,0,0,.28);opacity:0;translate:0 8px;scale:.96;transform-origin:100% 100%;transition:opacity .2s var(--ease-out),translate .2s var(--ease-out),scale .2s var(--ease-out),display .2s allow-discrete,overlay .2s allow-discrete}
.mh-palette:popover-open{opacity:1;translate:0 0;scale:1}
@starting-style{.mh-palette:popover-open{opacity:0;translate:0 8px;scale:.96}}
.mh-palette-grid{display:grid!important;grid-template-columns:repeat(7,30px);gap:8px;margin:0!important}
.mh-palette button{all:unset;box-sizing:border-box;cursor:pointer}
.mh-palette-grid button{width:30px;height:30px;border-radius:8px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.mh-palette-grid button[aria-pressed=true]{box-shadow:0 0 0 2px #111,0 0 0 4px #fff}
.mh-palette-foot{display:flex;align-items:center;gap:12px;margin-top:12px;font:11px/1 MhAbel,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#bbb}
.mh-palette-reset{width:30px;height:30px;display:grid!important;place-items:center;font-size:18px;color:#fff;border-radius:8px}
.mh-palette button:focus-visible{outline:2px solid #fff!important;outline-offset:2px}
@media(max-width:900px){.mh-chapter-word{flex-direction:column;align-items:flex-start;gap:14px}.mh-word-picks{text-align:left}.mh-word-chips{justify-content:flex-start}}
@media(max-width:640px){.mh-word{top:36%}.mh-chapter-word{top:auto;bottom:9%;left:6%;right:6%}.mh-chapter-word h2{font-size:26px}.mh-chapter-word .mh-word-caption p{font-size:13px}.mh-word-label{display:none}
  .mh-home .mh-word-chips button{font-size:13px;min-height:36px;padding:8px 11px 6px}.mh-ruler{right:8px;top:30%;height:40%}.mh-home .mh-color-fab{right:14px;bottom:56px;width:44px;height:44px}.mh-palette{inset:auto 14px 110px auto}.mh-palette-grid{grid-template-columns:repeat(7,28px)}.mh-palette-grid button{width:28px;height:28px}}
@media(max-height:500px) and (orientation:landscape){.mh-journey .mh-home-name{top:58px}.mh-journey .mh-home-name h1{font-size:18px;line-height:1.2}.mh-journey .mh-home-name p{display:none}.mh-journey .mh-home-figure{top:24%;height:64%}.mh-home-instruction,.mh-home-scroll span:first-child{display:none}.mh-home-copy h2{font-size:24px}.mh-home-copy p{font-size:13px;margin-bottom:4px}.mh-word{top:30%;font-size:min(var(--wfs),24svh)}.mh-chapter{top:16%;max-width:42%}.mh-chapter h2{font-size:22px!important;margin:6px 0}.mh-chapter p{font-size:12px}.mh-chapter-orbit p,.mh-chapter-word .mh-word-caption p{display:none}.mh-chapter-word{top:auto;bottom:13%;flex-direction:row;align-items:flex-end;max-width:none}.mh-word-label{display:none}.mh-home .mh-word-chips button{font-size:12px;min-height:32px;padding:7px 10px 5px}.mh-word-own{margin-top:6px}.mh-ruler{top:22%;height:56%}}
@media(prefers-reduced-motion:reduce){.mh-chapter>*{transform:none}.mh-palette,.mh-home .mh-color-fab{transition:opacity .15s}}

/* Accueil : composition bornée sur grands écrans, identité du site d'origine. */
.mh-home{--stage:min(92vw,calc(980px + 16vw));--bohom:#f4f4f2}
.mh-home-header{left:50%;right:auto;width:min(92%,1440px);transform:translateX(-50%);gap:18px;top:26px}
.mh-home-monogram{padding:0;letter-spacing:normal;display:block;flex:none}
.mh-home-monogram img{display:block;width:38px;height:58px;object-fit:contain;filter:none}
.mh-journey .mh-home-name{position:static;flex:1;text-align:left}
.mh-journey .mh-home-name h1{font:600 clamp(20px,1.5vw,26px)/1.2 MhAbel,Arial,sans-serif;letter-spacing:.025em;color:#111}
.mh-journey .mh-home-name p{font:11px/1.5 MhAbel,Arial,sans-serif;letter-spacing:.16em;margin-top:5px}
.mh-home-header nav{gap:clamp(14px,2vw,30px)}
.mh-home-header nav a{font:13px/1.4 MhAbel,Arial,sans-serif}
.mh-home-copy{top:47%;transform:translateY(-50%);width:240px;max-width:25%;text-wrap:balance}
.mh-home-bohom{left:calc(50% - var(--stage)/2)}
.mh-home-calligraphy{right:calc(50% - var(--stage)/2)}
.mh-home-copy h2{font:500 clamp(30px,2.5vw,42px)/1.15 MhAbel,Arial,sans-serif;letter-spacing:0}
.mh-home-copy p{font:16px/1.6 MhAbel,Arial,sans-serif;margin:12px 0 18px}
.mh-home-copy>a{font:13px/1.5 MhAbel,Arial,sans-serif}
.mh-home-ink{left:50%;transform:translateX(-50%);top:17%;width:min(70vw,1040px);height:65%}
.mh-journey .mh-home-figure{left:calc(50% - min(44vw,960px)/2);width:min(44vw,960px);top:calc(50% - min(70svh,1200px)/2);height:70%;max-height:1200px}
.mh-home-figure figcaption{bottom:0}
.mh-home-instruction{font:11px/1.5 MhAbel,Arial,sans-serif;letter-spacing:.015em}
.mh-home .mh-color-fab{opacity:1;visibility:visible;scale:1}
.mh-home .mh-sound{all:unset;position:absolute;bottom:26px;right:86px;z-index:7;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;cursor:pointer;font:12px/1.4 MhAbel,Arial,sans-serif;color:#444}
.mh-home .mh-sound[aria-pressed=true]{color:#b60000}
.mh-home-scroll span:first-child{font-family:MhAbel,Arial,sans-serif;letter-spacing:.12em}
.mh-home .mh-colors{gap:14px;margin:10px 0 12px}
.mh-home .mh-colors button{width:24px;height:24px}
.mh-home .mh-colors button::after{inset:-7px}
.mh-chapter h2{font-family:MhAbel,Arial,sans-serif;font-weight:700;letter-spacing:0}
@media(min-width:1800px){.mh-home{--stage:min(86vw,1600px,calc(980px + 16vw))}.mh-home-copy{width:280px}.mh-home-copy h2{font-size:42px}}
@media(max-width:900px){.mh-home-header{gap:12px}.mh-home-header nav{gap:14px}.mh-home-header nav a{font-size:12px}.mh-home-copy{max-width:24%;width:220px}.mh-home-copy p{font-size:14px}.mh-home-copy>a{font-size:12px}}
@media(max-width:640px){
 .mh-journey .mh-home-header{inset:16px 6% auto;transform:none;width:88%;display:grid;grid-template-columns:32px 1fr;gap:8px 12px}
 .mh-home-monogram img{width:30px;height:46px}
 .mh-journey .mh-home-name h1{font-size:22px;letter-spacing:0;line-height:1.2}
 .mh-journey .mh-home-name p{font-size:9px;letter-spacing:.1em;margin-top:4px}
 .mh-home-header nav{grid-column:1/-1;justify-content:space-between;gap:8px}
 .mh-home-header nav a{font-size:12px!important;min-height:36px}
 .mh-journey .mh-home-figure{left:10%;width:80%;top:22%;height:44%;max-height:none}
 .mh-journey .mh-home-ink{left:50%;top:20%;width:108%;height:44%;transform:translateX(-50%)}
 .mh-journey .mh-home-copy{top:72%;width:42%;max-width:42%;transform:none}
 .mh-home-bohom{left:6%}.mh-home-calligraphy{right:6%}
 .mh-journey .mh-home-copy h2{font-size:27px}
 .mh-journey .mh-home-copy p{font-size:12px;line-height:1.4;margin:7px 0}
 .mh-journey .mh-home-copy>a{font-size:11px;min-height:36px}
 .mh-home .mh-color-fab{bottom:12px}.mh-palette{bottom:66px}
 .mh-home .mh-sound{bottom:12px;right:66px;font-size:11px;padding:0 6px}
 .mh-home .mh-sound span{max-width:55px;line-height:1.25}
 .mh-journey .mh-home-scroll{bottom:54px;left:50%;min-height:30px}
 .mh-chapter-nav{gap:1px;left:4%}.mh-chapter-nav a{width:26px}
 .mh-home .mh-colors{margin:6px 0 10px;gap:16px}
 .mh-home-figure .mh-home-instruction{font-size:10px;letter-spacing:0}
}
@media(max-height:700px) and (min-width:641px){.mh-home-header{top:14px}.mh-journey .mh-home-figure{top:18%;height:67%}.mh-home-copy{top:45%}}
@media(prefers-reduced-motion:reduce){.mh-home-ink{transform:translateX(-50%)!important}}

@font-face{font-family:MhManrope;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/accueil-bohom/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
.mh-home-copy h2{letter-spacing:-.035em}
.mh-home .mh-home-name h1{letter-spacing:0;font-weight:600}
.mh-home .mh-home-name p{letter-spacing:.12em}
.mh-home .mh-colors{gap:14px}
@media(min-width:1800px){.mh-home-copy{max-width:280px}.mh-home-ink{width:min(58vw,1000px)}}
@media(max-width:640px){.mh-home .mh-colors{gap:16px}.mh-home .mh-home-name h1{font-size:18px}.mh-home-copy h2{letter-spacing:-.04em}}

@media(min-width:2800px){
 .mh-home{--stage:min(86vw,1800px)}
 .mh-home-copy{width:360px;max-width:360px}
 .mh-home-copy h2{font-size:60px}
 .mh-home-copy p{font-size:22px}
 .mh-home-copy>a{font-size:18px}
 .mh-home-header{width:1800px}.mh-home-header nav a{font-size:18px}
 .mh-journey .mh-home-name h1{font-size:34px}.mh-journey .mh-home-name p{font-size:14px}
 .mh-home-instruction{font-size:15px}
}

/* Titres d’entrée : retour à la typographie initiale, choix de Michaël. */
.mh-home-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}

/* Titres en Beau (déclarée dans style.css du thème). */
.mh-home-copy h2,.mh-chapter h2,.mh-unified .mh-panel-title h2,.mh-unified .mh-editorial-panel h1{font-family:MhBeau,Georgia,serif;font-weight:400;letter-spacing:-.015em}

/* Source Sans 3 : texte courant, menus et commandes ; Beau pour les titres. */
@font-face{font-family:MhSourceSans;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/accueil-bohom/source-sans3.woff2) format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:MhSourceSans;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/accueil-bohom/source-sans3-italic.woff2) format("woff2");font-style:italic;font-weight:200 900;font-display:swap}
body.mh-unified,.mh-home{font-family:MhAbel,Arial,sans-serif}
.mh-home-header nav a,.mh-home-copy>a{font-size:15px}
.mh-home-copy p{font-size:18px;line-height:1.55}
.mh-home .mh-home-name h1{font-weight:500;letter-spacing:.03em}
.mh-site-nav a,.mh-unified .mh-editorial-panel p,.mh-unified .mh-editorial-panel li,.mh-unified .mh-contact-panel h3,.mh-unified .mh-contact-panel a,.mh-more-bohom summary{font-family:MhAbel,Arial,sans-serif}
.mh-chapter p,.mh-chapter>a{font-family:MhAbel,Arial,sans-serif}
.mh-unified .mh-panel-title p{font-family:MhAbel,Arial,sans-serif;letter-spacing:.16em}
.mh-home .mh-word-label,.mh-home .mh-hint{font-family:MhAbel,Arial,sans-serif!important}
@media(min-width:2800px){.mh-home-copy p{font-size:24px}.mh-home-copy>a,.mh-home-header nav a{font-size:20px}}
@media(max-width:640px){.mh-journey .mh-home-copy p{font-size:14px}.mh-journey .mh-home-copy>a{font-size:12px}.mh-home-header nav a{font-size:13px!important}}

/* Essai Abel : textes fins en gris, titres Beau en noir. */
@font-face{font-family:MhAbel;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/accueil-bohom/abel-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
.mh-home-copy p,.mh-home-copy>a,.mh-home-header nav a,.mh-chapter p,.mh-chapter>a,.mh-home-instruction,.mh-site-nav a,.mh-unified .mh-editorial-panel p,.mh-unified .mh-editorial-panel li{color:#595959;font-weight:400}
.mh-home-header nav a,.mh-home-copy>a{font-size:17px}
.mh-home-copy p{font-size:20px;line-height:1.5}
.mh-home .mh-home-name h1{font-weight:400;color:#444}
.mh-home .mh-home-name p,.mh-home .mh-home-instruction{color:#595959}
.mh-unified .mh-editorial-panel p{font-size:18px}
.mh-home-copy h2,.mh-chapter h2,.mh-unified .mh-panel-title h2{color:#171717}
@media(max-width:640px){.mh-home-header nav a{font-size:15px!important}.mh-journey .mh-home-copy p{font-size:16px}.mh-journey .mh-home-copy>a{font-size:14px}}
@media(min-width:2800px){.mh-home-copy p{font-size:26px}.mh-home-copy>a,.mh-home-header nav a{font-size:22px}}

/* Crochets et gestes vivants : encre, signes flottants, témoin sonore. */
.mh-home-header nav a::before,.mh-site-nav a:not(:first-child)::before{content:'[';color:#bcbcbc;display:inline-block;transition:transform .25s,color .25s}
.mh-home-header nav a::after,.mh-site-nav a:not(:first-child)::after{content:']';color:#bcbcbc;display:inline-block;transition:transform .25s,color .25s}
.mh-home-header nav a{column-gap:6px}
.mh-site-nav a:not(:first-child)::before{margin-right:6px}.mh-site-nav a:not(:first-child)::after{margin-left:6px}
.mh-home-header nav a:hover::before,.mh-home-header nav a:focus-visible::before,.mh-site-nav a:hover::before{transform:translateX(-3px);color:#e10000}
.mh-home-header nav a:hover::after,.mh-home-header nav a:focus-visible::after,.mh-site-nav a:hover::after{transform:translateX(3px);color:#e10000}
.mh-home-copy>a span{display:inline-block;transition:transform .25s}
.mh-home-copy>a:hover span{transform:translate(3px,-3px)}
.mh-home-ink{translate:var(--ink-x,0px) var(--ink-y,0px);animation:mh-ink-breath 10s ease-in-out infinite;transition:translate 1.2s cubic-bezier(.16,1,.3,1)}
@keyframes mh-ink-breath{0%,100%{scale:1;rotate:-.5deg}50%{scale:1.025;rotate:.7deg}}
.mh-ink-sign{position:absolute;z-index:1;width:32px;height:32px;fill:none;stroke:#e10000;stroke-width:2;stroke-linecap:round;pointer-events:none;animation:mh-ink-float 7s ease-in-out infinite;opacity:.75;transition:opacity .4s}
.mh-ink-sign-a{left:calc(50% - min(27vw,370px));top:27%;rotate:-12deg}
.mh-ink-sign-b{left:calc(50% + min(28vw,400px));top:73%;width:42px;height:42px;stroke:#777;animation-delay:-3s}
.mh-home:not([data-phase="0"]) .mh-ink-sign{opacity:0}
@keyframes mh-ink-float{0%,100%{translate:0 0;rotate:-8deg}50%{translate:3px -12px;rotate:10deg}}
.mh-home .mh-home-scroll span:last-child{animation:mh-scroll-cue 2.5s ease-in-out infinite}
@keyframes mh-scroll-cue{0%,100%{translate:0 -3px}50%{translate:0 3px}}
.mh-audio-ui{position:absolute;right:86px;bottom:22px;z-index:7;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.mh-home .mh-sound{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;width:138px;height:48px;padding:6px 16px;border-radius:999px;background:#111;color:#fff;font:19px/1 MhAbel,Arial,sans-serif;cursor:pointer;transition:background-color .2s,transform .2s}
.mh-home .mh-sound:hover{background:#292929;transform:translateY(-2px)}
.mh-sound-wave{width:76px;height:32px;overflow:visible}
.mh-music-credit{display:flex;gap:8px;font:11px/1.3 MhAbel,Arial,sans-serif}
.mh-home .mh-music-credit a{color:#666;text-decoration:none}.mh-home .mh-music-credit a:hover{text-decoration:underline}
@media(max-width:640px){.mh-home-header nav{gap:2px}.mh-home-header nav a{font-size:14px!important;column-gap:3px}.mh-audio-ui{right:70px;bottom:12px;gap:4px}.mh-home .mh-sound{width:112px;height:42px;padding:4px 12px;gap:8px;font-size:16px}.mh-sound-wave{width:58px;height:28px}.mh-music-credit{position:absolute;right:-56px;bottom:51px;white-space:nowrap;font-size:10px}.mh-ink-sign-a{left:10%;top:26%;width:24px}.mh-ink-sign-b{left:83%;top:56%;width:28px}}

.mh-music-credit{order:-1}

.mh-home .mh-sound[aria-pressed=true]{color:#fff}

/* Capsule sonore : trait lumineux au repos, boucles en lecture. */
.mh-home .mh-sound,.mh-home .mh-sound:hover,.mh-home .mh-sound[aria-pressed=true]{position:relative;width:150px;min-width:44px;height:58px;padding:8px 14px;gap:10px;background:#000;color:#ddd;border-radius:999px;transform:none;box-shadow:none}
.mh-home .mh-sound:hover,.mh-home .mh-sound[aria-pressed=true]{color:#fff;background:#000}
.mh-home .mh-sound .mh-sound-state{display:inline;min-width:30px;font:20px/1 MhAbel,Arial,sans-serif;letter-spacing:-.04em}
.mh-home .mh-sound::before{content:"";position:absolute;left:12px;right:54px;top:calc(50% - 1px);height:2px;background:linear-gradient(90deg,transparent,#777 28%,#fff 65%,transparent);transition:opacity .2s}
.mh-home .mh-sound[aria-pressed=true]::before{opacity:0}
.mh-home .mh-sound:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.mh-home .mh-sound-wave{flex:none;width:76px;height:32px;opacity:0;transition:opacity .2s}
.mh-home .mh-sound[aria-pressed=true] .mh-sound-wave{opacity:1}
.mh-audio-ui{align-items:center}
.mh-music-credit{font-size:9px;gap:5px}
.mh-home .mh-music-credit a{color:#777}
.mh-ink-sign-b{width:30px;height:30px;stroke:#777;stroke-width:2.1}
.mh-ink-sign-c{left:calc(50% + min(24vw,340px));top:24%;width:20px;height:20px;stroke:#222;stroke-width:1.7;animation-delay:-1.8s;animation-duration:8s}
.mh-ink-sign-d{left:calc(50% - min(29vw,420px));top:75%;width:32px;height:22px;stroke:#b9231c;stroke-width:1.6;animation-delay:-4s;animation-duration:9s}
@media(max-width:640px){.mh-home .mh-sound{width:126px;height:48px;padding:6px 10px;gap:8px}.mh-word-chips{max-height:132px}.mh-home .mh-sound .mh-sound-state{font-size:17px;min-width:26px}.mh-home .mh-sound::before{right:46px}.mh-home .mh-sound-wave{width:60px;height:30px}.mh-music-credit{right:-52px;bottom:50px;font-size:8px}.mh-ink-sign-b{width:24px;height:24px}.mh-ink-sign-c{left:85%;top:22%;width:16px;height:16px}.mh-ink-sign-d{display:none}}

.mh-footer-music{margin:0;padding:14px 5%;font:11px/1.5 MhAbel,Arial,sans-serif;color:#777;text-align:right;background:#fff}.mh-footer-music a{color:inherit;text-decoration:underline}

/* Une respiration de trois écrans : sculpture seule, puis mots en alternance. */
.mh-journey{height:975svh;min-height:975svh}
.mh-dream-caption{position:absolute;z-index:4;top:43%;width:min(25%,330px);opacity:0;visibility:hidden;pointer-events:none}
.mh-dream-left{left:7%}.mh-dream-right{right:7%;text-align:right}
.mh-dream-caption h2{font:400 clamp(32px,3.6vw,62px)/1.12 MhBeau,Georgia,serif;color:#222;letter-spacing:-.015em;margin:0 0 20px;text-wrap:balance}
.mh-dream-caption p{font:20px/1.55 MhAbel,Arial,sans-serif;color:#707070;margin:0}
.mh-home.is-dreaming .mh-ink-sign{opacity:0}

@media(min-width:2200px){.mh-dream-left{left:calc(50% - 880px)}.mh-dream-right{right:calc(50% - 880px)}.mh-dream-caption{width:360px}.mh-dream-caption p{font-size:24px}}
@media(max-width:900px) and (min-width:641px){.mh-dream-caption{width:26%}.mh-dream-caption h2{font-size:34px}.mh-dream-caption p{font-size:17px}}
@media(max-width:640px){.mh-dream-caption{top:19%;left:7%;right:7%;width:auto;text-align:left}.mh-dream-caption h2{font-size:32px;margin-bottom:10px}.mh-dream-caption p{font-size:17px}.mh-dream-right{top:70%;text-align:right}.mh-chapter-nav a{width:24px}.mh-chapter-nav{gap:0}}
@media(prefers-reduced-motion:reduce){.mh-dream-caption{filter:none}}

@media(prefers-reduced-motion:reduce){.mh-home-ink,.mh-ink-sign,.mh-home .mh-home-scroll span:last-child{animation:none;translate:none;rotate:none;scale:1}.mh-home .mh-sound,.mh-home-header nav a::before,.mh-home-header nav a::after{transition:none}}

/* Petit témoin sonore : onde continue, zone tactile de 44 px conservée. */
.mh-home .mh-sound,.mh-home .mh-sound:hover,.mh-home .mh-sound[aria-pressed=true]{width:94px;height:32px;min-height:0;padding:6px 10px;gap:8px;background:#111;color:#ccc}
.mh-home .mh-sound::after{content:"";position:absolute;inset:-6px 0;border-radius:999px}
.mh-home .mh-sound .mh-sound-state{min-width:22px;font:12px/1 MhAbel,Arial,sans-serif;letter-spacing:0}
.mh-home .mh-sound::before{left:10px;right:40px;height:1px;top:50%}
.mh-home .mh-sound-wave{width:44px;height:20px;overflow:hidden}
.mh-home .mh-sound-wave path{fill:none;stroke:currentColor;stroke-width:1.1;opacity:.8}
.mh-home .mh-sound[aria-pressed=true] .mh-sound-wave path{animation:mh-sine 1.4s linear infinite}
@keyframes mh-sine{to{transform:translateX(-24px)}}
@media(prefers-reduced-motion:reduce){.mh-home .mh-sound[aria-pressed=true] .mh-sound-wave path{animation:none}.mh-home .mh-sound-wave,.mh-home .mh-sound::before{transition:none}}

.mh-home .mh-sound-wave path:nth-child(2){opacity:.5}.mh-home .mh-sound-wave path:nth-child(3){opacity:.3}

.mh-word-arrow{width:24px;height:18px;margin-right:5px;fill:none;stroke:#777;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;flex:none}

.mh-word-arrow{animation:mh-word-invite 2.4s ease-in-out infinite}
@keyframes mh-word-invite{0%,65%,100%{transform:translateX(0)}35%{transform:translateX(4px)}}
.mh-word-own:focus-within .mh-word-arrow{animation:none}
@media(prefers-reduced-motion:reduce){.mh-word-arrow{animation:none}}

.mh-home .mh-color-fab img{display:block;width:22px;height:34px;object-fit:contain;filter:invert(1)}

/* Les rencontres : tourbillon ample, images devant le fil, noms au survol. */
/* Le canvas central (z-index:2) masque toujours les sculptures qui passent derrière sa tête. */
.mh-orbit{z-index:1;isolation:isolate}
.mh-orbit-work{left:55%;top:62%;width:clamp(150px,16vw,260px);z-index:1}
.mh-orbit-work img{transition:transform .4s cubic-bezier(.22,1,.36,1);transform-origin:center;filter:drop-shadow(0 12px 14px #00000012)}
.mh-orbit-work span{position:absolute;top:100%;left:50%;width:max-content;max-width:250px;transform:translate(-50%,5px);font:400 clamp(15px,1.2vw,20px)/1.25 MhBeau,Georgia,serif;background:#fff;padding:8px 12px;opacity:0;transition:opacity .2s,transform .3s;pointer-events:none;text-wrap:balance}
.mh-orbit-work:is(:hover,:focus-visible){z-index:5}
.mh-orbit-work:is(:hover,:focus-visible) img{transform:scale(1.4)}
.mh-orbit-work:is(:hover,:focus-visible) span{opacity:1;transform:translate(-50%,0);color:#171717;text-decoration:none}
.mh-red-orbit{z-index:0;left:22%;top:41%;width:66%;height:42%;transform:rotate(-9deg)}
.mh-chapter-orbit{top:8%;left:5%;max-width:42%}
.mh-chapter-orbit h2{font-size:clamp(30px,3.1vw,52px);margin:12px 0}
.mh-chapter-orbit p{font-size:17px}
.mh-chapter-orbit>a{margin-top:10px}
.mh-parade{background:#fff;color:#171717;padding:70px 0 85px;overflow:hidden}
.mh-parade-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 6% 24px}
.mh-parade h2{font:400 clamp(30px,4vw,58px)/1.1 MhBeau,Georgia,serif;margin:0 0 12px;text-transform:none;letter-spacing:-.015em}
.mh-parade p{font:18px/1.5 MhAbel,Arial,sans-serif;margin:0;color:#595959}
.mh-parade .mh-parade-toggle{background:transparent;border:1px solid #aaa;border-radius:30px;color:#171717;font:16px/1.3 MhAbel,Arial,sans-serif;padding:12px 20px;min-height:44px;cursor:pointer;white-space:nowrap}
.mh-parade-track{display:flex;align-items:start;gap:clamp(30px,5vw,90px);overflow-x:auto;padding:30px 6% 40px;scrollbar-width:thin;scrollbar-color:#c5261b #eee;overscroll-behavior-x:contain}
.mh-parade-work{flex:0 0 clamp(200px,23vw,350px);color:#171717;text-decoration:none;text-align:center}
.mh-parade-work img{display:block;width:100%;height:clamp(230px,27vw,370px);object-fit:contain;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.mh-parade-work span{display:block;font:400 20px/1.3 MhBeau,Georgia,serif;margin-top:22px}
.mh-parade-work:is(:hover,:focus-visible) img{transform:scale(1.12)}
.mh-parade a:focus-visible,.mh-parade button:focus-visible{outline:2px solid #c5261b;outline-offset:5px}
@media(max-width:640px){
 .mh-orbit{display:block;inset:0;overflow:visible;padding:0;pointer-events:none}
 .mh-orbit-work{position:absolute;left:50%;top:60%;width:clamp(84px,24vw,140px);transform:var(--orbit-mobile)!important;pointer-events:auto}
 .mh-orbit-work span{font-size:14px;max-width:150px}
 .mh-red-orbit{left:17%;top:44%;width:66%;height:31%}
 .mh-chapter-orbit{top:11%;max-width:90%}
 .mh-chapter-orbit h2{font-size:32px}
 .mh-chapter-orbit p{font-size:15px}
 .mh-parade{padding:48px 0}
 .mh-parade-header{align-items:start;flex-direction:column;gap:16px}
 .mh-parade-work{flex-basis:68vw}
 .mh-parade-work img{height:280px}
}
@media(prefers-reduced-motion:reduce){.mh-orbit-work,.mh-orbit-work img,.mh-orbit-work span,.mh-parade-work img{transition:none;will-change:auto}}

/* Le voyage se dissout dans le blanc, puis le fil rouge conduit à la collection. */
.mh-journey{height:1075svh;min-height:1075svh}
.mh-home[data-phase="4"] .mh-scene3d{opacity:var(--scene-exit,1)}
.mh-collection{position:relative;z-index:1;margin-top:-35svh;padding:0 0 80px;scroll-margin-top:72px}
.mh-collection-intro{text-align:center;padding:0 6% 48px}
.mh-collection-thread{display:block;width:184px;height:104px;margin:0 auto 24px;fill:none;stroke:#c5261b;stroke-width:1.2}
.mh-collection-intro>p:first-of-type{font-size:17px;margin-bottom:20px}
.mh-collection h2{font-size:clamp(36px,4vw,56px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.mh-collection-intro>p{font-size:19px;line-height:1.55;margin:22px 0}
.mh-collection .mh-gallery-shop{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#171717;color:#fff;padding:14px 24px;border-radius:2px;font:18px/1.3 MhAbel,Arial,sans-serif;text-decoration:none;min-height:48px;transition:background .2s}
.mh-collection .mh-gallery-shop:hover{background:#b32219;color:#fff}
.mh-gallery-controls{display:flex;align-items:center;gap:10px}
.mh-collection .mh-gallery-controls button{border:1px solid #aaa;background:#fff;border-radius:24px;color:#171717;min-height:44px;min-width:44px;cursor:pointer;padding:10px;font:20px/1 MhAbel,Arial,sans-serif}
.mh-collection .mh-gallery-controls .mh-parade-toggle{font-size:15px;padding:12px 18px}
.mh-collection .mh-parade-header{margin-bottom:8px;align-items:center}
.mh-collection .mh-parade-header p{font-size:16px}
.mh-collection .mh-parade-track{gap:24px;padding-top:16px;padding-bottom:24px;align-items:start;scroll-padding-inline:6%}

.mh-collection .mh-parade-work{flex:0 0 calc((88vw - 48px)/3);min-width:0;text-align:left;scroll-snap-align:start}

.mh-collection .mh-parade-work h3{min-height:2.5em;font:400 24px/1.25 MhAbel,Arial,sans-serif;color:#171717;margin:20px 0 0;text-align:left;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}

.mh-collection .mh-gallery-open{all:unset;display:block;width:100%;position:relative;cursor:zoom-in;border-radius:0;aspect-ratio:1;background:#fff;overflow:hidden;box-sizing:border-box}
.mh-collection img.mh-work-photo{width:100%;height:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.mh-collection .mh-gallery-open:is(:hover,:focus-visible) .mh-work-photo{transform:scale(1.025)}
.mh-collection .mh-gallery-magnify{margin:0;position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;background:#fff;border-radius:50%;color:#171717;font:23px/1 MhAbel,Arial,sans-serif}
.mh-collection .mh-work-info{display:flex;justify-content:space-between;gap:12px;padding-top:8px;align-items:baseline;flex-wrap:wrap}
.mh-collection .mh-work-info p{font:16px/1.5 MhAbel,Arial,sans-serif;margin:0}
.mh-collection .mh-work-info a{font:16px/1.5 MhAbel,Arial,sans-serif;white-space:nowrap;color:#171717;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.mh-gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:32px 6% 0;padding-top:32px;border-top:1px solid #ddd}
.mh-gallery-footer p{font-size:21px;line-height:1.4}
.mh-collection .mh-gallery-dialog{position:fixed;inset:0;margin:auto;height:fit-content;border:0;padding:45px;width:min(1050px,92vw);max-height:90svh;overflow:auto;background:#fff;color:#171717}
.mh-gallery-dialog::backdrop{background:#111b}
.mh-gallery-dialog[open]{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:30px;align-items:center}
.mh-gallery-detail-image{width:100%;max-height:72svh;object-fit:contain}
.mh-gallery-dialog h2{font:400 clamp(30px,4vw,48px)/1.1 MhBeau,Georgia,serif;text-transform:none;overflow-wrap:anywhere}
.mh-gallery-dialog p{font:18px/1.5 MhAbel,Arial,sans-serif;margin:18px 0 25px}
.mh-collection .mh-gallery-close{position:absolute;top:5px;right:8px;width:44px;height:44px;border:0;background:#fff;color:#171717;cursor:pointer;font:32px/1 MhAbel,Arial,sans-serif}
.mh-collection button:focus-visible{outline:2px solid #c5261b;outline-offset:4px}
@media(max-width:640px){
 .mh-collection-intro{padding-bottom:40px}
 .mh-collection-thread{height:100px;width:200px;margin-bottom:20px}
 .mh-collection h2{font-size:37px}
 .mh-collection-intro>p{font-size:17px}
 .mh-collection .mh-parade-header{gap:16px;align-items:start}
 .mh-collection .mh-parade-work{flex-basis:78vw}



 .mh-collection .mh-work-info{flex-direction:column;gap:5px}
 .mh-gallery-footer{flex-direction:column;align-items:start;margin-top:20px}
 .mh-gallery-dialog[open]{display:block;padding:45px 20px 25px}
 .mh-gallery-detail-image{max-height:50svh}
 .mh-gallery-dialog h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.mh-collection *{transition:none!important}.mh-home[data-phase="4"] .mh-scene3d{transition:none}}

/* La collection rejoint la calligraphie sans un nouvel écran vide. */
body.mh-unified .mh-gallery-heading{min-height:0;padding:64px 0 32px!important}
body.mh-unified .mh-gallery-heading .mh-panel-title{padding:0 6%}
@media(min-width:641px) and (max-width:1000px){.mh-collection .mh-parade-work{flex-basis:calc((88vw - 24px)/2)}}

/* Reprise visuelle du reel validé « Qui je suis v3 » : collage anthracite / jaune. */
@font-face{font-family:MhReel;src:url('https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/accueil-bohom/anton.woff2') format('woff2');font-display:swap}
/* Le noir entre naturellement par le bas, sans capturer la molette. */
.mh-collection{--reel-yellow:#ffcc00;--reel-paper:#f5f4ef;background:#191919;color:var(--reel-paper);margin-top:0;padding:0 0 72px;z-index:6;isolation:isolate}
.mh-collection::before,.mh-collection::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:160px;height:96px;background:radial-gradient(circle,var(--reel-yellow) 1.3px,transparent 1.8px) 0 0/7px 7px;opacity:.6;transform:rotate(-12deg)}
.mh-collection::before{right:-32px;top:200px}.mh-collection::after{left:-64px;bottom:120px}
.mh-collection-intro{padding:0 6% 48px;text-align:left}
.mh-collection-signature{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0 64px}
.mh-collection-signature>span{font:18px/1.3 MhReel,Arial,sans-serif;text-transform:uppercase;color:var(--reel-paper)}
.mh-collection-signature strong{font:400 24px/1.2 MhReel,Impact,sans-serif;text-transform:uppercase;color:#191919;background:var(--reel-yellow);padding:6px 10px;transform:rotate(2deg)}
.mh-collection h2{font:400 clamp(36px,5.2vw,76px)/1.22 MhReel,Impact,sans-serif;text-transform:uppercase;letter-spacing:0;margin:0;text-wrap:balance}
.mh-collection-intro h2>span{display:inline-block;padding:8px 20px 12px;color:#191919;background:var(--reel-yellow);clip-path:polygon(0 4%,8% 2%,18% 4%,29% 0,42% 3%,57% 1%,73% 4%,88% 1%,99% 3%,100% 92%,89% 96%,75% 94%,60% 99%,44% 96%,29% 100%,15% 96%,1% 98%);transform:rotate(-1deg)}
.mh-collection-intro h2>span:last-child{background:var(--reel-paper);transform:rotate(.7deg);margin-top:8px}
.mh-collection-lead{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:32px}
.mh-collection p,.mh-collection .mh-work-info p{color:#d6d6d2}
.mh-collection-lead p{font:20px/1.5 MhAbel,Arial,sans-serif}
.mh-collection .mh-gallery-shop{flex-shrink:0;background:var(--reel-yellow);color:#191919;border-radius:0;font:18px/1.3 MhReel,Arial,sans-serif;letter-spacing:.01em;padding:16px 24px;min-height:48px}
.mh-collection .mh-gallery-shop:hover{background:var(--reel-paper);color:#191919}
.mh-collection .mh-parade-header{margin-bottom:8px}.mh-collection .mh-parade-header p{color:#d6d6d2}
.mh-collection .mh-gallery-controls button{background:transparent;border:1px solid #70706c;border-radius:0;color:var(--reel-paper)}
.mh-collection .mh-gallery-controls button:hover{background:var(--reel-yellow);color:#191919}
.mh-collection .mh-parade-track{scrollbar-width:none;overflow-anchor:none}.mh-collection .mh-parade-track::-webkit-scrollbar{display:none}
.mh-collection .mh-gallery-open{border:5px solid var(--reel-paper);background:var(--reel-paper)}
.mh-collection .mh-parade-work h3{font:400 24px/1.3 MhReel,Impact,sans-serif;color:var(--reel-paper);text-transform:none;letter-spacing:0;min-height:2.6em;margin-top:20px}
.mh-collection .mh-work-info a{color:var(--reel-paper)}
.mh-collection .mh-gallery-footer{border-color:#555550}
.mh-collection .mh-gallery-dialog{background:#191919;color:var(--reel-paper);border:1px solid #70706c}
.mh-collection .mh-gallery-close{background:#191919;color:var(--reel-paper)}
/* titre de l'œuvre dans l'encart : le h2 héritait du gris foncé du thème, invisible sur fond noir */
.mh-collection .mh-gallery-dialog h2{color:var(--reel-paper);margin:0}
.mh-collection dialog.mh-gallery-dialog h2{font-size:clamp(38px,4.6vw,64px);line-height:1.05}
.mh-collection .mh-gallery-dialog .mh-gallery-detail-caption{color:#bdbdb6;font-size:16px;margin:10px 0 0}
.mh-collection .mh-gallery-dialog .mh-gallery-story{font:19px/1.6 MhAbel,Arial,sans-serif;color:var(--reel-paper);margin:22px 0 28px;max-width:34em}
.mh-collection .mh-gallery-dialog .mh-gallery-story:empty{display:none}
.mh-collection :is(a,button):focus-visible,.mh-collection .mh-parade-track:focus-visible{outline:2px solid var(--reel-yellow);outline-offset:5px}
@media(max-width:640px){.mh-collection-signature{padding-bottom:40px}.mh-collection-signature>span{font-size:15px}.mh-collection-signature strong{font-size:20px}.mh-collection h2{font-size:clamp(27px,7.7vw,40px)}.mh-collection-intro h2>span{padding:8px 10px 12px}.mh-collection-lead{align-items:flex-start;flex-direction:column;gap:24px;margin-top:24px}.mh-collection-lead p{font-size:18px}.mh-collection-intro{padding-bottom:32px}.mh-collection::before{width:72px;right:-40px}.mh-collection .mh-gallery-footer{gap:24px}}
@media(prefers-reduced-motion:reduce){.mh-collection-entry{height:24svh;margin-top:0}.mh-collection .mh-parade-track{scroll-behavior:auto}}

.mh-in-collection .mh-site-nav{background:#191919;border-bottom-color:#444}
.mh-in-collection .mh-site-nav a{color:#f5f4ef}
.mh-in-collection .mh-site-nav a:is(:hover,:focus-visible){color:#ffcc00}

/* Une carte qui monte, puis une composition fixe pilotée par le scroll. */
.mh-collection-scroll{position:relative;z-index:6}
.mh-collection-scroll.is-motion{height:340svh;margin-top:-100svh}
.is-motion .mh-collection{position:sticky;top:0;height:100svh;box-sizing:border-box;border-radius:56px 56px 0 0;padding:32px 0 16px;scroll-margin-top:0;display:flex;flex-direction:column;justify-content:center;--reel-yellow:#ffc800;--reel-paper:#f4f0e6;background:#111}
.is-motion .mh-collection-intro{padding-bottom:12px}
.is-motion .mh-collection-signature{padding:0 0 16px}
.is-motion .mh-collection h2{font-size:clamp(27px,4.4svh,56px)}
.is-motion .mh-collection-intro h2>span{padding:3px 16px 6px}
.is-motion .mh-collection-lead{margin-top:12px}
.is-motion .mh-collection-lead p{font-size:18px;margin:0}
.is-motion .mh-collection-lead>.mh-gallery-shop{display:none}
.is-motion .mh-parade-header{margin-bottom:0}
.is-motion .mh-parade-header p{margin:0}
.is-motion .mh-collection .mh-parade-track{padding-top:12px;padding-bottom:0;flex-shrink:0}
.is-motion .mh-collection .mh-parade-work{flex-basis:min(29vw,29svh)}
.is-motion .mh-collection .mh-parade-work h3{margin-top:10px;font-size:24px;min-height:2.6em}
.is-motion .mh-work-info{padding-top:0}
.is-motion .mh-collection .mh-gallery-footer{margin:12px 6% 0;padding-top:12px}
.is-motion .mh-gallery-footer p{margin:0;font-size:16px}
.mh-collection-pinned .mh-site-nav{visibility:hidden}
.is-motion [data-motion]{will-change:transform,opacity}
@media(max-width:640px){
 .is-motion .mh-collection{border-radius:32px 32px 0 0;padding-top:24px}
 .is-motion .mh-collection-signature{padding-bottom:12px}
 .is-motion .mh-collection h2{font-size:clamp(25px,3.7svh,34px)}
 .is-motion .mh-collection-lead{margin-top:8px;gap:0}
 .is-motion .mh-collection-lead p{font-size:16px}
 .is-motion .mh-parade-header{align-items:center;gap:8px}
 .is-motion .mh-parade-header p{font-size:12px;max-width:110px}
 .is-motion .mh-gallery-controls{gap:5px}
 .is-motion .mh-collection .mh-gallery-controls .mh-parade-toggle{font-size:12px;padding:8px}
 .is-motion .mh-collection .mh-parade-work{flex-basis:min(66vw,27svh)}
 .is-motion .mh-collection .mh-work-info{flex-direction:row;gap:6px}
 .is-motion .mh-work-info p,.is-motion .mh-work-info a{font-size:13px}
 .is-motion .mh-gallery-footer p{display:none}
 .is-motion .mh-collection .mh-gallery-footer{margin-top:8px;padding-top:8px}
 .is-motion .mh-collection .mh-gallery-shop{font-size:16px;padding:12px 18px}
}

/* — 20/10 Le manège : les Bo'HoM' en vente tournent autour du Bo'HoM' 3D (positions et profondeur calculées dans accueil.js) — */
.mh-orbit{z-index:auto;isolation:auto;opacity:1!important;inset:0}
.mh-orbit-work,.mh-journey .mh-orbit-work{position:absolute;left:0;top:0;width:auto;margin:0;transform-origin:50% 100%;will-change:transform,opacity,filter;transform:var(--orbit-mobile)!important}
.mh-orbit-work img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;mix-blend-mode:normal;transition:none;filter:drop-shadow(0 14px 12px #0000001a)}
.mh-orbit-work:is(:hover,:focus-visible) img{transform:none}
.mh-orbit-work::after{content:"";position:absolute;left:14%;right:14%;bottom:-3%;height:6%;border-radius:50%;background:radial-gradient(closest-side,#0000002e,transparent);z-index:-1}
.mh-red-orbit,.mh-journey .mh-red-orbit{transform:none;border-color:#e10000;z-index:1;clip-path:inset(0 0 50% 0)}
.mh-red-orbit.mh-red-orbit-front{z-index:3;clip-path:inset(50% 0 0 0)}
@media(max-width:640px){.mh-orbit,.mh-journey .mh-orbit{display:block;overflow:visible;padding:0;top:0;bottom:0;scroll-snap-type:none}.mh-orbit-work,.mh-journey .mh-orbit-work{flex:none}.mh-orbit-work span{font-size:13px}}

/* Flèche discrète vers le bouton couleur, visible pendant « 02 / Le reflet » (texte : « Sa couleur se choisit en bas à droite »). */
.mh-home .mh-color-fab::before{content:'↘\FE0E';position:absolute;right:calc(100% + 4px);bottom:calc(100% + 2px);font:400 24px/1 MhAbel,Arial,sans-serif;color:#111;opacity:var(--mh-reflet,0);pointer-events:none;transition:opacity .3s;animation:mh-fleche 1.6s ease-in-out infinite}
@keyframes mh-fleche{50%{translate:4px 4px}}
@media(prefers-reduced-motion:reduce){.mh-home .mh-color-fab::before{animation:none}}

/* 28/10 tablette (641–1000 px) : le menu de l'accueil débordait (« Contact », « Panier » coupés) → il passe sur deux lignes. */
@media(min-width:641px) and (max-width:1000px){.mh-home .mh-home-header{align-items:flex-start}.mh-home .mh-home-header nav{flex-wrap:wrap;justify-content:flex-end;column-gap:12px;row-gap:0;max-width:calc(100% - 175px)}.mh-home .mh-home-header nav a{font-size:15px!important;min-height:40px}}
/* 28/10 tablette en portrait : « Calligraphie » tombait sur le trait d'encre noir → les deux textes montent au-dessus du Bo'HoM'. */
@media(min-width:641px) and (max-width:1000px) and (orientation:portrait){.mh-home .mh-home-copy{top:150px;transform:none;width:30%;max-width:30%}.mh-home .mh-home-calligraphy{text-align:right}.mh-home .mh-home-calligraphy>a{justify-content:flex-end}}
@media(min-width:641px) and (max-width:1000px) and (orientation:portrait){.mh-home .mh-ink-sign-a,.mh-home .mh-ink-sign-c{top:33%}}

/* mh-suite */
body.mh-unified{background:#fff;color:#171717}body.mh-unified>.ha-header{display:none!important}.mh-site-nav{position:fixed;z-index:90;top:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:26px;padding:16px 5%;background:rgba(255,255,255,.96);border-bottom:1px solid #eee}.mh-site-nav a{color:#111;font:14px/1.4 Georgia,serif;padding:10px 0;text-decoration:none}.mh-site-nav a:first-child{margin-right:auto;font-size:27px;letter-spacing:-3px}.mh-site-nav a:hover,.mh-site-nav a:focus-visible{color:#e10000}.mh-in-journey .mh-site-nav{visibility:hidden;pointer-events:none}.mh-unified #main-content{padding-top:0!important}.mh-unified .mh-legacy-intro,.mh-unified .mh-legacy-decoration{display:none!important}.mh-unified .mh-gallery-heading{padding:0!important;min-height:100svh;display:flex;align-items:center;justify-content:center}.mh-gallery-heading>.vc_row{display:none!important}.mh-panel-title{padding:100px 7% 36px;color:#111}.mh-panel-title p{font:10px/1.5 MhAbel,Arial,sans-serif;letter-spacing:.25em;margin:0 0 24px}.mh-panel-title h2{font:normal clamp(36px,5vw,72px)/1.08 Georgia,serif;letter-spacing:-.04em;text-transform:none;margin:0}.mh-gallery-heading .mh-panel-title{text-align:center}.mh-unified .mh-gallery-panel{padding:0!important}.mh-unified .mh-editorial-panel{min-height:100svh;padding:0 0 70px!important;background:#fff}.mh-editorial-panel>.vc_row:has(.ut-custom-heading){display:none}.mh-unified .mh-panel-content{padding:15px 6% 35px!important;min-height:0}.mh-unified .mh-editorial-panel h1{font:normal 32px/1.2 Georgia,serif;letter-spacing:0}.mh-unified .mh-editorial-panel p{font-size:16px;line-height:1.8}.mh-unified .mh-panel-content .wpb_text_column{max-width:850px;margin:0 auto 25px}.mh-unified .mh-contact-panel{min-height:100svh;background:#fff!important;color:#111!important;padding:0 6% 50px!important;display:flex;flex-direction:column;justify-content:center}.mh-contact-panel .bklyn-section-separator{display:none}.mh-contact-panel .mh-panel-title{padding-left:0}.mh-unified .mh-contact-panel h1,.mh-unified .mh-contact-panel h3,.mh-unified .mh-contact-panel a{color:#111!important;font-family:Georgia,serif}.mh-unified .mh-contact-panel h1{font-size:30px}.mh-more-bohom{margin:40px 6%;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.mh-more-bohom summary{cursor:pointer;padding:24px 0;font:20px/1.5 Georgia,serif}.mh-unified .ut-vc-offset-anchor-top{scroll-margin-top:80px}.mh-site-nav a:focus-visible,.mh-more-bohom summary:focus-visible{outline:2px solid #e10000;outline-offset:5px}
@media(max-width:700px){.mh-site-nav{gap:14px;overflow-x:auto;justify-content:flex-start;padding:10px 5%;white-space:nowrap}.mh-site-nav a{font-size:12px;flex-shrink:0}.mh-site-nav a:first-child{font-size:23px;margin-right:6px}.mh-panel-title{padding-top:90px}.mh-unified .mh-panel-content{padding:15px 5%!important}}

.mh-unified .vc_section.vc_hidden{opacity:1!important}.mh-unified .mh-old-heading{display:none!important}.mh-unified .mh-gallery-heading,.mh-unified .mh-gallery-panel,.mh-unified .mh-editorial-panel,.mh-unified .mh-contact-panel{left:0!important;width:100%!important;margin-left:0!important;margin-right:0!important}

/* mh-chargement */
/* Écran de chargement de l'accueil (18/10).
   Un voile blanc posé SOUS l'en-tête : le nom rouge, le monogramme et la navigation restent exactement
   à leur place pendant tout le chargement — rien ne saute quand la page apparaît. Un trait rouge fin
   se remplit, puis le voile se retire. Aucune image, aucun fichier : il s'affiche à la première peinture. */
.mh-loader{position:absolute;inset:0;z-index:3;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  transition:opacity .9s cubic-bezier(.16,1,.3,1),visibility 0s linear .9s;pointer-events:auto;
  animation:mh-loader-secours 0s linear 12s forwards} /* sans JavaScript, le voile ne reste jamais */
@keyframes mh-loader-secours{to{opacity:0;visibility:hidden;pointer-events:none}}
.mh-loader-line{display:block;width:min(180px,40vw);height:1px;background:rgba(17,17,17,.12);overflow:hidden;margin-top:6vh}
.mh-loader-line i{display:block;height:100%;background:#c5261b;transform:scaleX(var(--mh-load,0));transform-origin:left;
  transition:transform .5s cubic-bezier(.16,1,.3,1)}
.mh-loader-word{font:12px/1.5 MhAbel,Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#595959;
  opacity:0;animation:mh-loader-in .8s cubic-bezier(.16,1,.3,1) .35s forwards}
@keyframes mh-loader-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* Sortie : le voile s'efface, la scène arrive d'un léger mouvement vers l'avant (et non d'un simple fondu). */
.mh-home.is-loaded-page .mh-loader{opacity:0;visibility:hidden;pointer-events:none}
.mh-home.is-loaded-page .mh-loader-line,.mh-home.is-loaded-page .mh-loader-word{transform:translateY(-8px);transition:transform .9s cubic-bezier(.16,1,.3,1)}
html.mh-loading,html.mh-loading body{overflow:hidden}
/* Sans JavaScript, ou si l'utilisateur réduit les animations : pas de voile qui traîne. */
.no-js .mh-loader{display:none}
@media (prefers-reduced-motion:reduce){
  .mh-loader{transition:opacity .25s linear,visibility 0s linear .25s}
  .mh-loader-line i,.mh-loader-word{transition:none;animation:none;opacity:1}
}
/* Pendant le chargement, seuls le nom et la navigation sont là ; le reste de l'interface arrive avec la scène. */
.mh-home:has(.mh-loader) :is(.mh-chapter-nav,.mh-audio-ui){transition:opacity .8s cubic-bezier(.16,1,.3,1) .25s}
.mh-home:has(.mh-loader):not(.is-loaded-page) :is(.mh-chapter-nav,.mh-audio-ui,.mh-color-fab){opacity:0;pointer-events:none}

/* mh-cartes */
/* Cartes empilées (v2, 18/10 soir). Une scène épinglée SOUS la barre de navigation :
   carte noire Bo'HoM' (se construit) → carte blanche Calligraphie posée un peu plus bas (se construit) → tableaux.
   Le mouvement est piloté par cartes.js ; ce fichier fixe les états, les tailles et les survols. */
:root{--mh-nav-h:90px;--mh-gap:30px}

/* ---------- Scène ---------- */
.mh-collection-scroll.is-motion{height:calc(530svh - var(--mh-nav-h))}
.is-motion .mh-collection{top:var(--mh-nav-h);height:calc(100svh - var(--mh-nav-h))}
/* la nav reste visible (blanche) au-dessus des cartes */
.mh-collection-pinned .mh-site-nav{visibility:visible}
.mh-in-collection .mh-site-nav{background:#fff;border-bottom-color:transparent}
.mh-gallery-heading[hidden]{display:none!important}
/* nav du site = copie conforme de l'en-tête d'accueil : mêmes 4 onglets, police, taille, gris, crochets */
/* même boîte que .mh-home-header (largeur min(92%,1440px) centrée, haut 26px, monogramme 38×58) : la barre ne bouge pas */
.mh-site-nav{gap:clamp(14px,2vw,30px);padding:26px max(4%,calc(50% - 720px)) 12px}
.mh-site-nav a.mh-site-mono{margin-right:auto}
.mh-site-nav a.mh-site-mono img{width:38px!important;height:58px!important;object-fit:contain}
.mh-site-nav a,.mh-in-collection .mh-site-nav a{display:inline-flex;align-items:baseline;white-space:nowrap;flex-shrink:0;
  font:400 17px/1.4 MhAbel,Arial,sans-serif;color:#595959;letter-spacing:0;padding:10px 0}
.mh-site-nav a:is(:hover,:focus-visible),.mh-in-collection .mh-site-nav a:is(:hover,:focus-visible){color:#e10000}
.mh-site-nav a:not(:first-child)::before{margin-right:6px}
.mh-site-nav a:not(:first-child)::after{margin-left:6px}
@media(max-width:900px){.mh-site-nav a,.mh-in-collection .mh-site-nav a{font-size:14px}.mh-site-nav{gap:12px}}
@media(max-width:700px){.mh-site-nav{overflow-x:visible;justify-content:flex-end}.mh-site-nav a:not(:first-child)::before{margin-right:3px}.mh-site-nav a:not(:first-child)::after{margin-left:3px}}
/* téléphone : 6 onglets sur 2 rangées de 3, identiques dans l'en-tête d'accueil et dans la barre du site */
@media(max-width:640px){
  .mh-home .mh-home-header nav{display:grid!important;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:0 10px!important}
  .mh-home .mh-home-header nav a{display:flex!important;font-size:13px!important;min-height:30px!important;column-gap:3px}
  .mh-site-nav{display:grid;grid-template-columns:auto repeat(3,auto);justify-content:space-between;align-items:center;gap:0 10px;padding:16px 6% 8px}
  .mh-site-nav a.mh-site-mono{grid-row:1/3;margin-right:0}
  .mh-site-nav a.mh-site-mono img{width:30px!important;height:46px!important}
  .mh-site-nav a,.mh-in-collection .mh-site-nav a{font-size:13px;padding:0;min-height:30px;align-items:center}
}
.mh-site-nav a.mh-site-mono{padding:0;letter-spacing:0;line-height:0}
.mh-site-mono img{display:block;width:auto;height:48px}
/* les deux cartes ont exactement la même largeur et les mêmes coins : la blanche est juste posée plus bas */
.is-motion .mh-collection,.mh-calli-head{border-radius:40px 40px 0 0}

/* ---------- Carte noire Bo'HoM' ---------- */
.mh-collection-signature{justify-content:flex-start}
.mh-collection-logo{display:block;width:clamp(150px,15vw,230px);height:auto;transform-origin:30% 0;
  filter:brightness(0) invert(.96);  /* logo en blanc papier */
  -webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--w,1)*115% - 15%),transparent calc(var(--w,1)*115%));
          mask-image:linear-gradient(to bottom,#000 calc(var(--w,1)*115% - 15%),transparent calc(var(--w,1)*115%))}
.is-motion .mh-collection-signature{padding:0 0 14px}
.mh-collection-intro h2>span{-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--w,1)*112% - 12%),transparent calc(var(--w,1)*112%));
          mask-image:linear-gradient(90deg,#000 calc(var(--w,1)*112% - 12%),transparent calc(var(--w,1)*112%))}
.is-motion .mh-collection::before{translate:0 calc(var(--par,0) * -90px)}
.is-motion .mh-collection::after{translate:0 calc(var(--par,0) * 70px)}
.is-motion .mh-parade-work{transform-origin:50% 100%;will-change:translate,rotate,scale}
.is-motion .mh-collection .mh-parade-work{flex-basis:min(24vw,21svh)}
.is-motion .mh-collection{padding-top:24px}
.is-motion .mh-collection-logo{width:clamp(120px,11vw,170px)}
.is-motion .mh-collection .mh-parade-work h3{font-size:21px;margin-top:8px}
.is-motion .mh-collection h2{font-size:clamp(25px,4svh,52px)}
.mh-collection .mh-gallery-open{transform-style:preserve-3d;transition:box-shadow .5s cubic-bezier(.16,1,.3,1)}
.mh-collection .mh-gallery-open:hover{box-shadow:0 22px 40px rgba(0,0,0,.45)}
.mh-collection .mh-parade-work h3{background:linear-gradient(var(--reel-yellow,#ffc800),var(--reel-yellow,#ffc800)) left calc(100% - 2px)/0 3px no-repeat;
  transition:background-size .55s cubic-bezier(.16,1,.3,1);display:inline-block}
.mh-collection .mh-parade-work:hover h3,.mh-collection .mh-parade-work:focus-within h3{background-size:100% 3px}
/* boutique en haut de la carte ; le bas reste libre pour le bouton son */
.is-motion .mh-collection-lead>.mh-gallery-shop{display:inline-flex}
.is-motion .mh-gallery-footer>.mh-gallery-shop{display:none}

/* ---------- Carte blanche Calligraphie ---------- */
.mh-calli-head{position:relative;z-index:7;background:#fff;color:#171717;
  box-shadow:0 -16px 50px rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:center;padding:84px 6% 40px}
.mh-calli-scroll{position:relative;z-index:7;background:#fff;overflow-x:clip}
.is-motion .mh-calli-head{position:sticky;top:calc(var(--mh-nav-h) + var(--mh-gap));height:calc(100svh - var(--mh-nav-h) - var(--mh-gap));
  margin-top:calc(var(--mh-nav-h) - 100svh);box-sizing:border-box;padding:70px 6% 32px;will-change:translate}
.mh-calli-tab{position:absolute;top:20px;left:6%;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;
  border:1px solid #ddd;border-radius:999px;font:15px/1 MhAbel,Arial,sans-serif;color:#171717;text-decoration:none;background:#fff;
  transition:border-color .3s,color .3s,translate .45s cubic-bezier(.16,1,.3,1)}
.mh-calli-tab:hover{border-color:#c5261b;color:#c5261b;translate:0 -2px}
.mh-calli-tab span{display:inline-block;transition:translate .45s cubic-bezier(.16,1,.3,1)}
.mh-calli-tab:hover span{translate:0 -3px}
.mh-calli-intro{text-align:center;max-width:1180px;margin:0 auto;width:100%}
.mh-calli-kicker{font:12px/1.5 MhAbel,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px;color:#171717}
.mh-calli-title{font:400 clamp(40px,min(6vw,9svh),92px)/1.04 MhBeau,Georgia,serif;letter-spacing:-.03em;text-transform:none;color:#171717;margin:0}
.mh-calli-word{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .02em .12em;margin-bottom:-.12em}
.mh-calli-word>span{display:inline-block;transform-origin:0 100%;will-change:translate,rotate}
.mh-calli-thread{display:block;width:min(260px,50vw);height:22px;margin:10px auto 0;overflow:visible}
.mh-calli-thread path{fill:none;stroke:#c5261b;stroke-width:2.2;stroke-linecap:round}
.mh-calli-thumbs{list-style:none;margin:clamp(22px,5svh,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(9,1fr);gap:clamp(8px,1.4vw,22px)}
.mh-calli-thumbs li{will-change:translate,rotate,scale;transform-origin:50% 100%}
.mh-calli-thumbs button{all:unset;box-sizing:border-box;display:block;width:100%;aspect-ratio:1;cursor:pointer;background:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.1);transition:translate .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)}
.mh-calli-thumbs button:hover{translate:0 -6px;box-shadow:0 18px 34px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.1)}
.mh-calli-thumbs button:active{translate:0 -2px;transition-duration:.08s}
.mh-calli-thumbs button:focus-visible{outline:2px solid #c5261b;outline-offset:4px}
.mh-calli-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
.mh-calli-hint{font:16px/1.4 MhAbel,Arial,sans-serif;color:#595959;margin:clamp(18px,4svh,40px) 0 0}
.mh-calli-hint span{display:inline-block;animation:mh-hint 1.8s cubic-bezier(.45,0,.55,1) infinite}
@keyframes mh-hint{50%{translate:0 4px}}

/* pastille fixe : revenir aux Bo'HoM' depuis les tableaux */
.mh-back-bohom{position:fixed;left:6%;top:calc(var(--mh-nav-h) + var(--mh-gap) + 18px);z-index:80;display:flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 14px;
  border-radius:999px;background:#111;color:#f4f0e6;text-decoration:none;font:18px/1 MhAbel,Arial,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.18);
  opacity:0;translate:0 -12px;scale:.94;pointer-events:none;
  transition:opacity .35s cubic-bezier(.16,1,.3,1),translate .55s cubic-bezier(.16,1,.3,1),scale .55s cubic-bezier(.16,1,.3,1)}
.mh-back-bohom.is-visible{opacity:1;translate:0 0;scale:1;pointer-events:auto}
.mh-back-bohom img{width:64px;height:auto;display:block;filter:brightness(0) invert(.96)}
.mh-back-bohom span[aria-hidden]{display:inline-block;transition:translate .45s cubic-bezier(.16,1,.3,1)}
.mh-back-bohom:hover span[aria-hidden]{translate:-4px 0}
.mh-back-bohom:active{scale:.95;transition-duration:.08s}
.mh-back-bohom:focus-visible,.mh-calli-tab:focus-visible{outline:2px solid #c5261b;outline-offset:4px}
/* rangées pleine largeur de Brooklyn : calculées pour leur ancienne place, on les recale */
.mh-calli-scroll .vc_section,.mh-calli-scroll .vc_row[data-vc-full-width]{left:0!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}

/* ---------- Tableaux construits au défilement (tableaux.js) ---------- */
.mh-tab-pin{position:relative}
.mh-tableau.is-pinned{position:sticky}
/* les rangées Brooklyn coupaient l'épinglage (overflow:hidden) : on coupe seulement à l'horizontale */
.mh-calli-scroll .vc_section,.mh-calli-scroll .vc_row{overflow-x:clip!important;overflow-y:visible!important}
body .mh-tableau.mh-scrub .mh-rv>span{transform:none;transition:none}
body .mh-tableau.mh-scrub .mh-rise{transform:none;transition:none;filter:none;opacity:1}

/* ---------- Carte blanche fixe : les tableaux y arrivent un par un (tableaux.js) ---------- */
.mh-calli-stage-on .mh-collection-scroll.is-motion{height:calc(var(--mh-scene-len,5.3) * 100svh - var(--mh-nav-h))}
.mh-calli-stage-on .mh-calli-head{overflow:hidden}
.mh-calli-stage{position:absolute;inset:36px 0 20px;pointer-events:none;z-index:1}
.mh-calli-intro{position:relative;z-index:2}
.mh-layer{position:absolute;left:50%;top:50%;width:1272px;transform:translate(-50%,-50%) scale(var(--k,1));
  visibility:hidden;opacity:0;pointer-events:auto;background:transparent;contain:layout style}
/* seuls les calques à l'écran sont vivants : les autres ne peignent rien et leur flottement est en pause */
.mh-layer.is-live{visibility:visible;will-change:opacity,translate}
.mh-layer:not(.is-live) picture{animation-play-state:paused}
.mh-layer.is-live .mh-tableau__oeuvre{will-change:translate,rotate}
.mh-layer.is-live .mh-tableau__lettre{will-change:opacity,scale}
.mh-layer .mh-tableau__lettre{opacity:0;transform-origin:50% 60%}
body .mh-layer.mh-scrub .mh-rv:not(.mh-tableau__lettre)>span{opacity:0}
/* voile de la carte noire quand la blanche la recouvre */
.mh-card-veil{position:absolute;inset:0;z-index:20;background:#000;opacity:0;pointer-events:none;border-radius:inherit}
.mh-gallery-panel.mh-emptied{display:none!important}
.mh-calli-count{position:absolute;top:30px;right:6%;margin:0;z-index:3;font:13px/1 MhAbel,Arial,sans-serif;letter-spacing:.22em;color:#171717;
  opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}
.mh-calli-count.is-on{opacity:1}

/* ---------- Bouton son : sorti de la scène, il reste partout au même endroit ---------- */
.mh-audio-fixed{position:fixed;z-index:80;--red:#c5261b;transition:opacity .8s cubic-bezier(.16,1,.3,1) .25s}
body:has(.mh-loader):not(:has(.is-loaded-page)) .mh-audio-fixed{opacity:0;pointer-events:none}
body.mh-collection-pinned .mh-audio-fixed .mh-sound{box-shadow:0 0 0 1px rgba(244,240,230,.28)}

@media (max-width:640px){
  :root{--mh-gap:18px}
  .mh-collection-logo{width:130px}
  .is-motion .mh-collection,.mh-calli-head{border-radius:24px 24px 0 0}
  .mh-site-mono img{height:40px}
  .is-motion .mh-calli-head{padding:64px 18px 24px}
  .mh-calli-tab{top:12px;left:18px;font-size:13px}
  .mh-calli-thumbs{grid-template-columns:repeat(3,1fr);max-width:300px;margin-inline:auto;gap:10px}
  .mh-calli-hint{font-size:14px}
  .mh-back-bohom{left:18px;top:calc(var(--mh-nav-h) + var(--mh-gap) + 12px);height:42px;padding:0 12px}
  .mh-back-bohom img{width:52px}
}
@media (prefers-reduced-motion:reduce){
  .mh-collection-logo,.mh-collection-intro h2>span{-webkit-mask-image:none;mask-image:none}
  .mh-back-bohom,.mh-calli-tab,.mh-calli-thumbs button,.mh-collection .mh-parade-work h3{transition:opacity .2s linear}
  .mh-calli-hint span{animation:none}
}

/* ---------- Règles du bouton son recopiées de accueil.css (.mh-home → .mh-audio-fixed) ---------- */
.mh-audio-fixed .mh-sound{all:unset;position:absolute;bottom:26px;right:86px;z-index:7;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;cursor:pointer;font:12px/1.4 MhAbel,Arial,sans-serif;color:#444}
.mh-audio-fixed .mh-sound[aria-pressed=true]{color:#b60000}
@media(max-width:640px){.mh-audio-fixed .mh-sound{bottom:12px;right:66px;font-size:11px;padding:0 6px}
.mh-audio-fixed .mh-sound span{max-width:55px;line-height:1.25}
}
.mh-audio-fixed .mh-sound{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;width:138px;height:48px;padding:6px 16px;border-radius:999px;background:#111;color:#fff;font:19px/1 MhAbel,Arial,sans-serif;cursor:pointer;transition:background-color .2s,transform .2s}
.mh-audio-fixed .mh-sound:hover{background:#292929;transform:translateY(-2px)}
@media(max-width:640px){.mh-audio-fixed .mh-sound{width:112px;height:42px;padding:4px 12px;gap:8px;font-size:16px}
}
.mh-audio-fixed .mh-sound[aria-pressed=true]{color:#fff}
.mh-audio-fixed .mh-sound,.mh-audio-fixed .mh-sound:hover,.mh-audio-fixed .mh-sound[aria-pressed=true]{position:relative;width:150px;min-width:44px;height:58px;padding:8px 14px;gap:10px;background:#000;color:#ddd;border-radius:999px;transform:none;box-shadow:none}
.mh-audio-fixed .mh-sound:hover,.mh-audio-fixed .mh-sound[aria-pressed=true]{color:#fff;background:#000}
.mh-audio-fixed .mh-sound .mh-sound-state{display:inline;min-width:30px;font:20px/1 MhAbel,Arial,sans-serif;letter-spacing:-.04em}
.mh-audio-fixed .mh-sound::before{content:"";position:absolute;left:12px;right:54px;top:calc(50% - 1px);height:2px;background:linear-gradient(90deg,transparent,#777 28%,#fff 65%,transparent);transition:opacity .2s}
.mh-audio-fixed .mh-sound[aria-pressed=true]::before{opacity:0}
.mh-audio-fixed .mh-sound:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.mh-audio-fixed .mh-sound-wave{flex:none;width:76px;height:32px;opacity:0;transition:opacity .2s}
.mh-audio-fixed .mh-sound[aria-pressed=true] .mh-sound-wave{opacity:1}
@media(max-width:640px){.mh-audio-fixed .mh-sound{width:126px;height:48px;padding:6px 10px;gap:8px}
.mh-audio-fixed .mh-sound .mh-sound-state{font-size:17px;min-width:26px}
.mh-audio-fixed .mh-sound::before{right:46px}
.mh-audio-fixed .mh-sound-wave{width:60px;height:30px}
}
@media(prefers-reduced-motion:reduce){.mh-audio-fixed .mh-sound{transition:none}
}
.mh-audio-fixed .mh-sound,.mh-audio-fixed .mh-sound:hover,.mh-audio-fixed .mh-sound[aria-pressed=true]{width:94px;height:32px;min-height:0;padding:6px 10px;gap:8px;background:#111;color:#ccc}
.mh-audio-fixed .mh-sound::after{content:"";position:absolute;inset:-6px 0;border-radius:999px}
.mh-audio-fixed .mh-sound .mh-sound-state{min-width:22px;font:12px/1 MhAbel,Arial,sans-serif;letter-spacing:0}
.mh-audio-fixed .mh-sound::before{left:10px;right:40px;height:1px;top:50%}
.mh-audio-fixed .mh-sound-wave{width:44px;height:20px;overflow:hidden}
.mh-audio-fixed .mh-sound-wave path{fill:none;stroke:currentColor;stroke-width:1.1;opacity:.8}
.mh-audio-fixed .mh-sound[aria-pressed=true] .mh-sound-wave path{animation:mh-sine 1.4s linear infinite}
@media(prefers-reduced-motion:reduce){.mh-audio-fixed .mh-sound[aria-pressed=true] .mh-sound-wave path{animation:none}
.mh-audio-fixed .mh-sound-wave,.mh-audio-fixed .mh-sound::before{transition:none}
}
.mh-audio-fixed .mh-sound-wave path:nth-child(2){opacity:.5}
.mh-audio-fixed .mh-sound-wave path:nth-child(3){opacity:.3}

/* mh-carnet */
/* Carnet (v4, 25/10) — carte blanche de fin d'accueil : 05 Rendez-vous, 06 L'artiste, citation, 07 Presse, 08 Contact.
   Une seule grille pour tout : même gouttière que la barre de navigation, même en-tête de chapitre, même échelle typographique.
   Typo du site uniquement : MhBeau (titres, chiffres), MhAbel (textes, étiquettes). Rouge #c8102e en accent. */
.mh-carnet{--g:max(5%,calc(50% - 680px));--ink:#171717;--txt:#2e2e2e;--mute:#5c5c5c;--line:#e4e4e4;--red:#c8102e;--ease:cubic-bezier(.22,1,.36,1);
  --title:400 clamp(44px,5.6vw,92px)/.95 MhBeau,Georgia,serif;--sec:clamp(90px,14svh,160px);
  position:relative;z-index:7;background:#fff;color:var(--ink);border-radius:40px 40px 0 0;box-shadow:0 -18px 50px rgba(0,0,0,.07);
  margin-top:40px;width:100vw;margin-left:calc(50% - 50vw);overflow-x:clip;isolation:isolate}
.mh-unified .mh-carnet .vc_section{overflow:visible;min-height:0!important;padding:0!important;background:transparent!important;display:block!important}
.mh-unified .mh-carnet .vc_section.mh-carnet-old,.mh-unified .mh-carnet .mh-carnet-old,.mh-unified .ut-video-section{display:none!important}   /* anciens contenus + vidéo bichromie retirés */
.mh-carnet *{box-sizing:border-box}
.mh-carnet :is(h2,h3,p,dl,dt,dd,ul,ol,li,figure,blockquote){margin:0;padding:0;text-transform:none}
.mh-carnet :is(button,a):focus-visible{outline:2px solid var(--red);outline-offset:4px}

/* ---------- en-tête de chapitre (identique partout) ---------- */
.mh-c{position:relative;padding:var(--sec) var(--g) 0}
.mh-c-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(40px,7svh,80px)}
.mh-unified .mh-carnet .mh-c-head p,.mh-unified .mh-carnet .mh-c-small{font:400 13px/1.4 MhAbel,Arial,sans-serif!important;letter-spacing:.22em!important;color:var(--mute)!important;text-transform:uppercase}
.mh-unified .mh-carnet .mh-c-head p{margin-bottom:18px}
.mh-unified .mh-carnet .mh-c-head h2{font:var(--title)!important;letter-spacing:-.02em!important;color:var(--ink)!important;text-wrap:balance}

/* =================== 05 RENDEZ-VOUS =================== */
.mh-rdv-count{text-align:right}
.mh-rdv-count small{display:block;font:400 13px/1.4 MhAbel,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.mh-rdv-count strong{display:block;font:800 clamp(56px,6.4vw,104px)/.9 MhManrope,Arial,sans-serif;letter-spacing:-.04em;font-variant-numeric:lining-nums;color:var(--red)}
.mh-rdv-count span{font:400 16px/1.5 MhAbel,Arial,sans-serif;color:var(--txt)}
.mh-rdv-corps{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,25vw,360px);gap:clamp(40px,6vw,110px);align-items:start}
.mh-rdv-tags{display:flex;gap:clamp(24px,3vw,48px);align-items:flex-start;flex-wrap:wrap}

/* étiquette suspendue */
.mh-tag{flex:0 1 clamp(290px,24vw,370px);display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;rotate:var(--r,0deg);opacity:var(--o,1);will-change:rotate}
.mh-tag-fil{width:1px;height:clamp(28px,5svh,56px);background:var(--ink);opacity:.5}
.mh-tag-corps{position:relative;width:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px 26px 22px;display:flex;flex-direction:column;gap:12px;
  box-shadow:0 22px 44px -26px rgba(0,0,0,.3);overflow:hidden}
.mh-tag-corps::before{content:"";position:absolute;top:12px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px rgba(23,23,23,.22)}
.mh-tag-top{display:flex;justify-content:space-between;align-items:center;font:400 12px/1 MhAbel,Arial,sans-serif;letter-spacing:.18em;color:var(--mute)}
.mh-tag-etat{padding:6px 10px;border-radius:99px;border:1px solid currentColor;text-transform:uppercase}
.mh-tag.is-avenir .mh-tag-etat{color:#fff;background:var(--red);border-color:var(--red)}
.mh-unified .mh-carnet .mh-tag-date{font:800 clamp(48px,4.2vw,70px)/.9 MhManrope,Arial,sans-serif;letter-spacing:-.04em;font-variant-numeric:lining-nums;color:var(--ink);margin-top:6px}
.mh-unified .mh-carnet .mh-tag-date small{display:block;font:400 12px/1.2 MhAbel,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-top:10px}
.mh-tag-tampon{position:absolute;right:16px;top:112px;rotate:-12deg;padding:7px 12px;border:2px solid var(--red);border-radius:8px;color:var(--red);
  font:400 14px/1 MhAbel,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:calc(.8 * var(--t,1));scale:calc(1.6 - .6 * var(--t,1))}
.mh-tag-perfo{position:relative;border-top:2px dashed var(--line);margin:4px -26px}
.mh-tag-perfo::before,.mh-tag-perfo::after{content:"";position:absolute;top:-10px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.mh-tag-perfo::before{left:-9px}.mh-tag-perfo::after{right:-9px}
.mh-unified .mh-carnet .mh-tag-ville{font:400 clamp(26px,2.2vw,34px)/1.04 MhBeau,Georgia,serif;letter-spacing:-.01em;color:var(--ink)}
.mh-unified .mh-carnet .mh-tag-titre{font:400 15px/1.4 MhAbel,Arial,sans-serif;color:var(--mute);margin-top:-4px}
.mh-tag dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font:400 14px/1.4 MhAbel,Arial,sans-serif}
.mh-tag dt{color:var(--ink);font-weight:700;white-space:nowrap}.mh-tag dd{color:var(--txt)}
.mh-unified .mh-carnet .mh-tag-lieu{font:400 14px/1.45 MhAbel,Arial,sans-serif;color:var(--txt)}
.mh-tag-lieu b{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:400;margin-bottom:2px}
.mh-tag-actions{display:flex;gap:8px;align-items:center;margin-top:6px}
.mh-tag-actions a{flex:1;display:inline-flex;justify-content:center;padding:12px 8px;border-radius:99px;font:400 13px/1 MhAbel,Arial,sans-serif;letter-spacing:.1em;
  text-transform:uppercase;white-space:nowrap;text-decoration:none!important;color:var(--ink)!important;border:1px solid var(--ink);transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}
.mh-tag-actions a:first-child{background:var(--ink);color:#fff!important}
.mh-tag-actions a:is(:hover,:focus-visible){background:var(--red);border-color:var(--red);color:#fff!important}
.mh-tag-logo{flex:0 0 40px;width:40px;height:40px;object-fit:contain;mix-blend-mode:multiply}

/* expositions passées : défilé continu */
.mh-unified .mh-carnet .mh-rdv-deja .mh-c-small{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--ink)}
.mh-rdv-fenetre{position:relative;height:clamp(380px,56svh,560px);overflow:hidden;
  -webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.mh-rdv-fenetre ul{list-style:none;animation:mhDeja var(--duree,60s) linear infinite}
.mh-rdv-fenetre:hover ul{animation-play-state:paused}
@keyframes mhDeja{to{transform:translateY(-50%)}}
.mh-unified .mh-carnet .mh-rdv-fenetre li{list-style:none;font:400 clamp(22px,1.9vw,30px)/1.1 MhBeau,Georgia,serif;letter-spacing:-.01em;color:var(--ink);padding:14px 0 12px;border-bottom:1px solid var(--line)}
.mh-unified .mh-carnet .mh-rdv-fenetre li::before{content:none}
.mh-rdv-fenetre li small{display:block;font:400 12px/1.4 MhAbel,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-top:6px}

/* =================== 06 L'ARTISTE =================== */
.mh-art{padding-top:0}
.mh-art-scroll{position:relative;height:calc(var(--n,6) * 85svh + 100svh)}
.mh-art-stage{position:sticky;top:var(--mh-nav-h,90px);height:calc(100svh - var(--mh-nav-h,90px));display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  gap:clamp(40px,6vw,110px);align-items:center;padding:clamp(20px,4svh,48px) 0}
.mh-art-photo{position:relative;justify-self:start;width:min(100%,calc(100svh - var(--mh-nav-h,90px) - 90px));aspect-ratio:1;
  clip-path:inset(calc((1 - var(--o,1)) * 18%) round calc(50% - var(--o,1) * (50% - 28px)));
  transform:perspective(900px) rotateY(calc(var(--mx,0) * 5deg)) rotateX(calc(var(--my,0) * -5deg));transition:transform .6s var(--ease)}
.mh-art-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(var(--g,0));scale:calc(1.1 - var(--o,1) * .1)}
.mh-art-photo figcaption{position:absolute;right:18px;bottom:16px;font:400 11px/1 MhAbel,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:calc(var(--o,1) * .85)}
.mh-art .mh-c-head{margin-bottom:clamp(26px,5svh,56px)}
.mh-art-etapes{display:grid}
.mh-art-etape{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility 0s .5s}
.mh-art-etape.is-on{opacity:1;visibility:visible;transition:opacity .5s var(--ease)}
.mh-unified .mh-carnet .mh-art-etape h3{font:400 clamp(28px,2.8vw,44px)/1.05 MhBeau,Georgia,serif!important;letter-spacing:-.015em!important;color:var(--red)!important;margin-bottom:18px;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(var(--w,1)*112% - 12%),transparent calc(var(--w,1)*112%));mask-image:linear-gradient(90deg,#000 calc(var(--w,1)*112% - 12%),transparent calc(var(--w,1)*112%))}
.mh-unified .mh-carnet .mh-art-etape p{font:400 clamp(16px,1.25vw,19px)/1.7 MhAbel,Arial,sans-serif!important;color:var(--txt)!important;max-width:38em;text-wrap:pretty;
  opacity:calc(var(--w,1) * 1.5 - .5);translate:0 calc((1 - var(--w,1)) * 12px)}
.mh-art-compte{display:flex;align-items:center;gap:14px;margin-top:clamp(26px,5svh,56px);font:400 12px/1 MhAbel,Arial,sans-serif;letter-spacing:.2em;color:var(--mute)}
.mh-art-compte i{position:relative;width:140px;height:1px;background:var(--line)}
.mh-art-compte b{position:absolute;left:0;top:-.5px;height:2px;width:calc(var(--p,0) * 100%);background:var(--red);transition:width .5s var(--ease)}
@media(max-height:820px) and (min-width:761px){.mh-unified .mh-carnet .mh-art-etape p{font-size:15.5px!important;line-height:1.6!important}.mh-art .mh-c-head h2{font-size:clamp(40px,4.6vw,72px)!important}}

/* =================== CITATION + CHIFFRES : bande de séparation =================== */
.mh-inter{position:relative;margin-top:var(--sec);background:#111;color:#f4f4f4;padding:clamp(90px,16svh,170px) var(--g);text-align:center}
.mh-unified .mh-carnet .mh-inter blockquote,.mh-unified .mh-carnet .mh-inter blockquote p{all:unset;display:block}
.mh-unified .mh-carnet .mh-inter blockquote p{font:400 clamp(34px,4.4vw,70px)/1.08 MhBeau,Georgia,serif!important;letter-spacing:-.02em;color:#fff!important;max-width:17em;margin:0 auto;text-wrap:balance}
.mh-inter blockquote::before,.mh-inter blockquote::after{content:none!important}
.mh-inter cite{display:block;margin-top:26px;font:400 13px/1.4 MhAbel,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;font-style:normal;color:#a8a8a8}
.mh-inter cite i{font-style:normal}
.mh-inter-chiffres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin:clamp(60px,10svh,110px) auto 0;border-top:1px solid #333}
.mh-inter-chiffres div{padding:30px 20px 0;display:flex;flex-direction:column-reverse;gap:10px}
.mh-inter-chiffres div+div{border-left:1px solid #333}
.mh-unified .mh-carnet .mh-inter-chiffres dd{font:400 clamp(46px,5vw,80px)/1 MhBeau,Georgia,serif;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.mh-unified .mh-carnet .mh-inter-chiffres dt{font:400 13px/1.4 MhAbel,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#a8a8a8}

/* =================== 07 PRESSE =================== */
.mh-radio{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:center;background:#f5f5f5;border-radius:28px;padding:clamp(16px,1.6vw,22px);
  margin-bottom:clamp(50px,9svh,100px)}
.mh-radio-img{display:block;width:100%;aspect-ratio:6/5;object-fit:cover;border-radius:18px}
.mh-radio-corps{padding:clamp(8px,2vw,30px) clamp(8px,2vw,30px) clamp(8px,2vw,30px) 0}
.mh-unified .mh-carnet .mh-radio h3{font:400 clamp(32px,3.4vw,56px)/1.02 MhBeau,Georgia,serif!important;letter-spacing:-.02em;color:var(--ink)!important;margin:14px 0 10px}
.mh-unified .mh-carnet .mh-radio-date{font:400 16px/1.5 MhAbel,Arial,sans-serif;color:var(--txt)}
.mh-radio-lecteur{display:flex;align-items:center;gap:18px;margin-top:clamp(24px,4svh,40px)}
.mh-unified .mh-carnet .mh-radio-play{flex:0 0 64px;width:64px;height:64px;border-radius:50%!important;border:0!important;background:var(--red)!important;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0!important;
  transition:transform .2s var(--ease),background .3s}
.mh-radio-play:active{transform:scale(.94)}
.mh-radio-play svg{width:26px;height:26px;fill:currentColor}
.mh-radio-play .i-pause,.mh-radio.is-playing .mh-radio-play .i-play{display:none}
.mh-radio.is-playing .mh-radio-play .i-pause{display:inline}
.mh-radio-pos{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:linear-gradient(var(--red),var(--red)) 0/var(--p,0%) 100% no-repeat,#d9d9d9;cursor:pointer}
.mh-radio-pos::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--ink);border:3px solid #f5f5f5}
.mh-radio-pos::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ink);border:3px solid #f5f5f5}
.mh-radio-temps{font:400 14px/1 MhAbel,Arial,sans-serif;color:var(--txt);min-width:42px;font-variant-numeric:tabular-nums}

.mh-presse-liste{list-style:none;border-top:1px solid var(--ink)}
.mh-unified .mh-carnet .mh-presse-liste li{list-style:none;border-bottom:1px solid var(--line);
  transition:opacity .8s var(--ease) calc(var(--i,0) * 70ms),translate .8s var(--ease) calc(var(--i,0) * 70ms)}
.mh-unified .mh-carnet .mh-presse-liste li::before{content:none}
.mh-presse.is-pending .mh-presse-liste li{opacity:0;translate:0 24px}
.mh-unified .mh-carnet .mh-presse-ligne{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:150px minmax(160px,1.1fr) minmax(0,2fr) auto;gap:24px;align-items:baseline;
  padding:clamp(20px,3svh,30px) 0;cursor:pointer;transition:padding .45s var(--ease)}
.mh-presse-date{font:400 14px/1.4 MhAbel,Arial,sans-serif;letter-spacing:.06em;color:var(--mute)}
.mh-presse-media{font:400 clamp(24px,2.2vw,36px)/1.05 MhBeau,Georgia,serif;letter-spacing:-.015em;color:var(--ink)}
.mh-presse-titre{font:400 17px/1.5 MhAbel,Arial,sans-serif;color:var(--txt)}
.mh-presse-lire{font:400 13px/1 MhAbel,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);opacity:.45;transition:opacity .3s,color .3s}
.mh-presse-ligne:is(:hover,:focus-visible){padding-left:14px!important}
.mh-presse-ligne:is(:hover,:focus-visible) .mh-presse-lire{opacity:1;color:var(--red)}
/* =================== téléphone et mouvement réduit =================== */
.mh-carnet.is-static .mh-art-scroll{height:auto}
.mh-carnet.is-static .mh-art-stage{position:relative;top:0;height:auto;grid-template-columns:1fr;padding:0}
.mh-carnet.is-static .mh-art-photo{width:min(100%,520px);clip-path:inset(0 round 24px);transform:none}
.mh-carnet.is-static .mh-art-photo img{filter:none;scale:1}
.mh-carnet.is-static .mh-art-etape{grid-area:auto;opacity:1;visibility:visible;margin-bottom:34px}
.mh-carnet.is-static .mh-art-etape :is(h3,p){-webkit-mask-image:none!important;mask-image:none!important;opacity:1!important;translate:none!important}
.mh-carnet.is-static .mh-art-compte{display:none}
.mh-carnet.is-static .mh-art{padding-top:var(--sec)}
@media(max-width:960px){
  .mh-rdv-corps,.mh-contact-corps{grid-template-columns:1fr}
  .mh-radio{grid-template-columns:1fr}.mh-radio-corps{padding:6px 10px 16px}
  .mh-unified .mh-carnet .mh-presse-ligne{grid-template-columns:1fr auto;gap:6px 16px}
  .mh-presse-date{grid-column:1}.mh-presse-media{grid-column:1}.mh-presse-titre{grid-column:1}.mh-presse-lire{grid-column:2;grid-row:1/4;align-self:center}
}
@media(max-width:760px){
  .mh-carnet{border-radius:28px 28px 0 0;--sec:84px}
  .mh-c-top{flex-direction:column;align-items:flex-start}
  .mh-rdv-count{text-align:left}
  .mh-tag{flex:1 1 100%}
  .mh-rdv-fenetre{height:340px}
  .mh-inter-chiffres{grid-template-columns:1fr}.mh-inter-chiffres div+div{border-left:0;border-top:1px solid #333}.mh-inter-chiffres div{padding:24px 0}
}
@media(prefers-reduced-motion:reduce){
  .mh-rdv-fenetre ul{animation:none}.mh-rdv-fenetre{height:auto;-webkit-mask-image:none;mask-image:none}.mh-rdv-fenetre li[aria-hidden]{display:none}
  .mh-tag{rotate:0deg;opacity:1}}
.mh-unified .mh-carnet section.mh-c,.mh-unified .mh-carnet section.mh-inter{overflow:visible!important}   /* le thème coupe le débordement des <section> : ça casse position:sticky */
/* correctifs v4b */
.mh-unified .mh-carnet .mh-inter-chiffres{margin:clamp(60px,10svh,110px) auto 0}
.mh-unified .mh-carnet .mh-radio-pos{height:4px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:4px!important;
  background:linear-gradient(var(--red),var(--red)) 0/var(--p,0%) 100% no-repeat,#d9d9d9!important}

/* =================== visionneuse presse (v5) : centrée, fond sombre, entrée et sortie douces =================== */
.mh-presse-dialog{position:fixed;inset:0;margin:auto;width:min(92vw,980px);max-width:none;height:fit-content;max-height:none;border:0;padding:0;background:transparent;overflow:visible}
.mh-presse-dialog::backdrop{background:rgba(8,8,8,.86);backdrop-filter:blur(8px);animation:mhFond .35s var(--ease,ease) both}
.mh-presse-dialog[open] figure{animation:mhCoupure .5s cubic-bezier(.22,1,.36,1) both}
.mh-presse-dialog.is-closing figure{animation:mhCoupureOut .28s cubic-bezier(.4,0,1,1) both}
.mh-presse-dialog.is-closing::backdrop{animation:mhFondOut .28s ease both}
@keyframes mhFond{from{opacity:0}}@keyframes mhFondOut{to{opacity:0}}
@keyframes mhCoupure{from{opacity:0;transform:translateY(18px) scale(.97)}}
@keyframes mhCoupureOut{to{opacity:0;transform:translateY(10px) scale(.98)}}
.mh-presse-dialog figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px}
.mh-presse-dialog img{display:block;max-width:100%;max-height:78svh;width:auto;height:auto;border-radius:10px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.mh-presse-dialog figcaption{font:400 15px/1.5 MhAbel,Arial,sans-serif;color:#e6e6e6;text-align:center;max-width:46em}
.mh-unified .mh-carnet .mh-presse-fermer{all:unset;display:block;margin:20px auto 0;cursor:pointer;font:400 13px/1 MhAbel,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#fff;
  padding:14px 26px;border:1px solid rgba(255,255,255,.35);border-radius:99px;transition:background .3s,border-color .3s}
.mh-unified .mh-carnet .mh-presse-fermer:is(:hover,:focus-visible){background:#fff;color:#111;border-color:#fff}

/* =================== 08 CONTACT (v5) : fond noir, centré, l'adresse comme seule information forte =================== */
.mh-unified .mh-carnet section.mh-contact{background:#111;color:#fff;text-align:center;margin-top:var(--sec);padding:clamp(110px,18svh,190px) var(--g) clamp(110px,16svh,170px)}
.mh-unified .mh-carnet .mh-contact-label{font:400 13px/1.4 MhAbel,Arial,sans-serif!important;letter-spacing:.22em!important;color:#a3a3a3!important;text-transform:uppercase;margin-bottom:22px}
.mh-unified .mh-carnet .mh-contact-titre{font:var(--title)!important;letter-spacing:-.02em!important;color:#fff!important}
.mh-unified .mh-carnet .mh-contact-intro{font:400 clamp(18px,1.5vw,22px)/1.55 MhAbel,Arial,sans-serif!important;color:#c9c9c9!important;max-width:30em;margin:26px auto 0}
.mh-contact-mail{margin-top:clamp(50px,9svh,90px);display:flex;flex-direction:column;align-items:center;gap:22px}
.mh-unified .mh-carnet .mh-contact-mail a{font:400 clamp(30px,4.4vw,64px)/1.1 MhAbel,Arial,sans-serif!important;letter-spacing:-.01em;color:#fff!important;text-decoration:none!important;overflow-wrap:anywhere;
  background:linear-gradient(var(--red),var(--red)) 0 100%/0 3px no-repeat;padding-bottom:6px;transition:background-size .6s var(--ease),color .3s}
.mh-unified .mh-carnet .mh-contact-mail a:is(:hover,:focus-visible){background-size:100% 3px}
.mh-unified .mh-carnet .mh-contact-copier{all:unset;cursor:pointer;font:400 13px/1 MhAbel,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff;padding:14px 24px;border:1px solid rgba(255,255,255,.3);border-radius:99px;transition:background .3s,color .3s,border-color .3s}
.mh-unified .mh-carnet .mh-contact-copier:active{transform:scale(.97)}
.mh-unified .mh-carnet .mh-contact-copier:is(:hover,:focus-visible){background:#fff;color:#111;border-color:#fff}
.mh-contact-reseaux{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 40px;margin-top:clamp(60px,10svh,100px);padding-top:30px;border-top:1px solid #2c2c2c;max-width:720px;margin-left:auto;margin-right:auto}
.mh-unified .mh-carnet .mh-contact-reseaux li{list-style:none}
.mh-unified .mh-carnet .mh-contact-reseaux li::before{content:none}
.mh-unified .mh-carnet .mh-contact-reseaux :is(a,span){font:400 16px/1.4 MhAbel,Arial,sans-serif!important;letter-spacing:.06em;color:#bdbdbd!important;text-decoration:none!important;transition:color .3s}
.mh-unified .mh-carnet .mh-contact-reseaux a:is(:hover,:focus-visible){color:#fff!important}
.mh-carnet .mh-contact :focus-visible{outline-color:#fff}
/* la photo est déjà en noir et blanc : plus d'effet de couleur */
.mh-art-photo img{filter:none}
/* v5b : le thème retire les bordures des boutons et les marges des listes */
.mh-unified .mh-carnet ul.mh-contact-reseaux{margin:clamp(60px,10svh,100px) auto 0!important}
.mh-unified .mh-carnet button.mh-contact-copier,.mh-unified .mh-carnet button.mh-presse-fermer{border:1px solid rgba(255,255,255,.35)!important}
.mh-unified .mh-carnet button.mh-contact-copier:is(:hover,:focus-visible),.mh-unified .mh-carnet button.mh-presse-fermer:is(:hover,:focus-visible){border-color:#fff!important}
.mh-unified .mh-carnet ul.mh-contact-reseaux{padding:30px 0 0!important}
/* v6 : l'ouverture commence sur le regard (bandeau horizontal centré sur les yeux, à 28 % de la hauteur), puis s'ouvre sur tout le portrait */
.mh-art-photo{clip-path:inset(calc((1 - var(--o,1)) * 13%) calc((1 - var(--o,1)) * 9%) calc((1 - var(--o,1)) * 57%) calc((1 - var(--o,1)) * 9%) round calc((1 - var(--o,1)) * 600px + 28px))}
.mh-art-photo img{transform-origin:50% 28%;scale:calc(1.3 - var(--o,1) * .3)}
/* v6 : on retire « Explorer aussi le village des Bo'HoM' » */
.mh-unified .mh-more-bohom{display:none!important}
/* v6 contact : adresse à taille raisonnable, sur une ligne avec « Copier », tout centré */
.mh-unified .mh-carnet section.mh-contact :is(.mh-contact-intro,.mh-contact-mail,.mh-contact-reseaux){margin-left:auto!important;margin-right:auto!important}
.mh-contact-mail{flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:16px 24px!important;margin-top:clamp(44px,7svh,72px)!important}
.mh-unified .mh-carnet .mh-contact-mail a{font:400 clamp(24px,2.3vw,34px)/1.2 MhAbel,Arial,sans-serif!important;letter-spacing:.01em!important;padding-bottom:4px}
.mh-unified .mh-carnet ul.mh-contact-reseaux{margin-top:clamp(56px,9svh,90px)!important;max-width:560px}
.mh-unified .mh-carnet :is(h2,h3)::before,.mh-unified .mh-carnet :is(h2,h3)::after{content:none!important}
/* v7 : la carte suit directement la calligraphie ; le pied de page prolonge le noir du contact */
.mh-carnet{margin-top:0}
.mh-unified .mh-footer-music{background:#111!important;color:#8a8a8a!important;text-align:center!important;margin:0!important;padding:22px var(--g,5%) 96px!important;font:400 13px/1.5 MhAbel,Arial,sans-serif!important}
.mh-unified .mh-footer-music a{color:#bdbdbd!important}
.mh-unified .mh-carnet section.mh-contact{padding-bottom:clamp(80px,12svh,130px)}
/* v8 : trois passages radio / télé côte à côte */
.mh-radios{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(16px,2vw,28px);margin-bottom:clamp(50px,9svh,100px)}
.mh-radios .mh-radio{display:flex;flex-direction:column;gap:0;margin:0;padding:12px;border-radius:24px;background:#f5f5f5}
.mh-radios .mh-radio-img,.mh-radio-ondes{width:100%;aspect-ratio:4/3;border-radius:16px;object-fit:cover}
.mh-radio-ondes{display:flex;align-items:center;justify-content:center;gap:8px;background:#111}
.mh-radio-ondes i{width:6px;height:22%;border-radius:6px;background:var(--red);transform-origin:50% 50%}
.mh-radio-ondes i:nth-child(2n){height:46%}.mh-radio-ondes i:nth-child(3n){height:64%}.mh-radio-ondes i:nth-child(4){height:80%}
.mh-radio.is-playing .mh-radio-ondes i{animation:mhOnde 1.1s ease-in-out infinite alternate}
.mh-radio.is-playing .mh-radio-ondes i:nth-child(2n){animation-delay:-.4s}.mh-radio.is-playing .mh-radio-ondes i:nth-child(3n){animation-delay:-.8s}
@keyframes mhOnde{to{transform:scaleY(.35)}}
.mh-radios .mh-radio-corps{padding:22px 12px 10px;display:flex;flex-direction:column;flex:1}
.mh-unified .mh-carnet .mh-radios .mh-radio h3{font:400 clamp(26px,2.2vw,34px)/1.05 MhBeau,Georgia,serif!important;margin:10px 0 8px}
.mh-radios .mh-radio-lecteur{margin-top:auto;padding-top:22px;gap:14px}
.mh-unified .mh-carnet .mh-radios .mh-radio-play{flex-basis:52px;width:52px;height:52px}
.mh-radios .mh-radio-play svg{width:22px;height:22px}
.mh-presse-enligne{font:400 13px/1 MhAbel,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff!important;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:4px}
.mh-presse-enligne[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.mh-radio.is-playing .mh-radio-ondes i{animation:none}}

.mh-carnet .ut-vc-offset-anchor-top{display:block;height:0;scroll-margin-top:calc(var(--mh-nav-h,64px) + 8px)}   /* ancres du menu (Expositions, L'artiste, Presse, Contact) sous la barre fixe */

/* mh-base */
/*
Theme Name: Michaël Henneaux
Description: Thème léger du site michaelhenneaux.be (sans Brooklyn, WPBakery ni Slider Revolution). Les pages intérieures et la boutique reprennent le langage de l'accueil.
Version: 1.1
Requires PHP: 8.0
Text Domain: michaelhenneaux
*/

/* ═══ Polices de l'accueil (hébergées sur le site) ═══ */
@font-face{font-family:MhAbel;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/accueil-bohom/abel-regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:MhGarage;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/accueil-bohom/garagesh.woff2) format("woff2");font-display:swap}
@font-face{font-family:MhReel;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/accueil-bohom/anton.woff2) format("woff2");font-display:swap}
/* Beau : police dessinée par Michaël (titres). Pas de glyphe & @ # : repli Georgia sur ces signes. */
@font-face{font-family:MhBeau;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/polices/beau-thin.woff2) format("woff2");font-weight:100;font-display:swap}
@font-face{font-family:MhBeau;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/polices/beau-light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:MhBeau;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/polices/beau-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:MhBeau;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/polices/beau-medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:MhBeau;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/polices/beau-bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:MhBeau;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/polices/beau-extrabold.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:MhBeau;src:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/polices/beau-black.woff2) format("woff2");font-weight:900;font-display:swap}

/* ═══ Repères (les mêmes valeurs que l'accueil, la collection et le carnet) ═══ */
:root{
	--ink:#171717;--txt:#2e2e2e;--mute:#5c5c5c;--line:#e4e4e4;--red:#c8102e;--jaune:#ffc800;--papier:#f5f4ef;--nuit:#111;
	--abel:MhAbel,Arial,sans-serif;--titre:MhBeau,Georgia,serif;--hashtag:MhGarage,Impact,sans-serif;--ruban:MhReel,Impact,sans-serif;
	--g:max(5%,calc(50% - 660px));--ease:cubic-bezier(.22,1,.36,1);--entete:96px;
	/* compatibilité avec le contenu converti */
	--mh-encre:var(--ink);--mh-gris:var(--mute);--mh-trait:var(--line);--mh-rouge:var(--red);--mh-texte:var(--abel);--mh-titre:var(--titre)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--entete) + 16px)}
body{margin:0;background:#fff;color:var(--txt);font:18px/1.6 var(--abel);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s}
a:hover{color:var(--red)}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
h1,h2,h3,h4{color:var(--ink);font-weight:400;line-height:1.08;margin:0 0 .5em;text-wrap:balance}
p{text-wrap:pretty;margin:0 0 1em}
strong,b{font-weight:400;color:var(--ink)}
.mh-sr,.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mh-skip{position:absolute;left:12px;top:-80px;z-index:1000;background:#fff;padding:10px 14px;border:1px solid var(--ink)}
.mh-skip:focus{top:12px}
.mh-kicker{font:13px/1.4 var(--abel);letter-spacing:.32em;text-transform:uppercase;color:var(--red);margin:0 0 18px}

/* ═══ En-tête : le même que l'accueil (monogramme, nom espacé, liens entre crochets) ═══ */
.mh-entete{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:24px;min-height:var(--entete);padding:14px var(--g);background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.mh-entete-logo{display:flex;align-items:center;gap:16px;text-decoration:none;margin-right:auto;color:var(--ink)}
.mh-entete-logo img{width:30px;height:auto}
.mh-entete-nom{display:flex;flex-direction:column;line-height:1.2}
.mh-entete-nom span{font:clamp(16px,1.5vw,21px)/1.2 var(--abel);letter-spacing:.24em;text-transform:uppercase;color:var(--txt)}
.mh-entete-nom small{font:11px/1.5 var(--abel);letter-spacing:.39em;text-transform:uppercase;color:var(--mute);margin-top:4px}
.mh-entete-nav{display:flex;align-items:center;gap:26px}
.mh-entete-nav a{font:16px/1.4 var(--abel);color:var(--txt);text-decoration:none;min-height:44px;display:flex;align-items:center;white-space:nowrap}
.mh-entete-nav a::before{content:'[';color:#bcbcbc;margin-right:8px;transition:transform .25s var(--ease),color .25s}
.mh-entete-nav a::after{content:']';color:#bcbcbc;margin-left:8px;transition:transform .25s var(--ease),color .25s}
.mh-entete-nav a:hover::before,.mh-entete-nav a[aria-current]::before{color:var(--red);transform:translateX(-3px)}
.mh-entete-nav a:hover::after,.mh-entete-nav a[aria-current]::after{color:var(--red);transform:translateX(3px)}
.mh-entete-nav a[aria-current]{color:var(--ink)}
.mh-entete-panier b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;border-radius:99px;background:var(--red);color:#fff;font:12px/1 var(--abel)}
.mh-entete-menu{display:none;font:14px var(--abel);letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid var(--ink);border-radius:99px;padding:10px 18px;min-height:44px;cursor:pointer;color:var(--ink)}
@media(max-width:1020px){
	:root{--entete:74px}
	.mh-entete{flex-wrap:wrap;gap:12px}
	.mh-entete-nom small{display:none}
	.mh-entete-logo{flex:1 1 0;min-width:0}
	.mh-entete-nom{min-width:0}
	.mh-entete-nom span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.mh-entete-menu{display:block}
	.mh-entete-nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:8px}
	.mh-entete-nav.is-ouvert{display:flex}
	.mh-entete-nav a{border-top:1px solid var(--line);font-size:18px}
}
@media(max-width:420px){
	.mh-entete-logo{gap:10px}
	.mh-entete-nom span{font-size:15px;letter-spacing:.12em}
	.mh-entete-menu{padding:10px 14px;letter-spacing:.14em}
}

/* ═══ Pages ═══ */
.mh-page{padding:clamp(48px,8vw,110px) var(--g) clamp(70px,9vw,130px)}
.mh-page-titre{font:normal clamp(44px,7vw,100px)/.98 var(--abel);letter-spacing:-.03em;margin-bottom:.45em}
.mh-contenu{max-width:1320px}
.mh-contenu>p,.mh-contenu>ul,.mh-contenu>ol,.mh-contenu>h2,.mh-contenu>h3,.mh-contenu .wpb_text_column{max-width:68ch}
.mh-contenu h2{font:normal clamp(30px,3.6vw,52px)/1.05 var(--titre);letter-spacing:-.015em;margin-top:1.2em}
.mh-contenu h3{font:normal 26px/1.2 var(--abel);margin-top:1.2em}

/* Boutons : les pilules de l'accueil */
.mh-btn,.button,.wc-block-components-button,.wp-block-button__link,.wpcf7 input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 26px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:#fff!important;font:400 14px/1 var(--abel);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .35s var(--ease),color .35s var(--ease)}
/* Flèche ↗ dessinée (un caractère ↗ s'affiche en émoji ou dans une autre police sur iPhone) */
.mh-fl,.mh-btn::after{display:inline-block;width:.62em;height:.62em;vertical-align:.04em;background:currentColor;-webkit-mask:var(--mh-fl) center/contain no-repeat;mask:var(--mh-fl) center/contain no-repeat;--mh-fl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 8.5 8.5 1.5M3 1.5h5.5V7' fill='none' stroke='%23000' stroke-width='1.1'/%3E%3C/svg%3E")}
.mh-fl{margin-left:.3em}
.mh-btn::after{content:''}
.mh-btn:hover,.button:hover,.wpcf7 input[type=submit]:hover{background:#fff;color:var(--ink)!important}
.mh-btn-wrap{margin:28px 0}

/* ═══ Ancienne grille WPBakery, version légère ═══ */
.vc_row{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,72px);margin:0 0 40px}
.vc_row-o-content-bottom{align-items:flex-end}
.wpb_column{flex:1 1 100%;min-width:0}
.vc_col-sm-6{flex-basis:calc(50% - 36px)}
.vc_col-sm-4{flex-basis:calc(33.333% - 48px)}
.vc_col-sm-3{flex-basis:calc(25% - 54px)}
.vc_col-sm-8{flex-basis:calc(66.666% - 24px)}
@media(max-width:760px){.vc_row .wpb_column{flex-basis:100%}}
.mh-figure{margin:0 0 16px}
.mh-figure img{border-radius:6px}
.mh-figure--centre{text-align:center}
.mh-figure--centre img{margin:0 auto}
.mh-img--carre{aspect-ratio:1;object-fit:cover;width:100%}
.mh-sep{border:0;height:1px;background:var(--red);width:var(--w,10%);max-width:200px;margin:16px auto 24px}
.mh-sep--left{margin-left:0}
.ut-custom-heading{font:normal clamp(30px,3.4vw,52px)/1.05 var(--titre);letter-spacing:-.015em}
.mh-details{margin:24px 0;border-top:1px solid var(--line)}
.mh-details div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}
.mh-details dt{font:12px var(--abel);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.mh-details dd{margin:0;text-align:right;color:var(--ink)}
.mh-share,.mh-follow{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;font-size:15px;letter-spacing:.06em;margin:56px 0 0}
.mh-share span{color:var(--mute);letter-spacing:.24em;text-transform:uppercase;font-size:12px}
.mh-band{height:clamp(220px,45vw,520px);background:center/cover no-repeat;border-radius:24px;margin:0 var(--g)}
.mh-grille{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px}
.mh-grille a{text-decoration:none;display:block}
.mh-grille img{border-radius:6px}
.mh-grille span{display:block;margin-top:10px}

/* Fiches portfolio : nom en lettres « hashtag », comme dans la collection */
.single-portfolio .wpb_wrapper>div.ut-custom-heading:first-child{font:clamp(34px,4vw,60px)/1 var(--hashtag);letter-spacing:0;color:var(--ink)!important}
.single-portfolio .wpb_wrapper>div.ut-custom-heading:not(:first-child){font:13px/1.4 var(--abel);letter-spacing:.32em;text-transform:uppercase;color:var(--red)!important;margin-top:28px}
.single-portfolio .mh-figure img{box-shadow:0 22px 50px -24px rgba(0,0,0,.35)}

/* ═══ Boutique ═══ */
.mh-bande{position:relative;overflow:hidden;background:var(--nuit);color:#f2f2f2;border-radius:40px;padding:clamp(40px,6vw,80px) clamp(28px,6vw,90px);margin:0 0 clamp(48px,6vw,80px)}
.mh-bande::after{content:'';position:absolute;right:-30px;top:30px;width:220px;height:150px;background:radial-gradient(circle,var(--jaune) 1.6px,transparent 2.2px) 0 0/12px 12px;opacity:.55;transform:rotate(-8deg);pointer-events:none}
.mh-bande-logo{display:block;width:clamp(150px,15vw,230px);height:auto;filter:brightness(0) invert(.96);margin-bottom:22px}
.mh-rubans{margin:0 0 26px;line-height:1}
.mh-rubans span{display:inline-block;padding:8px 20px 12px;margin:0 0 8px;color:#191919;background:var(--jaune);font:normal clamp(30px,4.2vw,56px)/1 var(--ruban);text-transform:uppercase;letter-spacing:-.01em;clip-path:polygon(0 4%,8% 2%,18% 4%,29% 0,42% 3%,57% 1%,73% 4%,88% 1%,99% 3%,100% 92%,89% 96%,75% 94%,60% 99%,44% 96%,29% 100%,15% 96%,1% 98%);transform:rotate(-1deg)}
.mh-rubans span+br+span{background:#d9d9d9;transform:rotate(.6deg)}
.mh-bande-texte{max-width:46ch;font-size:clamp(18px,1.6vw,22px);color:#d6d6d6;margin:0 0 10px}
.mh-bande-compte{font:13px var(--abel);letter-spacing:.32em;text-transform:uppercase;color:var(--jaune);margin:0}

/* Catalogue : la grille de la collection (photo studio, nom en hashtag, ligne grise) */
.woocommerce ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:clamp(18px,2.4vw,34px)}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{margin:0!important;width:auto!important;float:none!important;padding:10px;border-radius:6px;display:flex;flex-direction:column;transition:background .25s}
.woocommerce ul.products li.product:hover{background:var(--papier)}
.woocommerce ul.products li.product a img{width:100%;aspect-ratio:1;object-fit:cover;margin:0 0 14px!important;border-radius:4px;background:#fff;transition:transform .5s var(--ease)}
.woocommerce ul.products li.product:hover a img{transform:scale(1.03)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:clamp(22px,1.8vw,28px)/1.05 var(--hashtag)!important;color:var(--ink);padding:0!important;margin:0 0 6px!important;overflow-wrap:anywhere}
.woocommerce ul.products li.product .mh-c-etat{display:block;font-size:14px;color:var(--mute);margin-bottom:4px}
.woocommerce ul.products li.product .price{font:20px var(--abel)!important;color:var(--ink)!important;margin:0 0 16px!important}
.woocommerce ul.products li.product .button{margin-top:auto!important;align-self:flex-start}
.woocommerce ul.products li.product.outofstock{opacity:.6}
.woocommerce span.onsale{display:none}

/* Boutons WooCommerce = pilules du site (sans toucher au fonctionnement) */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce .add_to_cart_inline .button{min-height:48px;padding:13px 26px!important;border-radius:999px!important;border:1px solid var(--ink)!important;background:var(--ink)!important;color:#fff!important;font:400 14px/1 var(--abel)!important;letter-spacing:.14em!important;text-transform:uppercase!important;transition:background .35s var(--ease),color .35s var(--ease)}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .add_to_cart_inline .button:hover{background:#fff!important;color:var(--ink)!important}
.woocommerce a.added_to_cart{display:inline-block;margin:10px 0 0;font:14px var(--abel);letter-spacing:.1em}
.woocommerce .price,.woocommerce-Price-amount{color:var(--ink)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border:0!important;border-radius:14px;background:var(--papier)!important;color:var(--ink)!important;padding:16px 22px!important;list-style:none;margin:0 0 28px!important;font-size:17px}
.woocommerce-message::before,.woocommerce-info::before{display:none!important}
.woocommerce-message .button{margin-left:16px!important}

/* Fiche œuvre (mise en page de Michaël) : mêmes lettres que la collection */
.mh-fiche .bohom-overline{font:13px/1.4 var(--abel)!important;letter-spacing:.32em!important;color:var(--red)!important}
.mh-fiche .bohom-title{font:clamp(38px,4.4vw,64px)/1 var(--hashtag)!important;letter-spacing:0!important;color:var(--ink)!important}
.mh-fiche .bohom-title span{color:var(--red)}
.mh-fiche .bohom-rule{background:var(--red)!important}
.mh-fiche .bohom-mot{font:italic 20px/1.55 Georgia,serif!important;color:var(--txt)!important}
.mh-fiche .bohom-spec dt{font:12px var(--abel)!important;letter-spacing:.24em!important;color:var(--mute)!important}
.mh-fiche .bohom-spec dd{font:18px var(--abel)!important;color:var(--ink)!important}
.mh-fiche .bohom-specs,.mh-fiche .bohom-spec{border-color:var(--line)!important}
.mh-fiche .add_to_cart_inline{font-family:var(--abel)!important}
.mh-fiche .add_to_cart_inline .woocommerce-Price-amount{font:30px var(--abel)!important;color:var(--ink)}
.mh-fiche .add_to_cart_inline .button{width:100%}
.mh-fiche .bohom-notes{font:14px/1.9 var(--abel)!important;letter-spacing:.06em;color:var(--mute)!important}
.mh-fiche .bohom-stage,.mh-fiche .bohom-img img{border-radius:6px}
.mh-fiche .bohom-panel{font-family:var(--abel)!important}

/* Panier, commande, compte (blocs WooCommerce) */
.woocommerce-cart .mh-page-titre,.woocommerce-checkout .mh-page-titre,.woocommerce-account .mh-page-titre{font-size:clamp(40px,6vw,80px)}
.wc-block-components-title,.wc-block-cart__totals-title,.wp-block-woocommerce-cart h2{font:normal 28px/1.1 var(--titre)!important;text-transform:none!important;letter-spacing:-.01em!important}
.wc-block-components-product-name{font:22px/1.1 var(--hashtag)!important;color:var(--ink)!important;text-decoration:none!important}
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-family:var(--abel)}
.wc-block-components-totals-item__label,.wc-block-components-totals-footer-item{font-family:var(--abel)}
.wc-block-cart-item__image img{border-radius:4px}
.wc-block-components-button:not(.is-link){border-radius:999px!important}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{font:22px/1.1 var(--hashtag)}

/* Formulaires */
.wpcf7 form{max-width:600px}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],textarea,select{width:100%;font:17px/1.4 var(--abel);color:var(--ink);background:#fff;border:1px solid #c9c5bd;border-radius:10px;padding:12px 16px;min-height:48px;transition:border-color .2s}
input:focus,textarea:focus,select:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--ink)}
.wpcf7 label{display:block;font-size:16px;color:var(--ink)}
.wpcf7-not-valid-tip{color:#b00000;font-size:14px}
.wpcf7-response-output{border:0!important;border-radius:14px;background:var(--papier);padding:14px 20px!important;margin:20px 0 0!important}

/* ═══ Pied de page : la section contact de l'accueil ═══ */
.mh-pied{background:var(--nuit);color:#d6d6d6;text-align:center;padding:clamp(80px,10vw,140px) var(--g) 48px}
.mh-pied .mh-kicker{color:#9a9a9a}
.mh-pied-titre{font:normal clamp(48px,6vw,96px)/.95 var(--titre);color:#fff;letter-spacing:-.02em;margin-bottom:24px}
.mh-pied-texte{max-width:48ch;margin:0 auto 34px;font-size:clamp(18px,1.5vw,21px)}
.mh-pied-mail{font:clamp(24px,2.6vw,36px)/1.2 var(--abel);color:#fff;text-decoration:none;border-bottom:1px solid #555;padding-bottom:4px}
.mh-pied-mail:hover{color:#fff;border-color:var(--red)}
.mh-pied-liens{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 40px;margin:52px auto 0;padding-top:28px;border-top:1px solid #2c2c2c;max-width:560px;letter-spacing:.08em}
.mh-pied-liens a{text-decoration:none;color:#d6d6d6}
.mh-pied-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:42px 0 0;font-size:14px;color:#8a8a8a}
.mh-pied-legal a{color:#8a8a8a}

/* Collection et histoire : le filtre collant passe sous l'en-tête */
.mh-c-filtres{top:var(--entete)!important}

/* Agrandissement d'image */
.mh-loupe{border:0;padding:0;background:transparent;max-width:min(92vw,1100px)}
.mh-loupe::backdrop{background:rgba(0,0,0,.88)}
.mh-loupe img{display:block;max-height:88vh;width:auto;margin:0 auto;border-radius:6px}
.mh-loupe button{position:fixed;top:14px;right:18px;min-width:44px;min-height:44px;font-size:30px;background:none;color:#fff;border:0;cursor:pointer}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
.woocommerce a.button,.woocommerce button.button{display:inline-flex!important;align-items:center;justify-content:center;line-height:1!important}
@media(max-width:600px){
	.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.woocommerce ul.products li.product{padding:4px}
	.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px!important}
	.woocommerce ul.products li.product .price{font-size:17px!important}
	.woocommerce ul.products li.product .button{padding:11px 16px!important;min-height:42px;font-size:12px!important}
	.mh-bande{border-radius:28px}
}

/* Fiches œuvres : une seule photo à la fois + pastilles pour changer de vue (pour toutes les fiches,
   même celles dont la mise en page n'embarque pas ce style). Le script vient du pied de page WPCode. */
.mh-fiche .bohom-stage{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f5f4f1;border-radius:6px;box-shadow:0 16px 36px -16px rgba(80,80,80,.38),0 4px 11px -4px rgba(80,80,80,.15)}
.mh-fiche .bohom-slide{position:absolute;inset:0;margin:0!important;opacity:0;pointer-events:none;transition:opacity .5s ease}
.mh-fiche .bohom-slide.is-active{opacity:1;pointer-events:auto}
.mh-fiche .bohom-slide a,.mh-fiche .bohom-slide img{display:block;width:100%;height:100%;margin:0}
.mh-fiche .bohom-slide img{object-fit:cover;border-radius:0}
.mh-fiche .bohom-bubbles{position:absolute;right:18px;bottom:18px;display:flex;gap:10px;z-index:5}
.mh-fiche .bohom-bubble{width:58px;height:58px;padding:0;border:2px solid #fff;border-radius:50%;overflow:hidden;background:#eee;box-shadow:0 3px 10px rgba(0,0,0,.22);cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s}
.mh-fiche .bohom-bubble:hover,.mh-fiche .bohom-bubble:focus-visible{transform:scale(1.06);box-shadow:0 4px 16px rgba(0,0,0,.28)}
.mh-fiche .bohom-bubble img{width:100%;height:100%;object-fit:cover;display:block}
/* Avant que le script ne s'exécute : seulement la première photo, pas une colonne de photos */
.mh-fiche .bohom-img~.bohom-img{display:none}
@media(min-width:992px){.mh-fiche .bohom-col-text>.vc_column-inner{position:sticky;top:calc(var(--entete) + 24px)}}
@media(max-width:600px){.mh-fiche .bohom-bubble{width:46px;height:46px}.mh-fiche .bohom-bubbles{right:12px;bottom:12px;gap:8px}}
/* Panneau texte des fiches œuvres : le même pour toutes, qu'il embarque ou non son propre style */
.mh-fiche .bohom-col-text .wpb_wrapper{display:flex;flex-direction:column;align-items:stretch;max-width:480px}
.mh-fiche .bohom-panel{max-width:480px;margin:0}
.mh-fiche .bohom-overline{text-transform:uppercase;margin-bottom:20px}
.mh-fiche .bohom-title{margin:0 0 16px}
.mh-fiche .bohom-rule{width:44px;height:1px;margin-bottom:24px}
.mh-fiche .bohom-mot{margin:0 0 30px}
.mh-fiche .bohom-mot:empty{display:none}
.mh-fiche .bohom-specs{border-top:1px solid var(--line);margin:0}
.mh-fiche .bohom-spec{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}
.mh-fiche .bohom-spec dt{text-transform:uppercase;margin:0;white-space:nowrap}
.mh-fiche .bohom-spec dd{margin:0;text-align:right}
.mh-fiche .add_to_cart_inline{display:block!important;border:0!important;padding:0!important;margin:28px 0 0!important;max-width:480px}
.mh-fiche .add_to_cart_inline>.woocommerce-Price-amount,.mh-fiche .add_to_cart_inline>.price{display:block;margin-bottom:18px}
.mh-fiche .bohom-notes{margin-top:18px}
.mh-fiche table.variations{width:100%;border:0;margin:0 0 16px}
.mh-fiche table.variations th,.mh-fiche table.variations td{display:block;padding:0;text-align:left;border:0}
.mh-fiche table.variations th label{font:12px var(--abel);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.mh-fiche table.variations td{margin:8px 0 14px}
.mh-fiche .reset_variations{font-size:14px;margin-left:4px}
.mh-fiche .single_variation_wrap .woocommerce-variation-price{margin:0 0 14px;font-size:24px}
.mh-fiche .variations_button{display:flex;gap:12px;align-items:center}
.mh-fiche .variations_button .quantity{display:none}
.mh-fiche .single_add_to_cart_button{flex:1}
.mh-fiche .single_add_to_cart_button.disabled{opacity:.45;cursor:not-allowed}
@media(max-width:991px){.mh-fiche .bohom-col-text{margin-top:34px}}
.mh-fiche .bohom-cart{margin:28px 0 0}
.mh-fiche .bohom-cart .summary,.mh-fiche .bohom-cart form.cart{float:none!important;width:100%!important;margin:0!important}
.mh-fiche .bohom-cart .price{font:30px var(--abel)!important;color:var(--ink)!important;margin:0 0 18px}
/* Photo entière, jamais rognée (bords blancs si le format n'est pas carré) */
.mh-fiche .bohom-stage{background:#fff!important}
.mh-fiche .bohom-slide img{object-fit:contain!important;background:#fff}
/* Panier dans le menu (accueil et pages) : petit compteur rouge */
.mh-nav-panier b,.mh-home-header nav a b,.mh-site-nav a b{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:6px;padding:0 5px;border-radius:99px;background:#c8102e;color:#fff;font:12px/1 MhAbel,Arial,sans-serif}
.mh-pied{display:none}
.mh-accueil-contenu>p:empty,.mh-contenu>p:empty{display:none}.mh-accueil-contenu>p:last-child{margin:0}
/* Pages juridiques : titres de section dans la police du texte, taille de lecture */
.mh-legale .mh-contenu h2{font:600 clamp(19px,1.6vw,23px)/1.3 var(--abel);letter-spacing:.01em;margin:2em 0 .6em}
.mh-legale .mh-contenu{max-width:760px;margin-inline:auto}
.mh-legale .mh-page-titre{max-width:760px;margin-inline:auto;font-size:clamp(36px,5vw,64px)}

/* ═══ Boutique · univers calligraphie (26/10) : fond blanc, lettre rouge géante en Playfair, Beau + Abel, toiles qui flottent ═══ */
.mh-univers{display:flex;gap:28px;margin:0 0 22px;font:15px var(--abel);letter-spacing:.12em}
.mh-univers a{text-decoration:none;color:var(--mute)}
.mh-univers a[aria-current]{color:var(--red)}
.mh-bande--calli{background:#fff;color:#000;border:1px solid var(--line);font-family:var(--abel)}
.mh-bande--calli::after{display:none}
.mh-calli-lettre{position:absolute;right:clamp(-20px,4vw,80px);top:50%;transform:translateY(-52%);font:400 clamp(260px,34vw,520px)/1 "Playfair Display",Georgia,serif;color:#e10000;opacity:.92;pointer-events:none;z-index:0}
.mh-bande--calli>*:not(.mh-calli-lettre){position:relative;z-index:1}
.mh-calli-trait{display:block;width:200px;height:2px;background:#e10000;margin:0 0 26px}
.mh-calli-technique{font:400 13px/1 var(--abel);text-transform:uppercase;letter-spacing:.16em;margin:0 0 30px}
.mh-calli-titre{font:400 clamp(36px,4.4vw,58px)/1.1 var(--titre);color:#000;margin:0 0 26px}
.mh-bande--calli .mh-bande-texte{max-width:40ch;color:rgba(0,0,0,.55);font:17px/30px var(--abel)}
.mh-bande--calli .mh-bande-compte{color:#e10000;font-family:var(--abel);letter-spacing:.2em}
.calli-shop ul.products li.product:hover{background:transparent}
.calli-shop ul.products li.product a img{box-shadow:12px 18px 32px -10px rgba(0,0,0,.35);border-radius:0;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.calli-shop ul.products li.product:hover a img{transform:translateY(-8px);box-shadow:16px 28px 40px -12px rgba(0,0,0,.35)}
.calli-shop ul.products li.product .woocommerce-loop-product__title{font:400 clamp(19px,1.5vw,23px)/1.2 var(--titre)!important;text-transform:lowercase;margin-top:10px!important}
.calli-shop ul.products li.product .woocommerce-loop-product__title::before{content:'['}
.calli-shop ul.products li.product .woocommerce-loop-product__title::after{content:']'}
.calli-shop ul.products li.product .price{font-family:var(--abel)!important}
.single-product:not(.calli-shop) .product_title{font:400 clamp(34px,4vw,52px)/1.05 var(--hashtag);overflow-wrap:anywhere}
.calli-shop.single-product .product_title{font:400 clamp(32px,4vw,50px)/1.15 var(--titre);text-transform:lowercase}
.calli-shop.single-product .product_title::before{content:'['}.calli-shop.single-product .product_title::after{content:']'}
.calli-shop.single-product .woocommerce-product-gallery{box-shadow:20px 30px 50px 0 rgba(0,0,0,.35);background:#fff}
@media(max-width:600px){.mh-calli-lettre{right:-30px;opacity:.18}.mh-univers{gap:18px}}

/* Taille indicative sous le texte des fiches */
.mh-dimensions{font-size:15px;color:var(--mute);margin:0 0 18px}

/* 28/10 : les longues adresses web (ex. liens des navigateurs dans « Protection vie privée ») élargissaient la page sur téléphone. */
.mh-contenu{overflow-wrap:break-word}.mh-contenu a{overflow-wrap:anywhere}

/* 29/10 : « Produits similaires » se glissait à côté de la photo (galerie flottante non dégagée). On force le bloc sous la fiche, sur tous les écrans. */
.single-product div.product .related.products,.single-product div.product .upsells.products{clear:both;float:none;width:100%;margin:0;padding-top:clamp(56px,7vw,110px)}
.single-product div.product .related.products>h2,.single-product div.product .upsells.products>h2{margin:0 0 clamp(20px,2.4vw,34px);font:400 clamp(24px,2.4vw,34px)/1.2 var(--abel);text-align:left}
.calli-shop.single-product div.product .related.products>h2{font-family:var(--titre)}

/* 31/10 : fiches WooCommerce standard (pins, kit, Ice Cream Plaf…) : les vignettes de la galerie deviennent les pastilles rondes posées en bas de la photo principale, comme les fiches faites à la main. */
.single-product .woocommerce-product-gallery{position:relative}
.single-product .woocommerce-product-gallery .flex-control-thumbs{position:absolute;left:18px;right:18px;bottom:18px;z-index:5;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;gap:8px;margin:0;padding:0;list-style:none}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{width:48px!important;height:48px;float:none!important;margin:0!important;padding:0;list-style:none;border:2px solid #fff;border-radius:50%;overflow:hidden;background:#eee;box-shadow:0 3px 10px rgba(0,0,0,.22);cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.single-product .woocommerce-product-gallery .flex-control-thumbs li:hover{transform:scale(1.06);box-shadow:0 4px 16px rgba(0,0,0,.28)}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img{width:100%;height:100%;object-fit:cover;display:block;opacity:1!important;margin:0}
.single-product .woocommerce-product-gallery .flex-control-thumbs li:has(img.flex-active){border-color:var(--red)}
@media(max-width:600px){.single-product .woocommerce-product-gallery .flex-control-thumbs{left:12px;right:12px;bottom:12px;gap:6px}.single-product .woocommerce-product-gallery .flex-control-thumbs li{width:38px!important;height:38px}}

/* mh-motion */
/* Petits détails de mouvement (18/10) — sobres, dans l'esprit du site : noir, blanc, un seul rouge.
   Tout est en CSS, sans script ; transform/opacity uniquement (rien qui recalcule la mise en page). */
:root{--mh-ease:cubic-bezier(.16,1,.3,1);--mh-rouge:#c5261b}

/* 1. Liens « Rencontrer les Bo'HoM' ↗︎ » : le trait se dessine depuis la gauche et repart par la droite,
      la flèche part d'un cran dans sa direction. Retour toujours par le même chemin. */
.mh-home-copy>a,.mh-chapter>a,.mh-gallery-shop{position:relative;border-bottom-color:transparent!important;background:linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat;
  transition:background-size .5s var(--mh-ease),color .3s}
.mh-home-copy>a:hover,.mh-chapter>a:hover,.mh-gallery-shop:hover{background-size:0 1px;background-position:right bottom;color:var(--mh-rouge)}
.mh-home-copy>a span[aria-hidden],.mh-chapter>a span[aria-hidden],.mh-gallery-shop span[aria-hidden]{display:inline-block;transition:translate .45s var(--mh-ease)}
.mh-home-copy>a:hover span[aria-hidden],.mh-chapter>a:hover span[aria-hidden],.mh-gallery-shop:hover span[aria-hidden]{translate:3px -3px}

/* 2. Réponse à l'appui, immédiate (au moment où l'on appuie, pas au relâché). */
.mh-home .mh-colors button,.mh-home .mh-home-turn button,.mh-sound,.mh-home .mh-color-fab,.mh-gallery-controls button,.mh-word-chips button{transition:scale .18s var(--mh-ease)}
.mh-home .mh-colors button:active,.mh-home .mh-home-turn button:active,.mh-sound:active,.mh-home .mh-color-fab:active,.mh-gallery-controls button:active,.mh-word-chips button:active{scale:.94;transition-duration:.08s}

/* 3. Navigation du site : un filet rouge glisse sous le lien survolé. */
/* (retiré le 18/10 : le filet utilisait ::after, déjà pris par le crochet « ] » → crochet rejeté à la ligne.
   La nav du site reprend maintenant exactement les crochets de l'en-tête d'accueil, voir cartes.css.) */
.mh-site-nav a{position:relative}

/* 4. Sections éditoriales (expositions, l'artiste, presse, contact) : les titres et textes montent doucement
      à leur entrée dans l'écran. Animation liée au défilement : sans prise en charge du navigateur,
      le contenu est simplement visible — rien n'est jamais caché en attendant un script. */
@supports (animation-timeline:view()){
  .mh-unified .mh-panel-title,.mh-unified .mh-panel-content .wpb_text_column,.mh-unified .mh-contact-panel .wpb_wrapper>*{
    animation:mh-monte both linear;animation-timeline:view();animation-range:entry 0% entry 55%}
  @keyframes mh-monte{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
}

/* 5. Galerie des Bo'HoM' : la photo se rapproche à peine au survol (souris uniquement). */
@media (hover:hover) and (pointer:fine){
  .mh-gallery-open img{transition:scale .9s var(--mh-ease)}
  .mh-gallery-open:hover img{scale:1.035}
}

@media (prefers-reduced-motion:reduce){
  .mh-home-copy>a,.mh-chapter>a,.mh-gallery-shop,.mh-site-nav a::after,.mh-gallery-open img{transition:none}
  .mh-home-copy>a:hover span[aria-hidden],.mh-chapter>a:hover span[aria-hidden],.mh-gallery-shop:hover span[aria-hidden]{translate:none}
  .mh-unified .mh-panel-title,.mh-unified .mh-panel-content .wpb_text_column,.mh-unified .mh-contact-panel .wpb_wrapper>*{animation:none}
}

/* 5. Protection (19/10) : rien ne se sélectionne ni ne se glisse/enregistre, sauf les champs de formulaire. */
html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
input,textarea,select,[contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
img,picture,video,canvas,svg{-webkit-user-drag:none;user-drag:none}
::selection{background:transparent}
input::selection,textarea::selection{background:#c5261b33}
body.woocommerce-page{-webkit-user-select:text;user-select:text}   /* boutique : texte copiable (adresse, nom d’une œuvre) ; les images restent protégées */

/* mh-mobile */
/* Téléphone (inc/mh-mobile.php) : barre d'onglets, menu en feuille, achat à portée de pouce, pages simplifiées.
   Rien ne change au-dessus de 760 px. Une seule famille pour l'interface (Abel), Beau reste réservé aux grands titres des pages. */

/* Réglages tactiles valables partout : pas de flash gris au toucher, réaction immédiate, pas de zoom dans les champs. */
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
body{font-variant-emoji:text} /* ↗ ↘ restent des flèches dessinées, pas des émojis bleus */
a,button,[role="button"],summary,label{touch-action:manipulation}
@media (pointer:coarse){input,select,textarea{font-size:16px!important}}

.mh-tabbar,.mh-feuille,.mh-achat{display:none}

@media (max-width:760px){
  :root{
    --mh-tab-h:58px;--mh-tab-total:calc(var(--mh-tab-h) + env(safe-area-inset-bottom,0px));
    --mh-bord:20px;--mh-gris:#6b6b6b;--mh-filet:rgba(0,0,0,.08);
    --mh-sortie:cubic-bezier(.23,1,.32,1);
  }

  /* — Ce qui encombre le petit écran disparaît (tout reste accessible par la barre et le menu) — */
  html body .mh-home .mh-home-header nav,html body .mh-entete-nav,html body .mh-entete-menu,
  html body .mh-site-nav,html body .mh-ruler,html body .mh-chapter-nav,
  html body .mh-color-fab,html body #mh-palette,html body .mh-audio-fixed,.mh-hint-couleur{display:none!important}
  .mh-entete{justify-content:flex-start}

  body{padding-bottom:var(--mh-tab-total)}
  html body div.cmplz-cookiebanner.cmplz-cookiebanner{bottom:calc(var(--mh-tab-total) + 8px)!important}

  /* — Barre d'onglets : verre dépoli, icône + mot, un seul repère rouge pour l'onglet actif — */
  .mh-tabbar{
    display:grid;grid-template-columns:repeat(5,1fr);
    position:fixed;left:0;right:0;bottom:0;z-index:900;
    height:var(--mh-tab-total);padding:0 6px env(safe-area-inset-bottom,0px);
    background:rgba(255,255,255,.86);
    -webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
    box-shadow:0 -1px 0 var(--mh-filet);
  }
  .mh-tab{
    position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    min-height:44px;padding:5px 0 3px;border:0;background:none;
    font:10.5px/1.1 var(--abel);letter-spacing:.03em;color:var(--mh-gris);text-decoration:none;
    -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;
  }
  .mh-tab-ico{width:24px;height:24px;transition:transform .14s var(--mh-sortie)}
  span.mh-tab-ico{display:block;background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
  .mh-tab-ico--accueil{--logo:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/accueil-bohom/logo-mh-original.webp);height:25px}
  .mh-tab-ico--bohom{--logo:url(https://michaelhenneaux.be/wp-content/themes/michaelhenneaux/assets/accueil-bohom/bohom-logo-croix-160.svg);height:25px}
  .mh-tab:active .mh-tab-ico{transform:scale(.86)}
  .mh-tab[aria-current]{color:var(--ink,#171717)}
  .mh-tab[aria-current] svg.mh-tab-ico{stroke-width:1.8}
  .mh-tab[aria-current] .mh-tab-ico--accueil{color:var(--red,#c8102e)}
  .mh-tab[aria-current]::before{content:'';position:absolute;top:4px;left:50%;width:4px;height:4px;margin-left:15px;border-radius:50%;background:var(--red,#c8102e)}
  .mh-tab-badge{
    position:absolute;top:3px;left:calc(50% + 5px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;
    background:var(--red,#c8102e);color:#fff;font:600 10px/16px var(--abel);text-align:center;
  }
  .mh-tab-badge[hidden]{display:none}

  /* — Menu en feuille : sobre, lisible, une ligne = un toucher — */
  .mh-feuille{
    display:block;position:fixed;inset:auto 0 0 0;top:auto;margin:0;width:100%;max-width:none;max-height:86dvh;
    padding:0 var(--mh-bord) calc(14px + env(safe-area-inset-bottom,0px));border:0;border-radius:20px 20px 0 0;
    background:#fff;color:var(--ink,#171717);box-shadow:0 -10px 40px rgba(0,0,0,.14);
    overflow:auto;overscroll-behavior:contain;
    transform:translateY(105%);transition:transform .42s cubic-bezier(.32,.72,0,1),display .42s allow-discrete,overlay .42s allow-discrete;
  }
  .mh-feuille:not([open]){display:none}
  .mh-feuille:focus{outline:none}
  .mh-feuille[open]{transform:translateY(0)}
  @starting-style{.mh-feuille[open]{transform:translateY(105%)}}
  .mh-feuille.mh-ferme{transform:translateY(105%)}
  .mh-feuille::backdrop{background:rgba(17,17,17,0);transition:background .42s ease,display .42s allow-discrete,overlay .42s allow-discrete}
  .mh-feuille[open]::backdrop{background:rgba(17,17,17,.32)}
  @starting-style{.mh-feuille[open]::backdrop{background:rgba(17,17,17,0)}}
  .mh-feuille.mh-ferme::backdrop{background:rgba(17,17,17,0)}

  .mh-feuille-poignee{display:flex;justify-content:center;padding:8px 0 4px;touch-action:none;cursor:grab}
  .mh-feuille-poignee span{width:36px;height:5px;border-radius:3px;background:#dcdcdc}
  .mh-feuille-tete{display:flex;align-items:center;gap:12px;padding:8px 0 16px;touch-action:none}
  .mh-feuille-tete img{width:20px;height:auto}
  .mh-feuille-tete p{flex:1;margin:0;font:13px/1.25 var(--abel);letter-spacing:.16em;text-transform:uppercase}
  .mh-feuille-tete small{display:block;margin-top:3px;font-size:12px;letter-spacing:.02em;text-transform:none;color:var(--mh-gris)}
  .mh-feuille-fermer{
    width:34px;height:34px;min-height:0;padding:0;border:0;border-radius:50%;background:#f1f1f1;
    font:0/0 a;color:transparent;cursor:pointer;position:relative;
  }
  .mh-feuille-fermer::before,.mh-feuille-fermer::after{content:'';position:absolute;left:11px;top:16px;width:12px;height:1.6px;border-radius:1px;background:#444;transform:rotate(45deg)}
  .mh-feuille-fermer::after{transform:rotate(-45deg)}
  .mh-feuille-fermer:active{background:#e6e6e6}
  .mh-feuille-fermer::selection{background:none}

  .mh-feuille-liens{display:flex;flex-direction:column;border-top:1px solid var(--mh-filet)}
  .mh-feuille-groupe+a{border-top:1px solid var(--mh-filet)}
  .mh-feuille-groupe{margin:18px 0 4px;font:13px/1.3 var(--abel);color:var(--mh-gris)}
  .mh-feuille-groupe:first-child{margin-top:12px}
  .mh-feuille-liens a{
    display:flex;align-items:center;justify-content:space-between;min-height:48px;
    font:17px/1.2 var(--abel);letter-spacing:.01em;color:var(--ink,#171717);text-decoration:none;
    border-bottom:1px solid var(--mh-filet);
    -webkit-user-select:none;user-select:none;transition:background-color .12s ease;
    margin:0 calc(var(--mh-bord) * -1);padding:0 var(--mh-bord);
  }
  .mh-feuille-liens a svg{color:#b5b5b5;flex:none}
  .mh-feuille-liens a:active{background:#f5f5f5}
  .mh-feuille-liens a[aria-current]{color:var(--red,#c8102e)}

  /* Musique : mini haut-parleur à côté de la croix (barré = coupé) */
  .mh-feuille-son{width:34px;height:34px;min-height:0;padding:0;border:0;border-radius:50%;background:#f1f1f1;color:#444;display:grid;place-items:center;cursor:pointer}
  .mh-feuille-son[hidden]{display:none}
  .mh-feuille-son:active{background:#e6e6e6}
  .mh-feuille-son[aria-pressed="true"] .off,.mh-feuille-son[aria-pressed="false"] .on{display:none}
  .mh-feuille-pied{display:flex;flex-direction:column;gap:12px;padding:22px 0 4px;font:15px/1.4 var(--abel)}
  .mh-feuille-pied a{color:var(--ink,#171717);text-decoration:none}
  .mh-feuille-pied>a{align-self:flex-start;border-bottom:2px solid var(--jaune,#ffc800);padding-bottom:2px}
  .mh-feuille-pied span{display:flex;gap:22px;color:var(--mh-gris)}
  .mh-feuille-pied span a{color:var(--mh-gris)}

  html.mh-feuille-ouverte{overflow:hidden}

  /* — Fiche produit : prix + bouton qui restent au-dessus de la barre — */
  .mh-achat{
    display:flex;align-items:center;gap:14px;
    position:fixed;left:10px;right:10px;bottom:calc(var(--mh-tab-total) + 8px);z-index:890;
    padding:10px 10px 10px 16px;border-radius:16px;
    background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
    box-shadow:0 0 0 1px var(--mh-filet),0 10px 30px rgba(0,0,0,.12);
    transform:translateY(calc(100% + 20px));opacity:0;transition:transform .36s var(--mh-sortie),opacity .2s ease;
  }
  .mh-achat[hidden]{display:flex}
  .mh-achat.mh-visible{transform:none;opacity:1}
  .mh-achat-info{flex:1;min-width:0;display:flex;flex-direction:column}
  .mh-achat-nom{font:13px/1.3 var(--abel);color:var(--mh-gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mh-achat-prix{font:17px/1.3 var(--abel);color:var(--ink,#171717)}
  .mh-achat-prix del{color:var(--mh-gris);font-size:.8em;margin-right:6px}
  .mh-achat-btn{
    flex:none;min-height:46px;padding:0 24px;border:0;border-radius:99px;background:var(--ink,#171717);color:#fff;
    font:13px var(--abel);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .12s var(--mh-sortie)
  }
  .mh-achat-btn:active{transform:scale(.96)}

  /* — Collection : les filtres tiennent sur une ligne qu'on fait glisser, au lieu de trois lignes collées en haut — */
  .mh-c-filtres{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    margin-left:calc(var(--mh-bord) * -1)!important;margin-right:calc(var(--mh-bord) * -1)!important;padding-left:var(--mh-bord)!important;padding-right:var(--mh-bord)!important;
    scroll-padding-inline:var(--mh-bord);overscroll-behavior-x:contain}
  .mh-c-filtres::-webkit-scrollbar{display:none}
  .mh-c-filtres>*{flex:none}

  /* — Panier vide : « Nouveau dans la boutique » en grille de deux, comme la boutique — */
  .wp-block-woocommerce-empty-cart-block .wc-block-grid__products{display:grid!important;grid-template-columns:1fr 1fr;gap:28px 14px;margin:0!important}
  .wp-block-woocommerce-empty-cart-block .wc-block-grid__product{max-width:none!important;width:auto!important;flex:none!important;margin:0!important;padding:0!important;border:0!important}
  .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img{aspect-ratio:1;object-fit:contain;background:#fafafa;border-radius:4px}
  .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{font-size:15px!important;line-height:1.25!important;margin:10px 0 2px!important}
  .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price{font-size:14px!important;margin:0 0 10px!important}
  .wp-block-woocommerce-empty-cart-block .wp-block-button__link,.wp-block-woocommerce-empty-cart-block .add_to_cart_button{font-size:11px!important;padding:10px 16px!important}
  .wp-block-woocommerce-empty-cart-block .wp-block-separator{display:none}
}

/* Écrans tactiles : pas de cadre de sélection rouge ou jaune après un toucher (il reste au clavier sur ordinateur). */
@media (hover:none) and (pointer:coarse){
  :focus-visible,html body :is(a,button,summary,[tabindex]):focus-visible{outline:none!important}
}

/* Fiches qui s'ouvrent en fenêtre (collection, galerie de l'accueil, voyage) : la croix ne recouvre plus la photo. */
@media (max-width:760px){
  .mh-c-dialog,.mh-collection .mh-gallery-dialog,#mhv-dialog,#mhv-map{padding-top:52px!important}
  .mh-c-fermer,.mh-collection .mh-gallery-close,.mh-voy .mhv-close{
    position:absolute!important;top:8px!important;right:8px!important;z-index:5;
    width:36px!important;height:36px!important;min-height:0;padding:0!important;border:0!important;border-radius:50%!important;
    background:#f1f1f1!important;color:#333!important;font:22px/36px var(--abel,Arial)!important;text-align:center;
  }
  .mh-collection .mh-gallery-close{background:rgba(255,255,255,.14)!important;color:#fff!important}
  .mh-c-fermer:active,.mh-collection .mh-gallery-close:active,.mh-voy .mhv-close:active{transform:scale(.92)}
}

@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .mh-feuille,.mh-feuille.mh-ferme,.mh-feuille[open]{transform:none;transition:opacity .2s ease,display .2s allow-discrete,overlay .2s allow-discrete}
  .mh-feuille.mh-ferme{opacity:0}
  @starting-style{.mh-feuille[open]{opacity:0;transform:none}}
  .mh-achat{transform:none;transition:opacity .2s ease}
}
@media (max-width:760px) and (prefers-reduced-transparency:reduce){
  .mh-tabbar,.mh-achat{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* 07/11 : défilé de l'accueil — pas de rond fléché sur les photos (toute la carte se touche déjà) */
@media (max-width:760px){
  .mh-collection .mh-gallery-magnify,.mh-gallery-magnify{display:none!important}
  /* Musique : mini haut-parleur flottant, discret, au-dessus de la barre d'onglets */
  .mh-son-flottant{position:fixed;right:14px;bottom:calc(var(--mh-tab-total) + 14px);z-index:90;width:34px;height:34px;padding:0;border:0;border-radius:50%;
    display:grid;place-items:center;color:#fff;background:rgba(17,17,17,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    box-shadow:0 0 0 1px rgba(255,255,255,.18);opacity:.75;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s,transform .14s}
  .mh-son-flottant:active{transform:scale(.92)}
  .mh-son-flottant[aria-pressed="true"]{opacity:.9}
  .mh-son-flottant[aria-pressed="true"] .off,.mh-son-flottant[aria-pressed="false"] .on{display:none}
  .mh-son-flottant svg{width:16px;height:16px}
  html:has(.mh-feuille[open]) .mh-son-flottant{opacity:0;pointer-events:none}
}

/* mh-cookies */
/* Bandeau cookies Complianz : discret, aux couleurs du site (noir, blanc, rouge). Le fonctionnement du consentement n'est pas modifié. */
html body .cmplz-cookiebanner{
  --cmplz_banner_background_color:#fff;--cmplz_banner_border_color:#eee;--cmplz_text_color:#222;
  --cmplz_button_accept_background_color:#111;--cmplz_button_accept_border_color:#111;--cmplz_button_accept_text_color:#fff;
  --cmplz_button_deny_background_color:#fff;--cmplz_button_deny_border_color:#111;--cmplz_button_deny_text_color:#111;
  --cmplz_button_settings_background_color:#fff;--cmplz_button_settings_border_color:#fff;--cmplz_button_settings_text_color:#666;
  --cmplz_hyperlink_color:#e10000;--cmplz_banner_border_radius:4px;--cmplz_button_border_radius:2px;--cmplz_text_font_size:12px;
  font-family:MhAbel,Arial,sans-serif!important;box-shadow:0 8px 30px rgba(0,0,0,.12)!important;
}
html body .cmplz-cookiebanner .cmplz-title{font-weight:600!important;font-size:13px!important;letter-spacing:.04em}
html body .cmplz-cookiebanner .cmplz-btn{font-family:inherit!important;font-weight:600!important;font-size:12px!important;letter-spacing:.06em;text-transform:uppercase;height:auto!important;padding:11px 14px!important;transition:background-color .15s ease,color .15s ease,transform .12s ease-out}
html body .cmplz-cookiebanner .cmplz-btn:active{transform:scale(.97)}
html body .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences{text-decoration:underline;text-underline-offset:3px}
@media (hover:hover) and (pointer:fine){html body .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover{background:#111!important;color:#fff!important}}
/* Ordinateur : petit encart en bas à droite */
@media (min-width:769px){
  html body .cmplz-cookiebanner.cmplz-bottom-right{width:380px!important;max-width:calc(100vw - 32px)!important;padding:18px 20px!important;grid-gap:10px!important}
}
/* Mobile : barre compacte en bas, boutons côte à côte */
@media (max-width:768px){
  html body .cmplz-cookiebanner{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;padding:14px 14px 12px!important;grid-gap:8px!important;transform:none!important}
  html body .cmplz-cookiebanner .cmplz-header{display:flex!important;align-items:center}
  html body .cmplz-cookiebanner .cmplz-message{font-size:12px!important;line-height:1.45!important;margin:0!important;max-height:5.8em;overflow:auto}
  html body .cmplz-cookiebanner .cmplz-buttons{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important;flex-direction:initial!important}
  html body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{margin:0!important;width:100%!important;min-height:44px}
  html body .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences,html body .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences{grid-column:1/-1;min-height:36px;padding:6px!important}
  html body .cmplz-cookiebanner .cmplz-links,html body .cmplz-cookiebanner .cmplz-documents{font-size:11px!important;margin:0!important}
  /* Barre fine : texte sur 2 lignes, Accepter / Refuser / Choisir sur une seule ligne (≈ 1/7 de l'écran au lieu d'1/3) */
  html body .cmplz-cookiebanner{padding:10px 12px 8px!important;grid-gap:6px!important;grid-template-columns:1fr auto!important}
  html body .cmplz-cookiebanner .cmplz-header{grid-column:2;grid-row:1;align-self:start}
  html body .cmplz-cookiebanner .cmplz-body{grid-column:1;grid-row:1}
  html body .cmplz-cookiebanner .cmplz-message{max-height:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px!important;line-height:1.4!important}
  html body .cmplz-cookiebanner .cmplz-buttons{grid-column:1/-1;grid-template-columns:1fr 1fr auto}
  html body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{min-height:40px;padding:8px 10px!important}
  html body .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences,html body .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences{grid-column:auto;min-height:40px;padding:8px 6px!important}
  html body .cmplz-cookiebanner .cmplz-links,html body .cmplz-cookiebanner .cmplz-documents{grid-column:1/-1;font-size:10px!important;line-height:1.2}
}

/* 28/10 : sur « Protection vie privée », les traits de séparation du bandeau (marges -20 px de Complianz) dépassaient du bandeau mobile (marge intérieure 12 px) : ramenés à 12 px. */
@media(max-width:640px){html body .cmplz-cookiebanner .cmplz-divider{margin-left:-12px;margin-right:-12px}}

/* mh-contact */
/* Bloc « Parlons-en. » — UNE seule version pour l'accueil (carnet) et toutes les autres pages.
   Chargé après carnet.css : ces règles font foi. */
.mh-contact.mh-contact.mh-contact{background:#111!important;color:#fff;text-align:center;padding:clamp(90px,14svh,150px) max(5%,calc(50% - 660px)) clamp(70px,10svh,110px)!important}
.mh-contact.mh-contact--pied{margin:0}
.mh-contact.mh-contact.mh-contact .mh-contact-label{font:400 13px/1.4 MhAbel,Arial,sans-serif!important;letter-spacing:.32em!important;text-transform:uppercase;color:#9a9a9a!important;margin:0 0 22px!important}
.mh-contact.mh-contact.mh-contact .mh-contact-titre{font:400 clamp(44px,5.6vw,92px)/.95 MhBeau,Georgia,serif!important;letter-spacing:-.02em!important;color:#fff!important;margin:0!important}
.mh-contact.mh-contact.mh-contact .mh-contact-intro{font:400 clamp(17px,1.4vw,20px)/1.6 MhAbel,Arial,sans-serif!important;color:#c9c9c9!important;max-width:34em;margin:24px auto 0!important}
/* Adresse : discrète et lisible, avec son bouton à côté (dessous sur téléphone) */
.mh-contact.mh-contact.mh-contact .mh-contact-mail{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px!important;margin:clamp(36px,6svh,56px) auto 0!important}
.mh-contact.mh-contact.mh-contact .mh-contact-mail a{font:400 clamp(19px,1.6vw,23px)/1.3 MhAbel,Arial,sans-serif!important;letter-spacing:.04em!important;color:#fff!important;text-decoration:none!important;padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat!important;transition:background-size .3s}
.mh-contact.mh-contact.mh-contact .mh-contact-mail a:is(:hover,:focus-visible){color:#fff!important;background-size:100% 2px!important}
.mh-contact.mh-contact.mh-contact .mh-contact-copier{all:unset;box-sizing:border-box;cursor:pointer;font:400 12px/1 MhAbel,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#fff;padding:12px 20px;min-height:40px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.35)!important;border-radius:99px;transition:background .3s,color .3s,border-color .3s}
.mh-contact.mh-contact.mh-contact .mh-contact-copier:is(:hover,:focus-visible){background:#fff;color:#111;border-color:#fff!important}
.mh-contact.mh-contact.mh-contact .mh-contact-reseaux{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 36px;max-width:560px;margin:clamp(48px,8svh,72px) auto 0!important;padding:26px 0 0!important;border-top:1px solid #2c2c2c}
.mh-contact.mh-contact.mh-contact .mh-contact-reseaux li{list-style:none;margin:0}
.mh-contact.mh-contact.mh-contact .mh-contact-reseaux li::before{content:none}
.mh-contact.mh-contact.mh-contact .mh-contact-reseaux :is(a,span){font:400 15px/1.4 MhAbel,Arial,sans-serif!important;letter-spacing:.08em;color:#bdbdbd!important;text-decoration:none!important}
.mh-contact.mh-contact.mh-contact .mh-contact-reseaux a:is(:hover,:focus-visible){color:#fff!important}
.mh-contact.mh-contact.mh-contact :focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:600px){.mh-contact .mh-contact-mail{flex-direction:column!important}}

/* Bas de page légal, identique partout */
.mh-legal{background:#111;color:#8a8a8a;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;padding:0 5% 36px;font:14px/1.5 MhAbel,Arial,sans-serif}
.mh-legal a{color:#8a8a8a;text-underline-offset:3px}
.mh-legal a:hover{color:#fff}
.home .mh-legal{position:relative;z-index:8}

/* cmplz-banner-1-optin */
input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #1E73BE; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #1E73BE; --cmplz_button_accept_border_color: #1E73BE; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #1e73be; --cmplz_slider_inactive_color: #dd3333; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}.cmplz-cookiebanner { top: initial; left: initial; right: 10px; bottom: 10px; transform: initial;}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { left: initial; right: initial; bottom: 0; width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 768px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}.cmplz-cookiebanner { animation: fadeIn 2s; -webkit-animation: fadeIn 2s; -moz-animation: fadeIn 2s; -o-animation: fadeIn 2s; -ms-animation: fadeIn 2s;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-logo { display: none !important;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;} .cmplz-blocked-content-container.recaptcha-invisible, .cmplz-blocked-content-container.g-recaptcha { max-width: initial !important; height: 80px !important; margin-bottom: 20px; } @media only screen and (max-width: 400px) { .cmplz-blocked-content-container.recaptcha-invisible, .cmplz-blocked-content-container.g-recaptcha { height: 100px !important } } .cmplz-blocked-content-container.recaptcha-invisible .cmplz-blocked-content-notice, .cmplz-blocked-content-container.g-recaptcha .cmplz-blocked-content-notice { max-width: initial; padding: 7px; } .cmplz-placeholder-element > blockquote.fb-xfbml-parse-ignore { margin: 0 20px; } .instagram-media.cmplz-placeholder-element > div { max-width: 100%; }