/*
Theme Name: Marie-Hélène Pierre
Description: Un même univers, deux parcours. Thème sur mesure pour le portfolio et l’intervention artistique.
Version: 0.1.11
Requires at least: 6.8
Requires PHP: 8.1
Author: Projet Marie-Hélène Pierre
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mhp-theme
*/

:root{--paper:#f7fcfd;--white:#fff;--ink:#2d2647;--muted:#584976;--blue:#584976;--blue-soft:#caeef7;--lime:#61cde8;--line:#cbd5e3;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--space:clamp(24px,5vw,80px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
body.mhp-dialog-open{overflow:hidden}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
button,input,textarea,select{font:inherit}
button,a,input,textarea{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:default}
a{color:inherit;text-underline-offset:.24em;text-decoration-thickness:1px}
a:hover{color:var(--blue)}
:focus-visible{outline:3px solid #2d2647;outline-offset:5px}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-weight:400;line-height:1.13;text-wrap:balance;overflow-wrap:break-word;hyphens:none}
h1,h2{font-family:var(--serif);letter-spacing:-.045em}
h1{font-size:clamp(42px,5.5vw,78px)}
h2{font-size:clamp(32px,3.5vw,48px)}
h3{font-size:25px;letter-spacing:-.025em}
.wrap{width:calc(100% - var(--space)*2);max-width:1280px;margin-inline:auto}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.mhp-skip-link{position:fixed;top:10px;left:16px;transform:translateY(-160%);background:var(--ink);color:var(--white);padding:12px 20px;z-index:1000}
.mhp-skip-link:focus{transform:none;color:var(--white)}
.mhp-header{border-bottom:1px solid var(--line)}
.mhp-header-main{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:24px}
.mhp-brand{display:inline-block;font:500 24px/1.12 var(--sans);letter-spacing:-.06em;text-decoration:none}
.mhp-brand>span{display:block}
.mhp-brand>span+span{font-size:32px}
.mhp-brand-dot{color:var(--blue)}
.custom-logo-link{display:block;max-width:240px}
.custom-logo{width:auto;max-height:84px;object-fit:contain}
.mhp-navigation{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.mhp-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.mhp-menu a{text-decoration:none;display:block;padding:4px 0;border-bottom:1px solid transparent}
.mhp-menu a:hover,.mhp-menu .current-menu-item>a,.mhp-menu .current-menu-ancestor>a{border-bottom-color:currentColor}
.mhp-universes{font-size:14px;letter-spacing:.025em}
.mhp-universes .mhp-menu{gap:30px}
.mhp-context-navigation{font-size:13px;color:var(--muted)}
.mhp-context-navigation .mhp-menu{gap:23px}
.mhp-menu-toggle{display:none;border:0;background:none;color:var(--ink);min-width:70px;min-height:44px;padding:8px 0}
.mhp-toggle-lines{display:block;width:22px;height:12px;border-block:1px solid currentColor;margin-left:12px;position:relative}
.mhp-toggle-lines:after{content:'';height:1px;width:22px;background:currentColor;position:absolute;left:0;top:5px}
.mhp-breadcrumbs{font-size:12px;color:var(--muted);padding-block:22px}
.mhp-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.mhp-breadcrumbs li+li:before{content:'/';margin-right:10px;color:#584976}
.mhp-breadcrumbs a{text-decoration:none}
.mhp-breadcrumbs [aria-current]{max-width:45ch}
.mhp-eyebrow{font:500 11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px;color:var(--blue)}
.mhp-lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:46ch;margin-top:26px}
.mhp-arrow{flex-shrink:0}
.mhp-button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:13px 24px;border:1px solid var(--blue);border-radius:0;background:var(--blue);color:white;text-decoration:none;font:500 14px/1.5 var(--sans)}
.mhp-button:hover,.wp-block-button__link:hover{background:#2d2647;border-color:#2d2647;color:white}
.mhp-text-link{display:inline-flex;align-items:center;gap:20px;text-decoration:none;font-size:14px;border-bottom:1px solid currentColor;padding-block:10px}
.mhp-subtle-link{display:block;font-size:14px;margin-top:18px;color:var(--muted)}
.mhp-actions{display:flex;gap:25px;flex-wrap:wrap;align-items:center}
.mhp-image-fallback{min-height:220px;height:100%;background:linear-gradient(135deg,var(--blue-soft),#81d7ec);display:grid;place-items:center}
.mhp-image-fallback span{width:85px;height:85px;border:1px solid #584976;border-radius:50%}

/* La page carrefour */
.mhp-portal-intro{display:flex;justify-content:space-between;gap:60px;align-items:center;padding-block:58px 48px}
.mhp-portal-intro-inner{max-width:850px}
.mhp-portal-intro h1{max-width:12ch}
.mhp-portal-intro .mhp-lead{max-width:58ch;font-size:17px;margin-top:22px}
.mhp-portal-mark{font-family:var(--serif);font-style:italic;font-size:clamp(70px,10vw,148px);color:var(--blue);letter-spacing:-.1em;line-height:1;align-self:flex-start;padding-top:28px}
.mhp-portal-entrances{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.mhp-entrance{display:block;text-decoration:none;color:var(--ink)}
.mhp-entrance-visual{position:relative;height:clamp(220px,25vw,335px);overflow:hidden;background:#eaf6fa}
.mhp-entrance-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.mhp-entrance-art .mhp-entrance-visual>img{object-fit:contain}
.mhp-entrance-intervention .mhp-entrance-visual>img{object-position:center 40%}
.mhp-entrance:hover .mhp-entrance-visual>img{transform:scale(1.025)}
.mhp-entrance-number{position:absolute;top:17px;left:18px;display:grid;place-items:center;width:34px;height:34px;background:var(--paper);border-radius:50%;font-size:11px;color:var(--ink)}
.mhp-entrance-note{position:absolute;right:20px;bottom:19px;background:var(--lime);padding:8px 13px;font-size:11px;color:var(--ink)}
.mhp-entrance-body{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.mhp-entrance-body .mhp-eyebrow{margin-bottom:7px;font-size:10px}
.mhp-entrance-body h2{font-size:37px}
.mhp-entrance-body p:last-child{font-size:14px;color:var(--muted);margin-top:7px}
.mhp-circle-arrow{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #584976;border-radius:50%}
.mhp-entrance:hover .mhp-circle-arrow{background:var(--blue);border-color:var(--blue);color:white}
.mhp-portal-content{max-width:780px;text-align:center;padding-block:58px 76px}

/* Portfolio */
.mhp-artist-hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:65px;padding-block:30px 70px}
.mhp-hero-copy h1{max-width:13ch}
.mhp-hero-copy,.mhp-page-heading>div,.mhp-contact-intro,.mhp-contact-body{min-width:0}
.mhp-hero-copy>.mhp-text-link,.mhp-hero-copy>.mhp-button{margin-top:30px}
.mhp-artist-hero-visual{padding:22px 22px 0;background:#eaf6fa}
.mhp-artist-hero-visual>img{width:100%;height:390px;object-fit:contain}
.mhp-artist-hero-visual figcaption{display:flex;justify-content:space-between;gap:12px;font-size:10px;padding-block:16px;color:var(--muted)}
.mhp-portfolio-section{padding-block:30px 80px;border-top:1px solid var(--line)}
.mhp-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:36px}
.mhp-section-heading .mhp-eyebrow{margin-bottom:12px}
.mhp-portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px 32px}
.mhp-collection-link{text-decoration:none;display:block}
.mhp-collection-image{position:relative;background:#eaf6fa;padding:20px;height:330px}
.mhp-collection-image>img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.mhp-collection-link:hover .mhp-collection-image>img{transform:scale(1.02)}
.mhp-image-arrow{position:absolute;right:15px;bottom:15px;background:var(--paper);width:42px;height:42px;display:grid;place-items:center;border-radius:50%}
.mhp-collection-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:19px}
.mhp-collection-caption :is(h2,h3){font-family:var(--serif);font-size:29px}
.mhp-collection-caption>span{font-size:11px;color:var(--muted);flex-shrink:0}
.mhp-collection-excerpt{font-size:14px;line-height:1.65;color:var(--muted);margin-top:9px;max-width:49ch}
.mhp-artist-content{padding-block:60px 95px;border-top:1px solid var(--line)}
.mhp-artist-content .wp-block-columns{gap:60px}
.mhp-artist-content .wp-block-image img{width:100%;max-height:470px;object-fit:cover}
.mhp-collection-page{padding-bottom:85px}
.mhp-collection-page .mhp-page-heading{max-width:930px}
.mhp-collection-description{margin:0 0 55px!important;max-width:830px}
.mhp-gallery{columns:2;column-gap:32px}
.mhp-gallery>figure{break-inside:avoid;margin-bottom:32px}
.mhp-gallery-link{display:block;position:relative;background:#eaf6fa;padding:16px}
.mhp-gallery-link>img{width:100%;height:auto}
.mhp-gallery-zoom{position:absolute;right:25px;bottom:25px;background:var(--paper);font-size:24px;line-height:36px;width:36px;text-align:center;border-radius:50%}
.mhp-gallery figcaption{font-size:12px;line-height:1.6;color:var(--muted);padding-top:10px}
.mhp-collection-end{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}
.mhp-lightbox{padding:0;border:0;width:min(1400px,96vw);max-width:96vw;height:94vh;max-height:94vh;background:var(--paper);color:var(--ink)}
.mhp-lightbox::backdrop{background:rgba(12,24,23,.88)}
.mhp-lightbox-toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;font-size:13px;border-bottom:1px solid var(--line)}
.mhp-lightbox button{background:none;border:1px solid var(--line);padding:8px 13px;min-height:44px;color:inherit}
.mhp-lightbox-main{display:grid;grid-template-columns:50px minmax(0,1fr) 50px;align-items:center;gap:12px;padding:18px;height:calc(100% - 62px)}
.mhp-lightbox-main figure{min-width:0;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}
.mhp-lightbox-main img{width:auto;max-width:100%;max-height:calc(100% - 65px);object-fit:contain}
.mhp-lightbox-main figcaption{font-size:13px;max-height:55px;overflow:auto;text-align:center}

/* Intervention et pages de contenu */
.mhp-context-intervention{--ink:#2d2647;--muted:#584976;--line:#cbd5e3}
.mhp-intervention-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center;padding-block:30px 100px}
.mhp-intervention-hero h1{font-size:clamp(42px,4.75vw,70px);max-width:14ch}
.mhp-intervention-visual{position:relative;padding:0 18px 28px 0}
.mhp-intervention-visual figure{overflow:hidden;border-radius:160px 0 130px 0;position:relative;background:var(--blue-soft)}
.mhp-intervention-visual figure>img{width:100%;height:510px;object-fit:cover;object-position:center 35%}
.mhp-color-dot{position:absolute;border-radius:50%;display:block}
.mhp-dot-yellow{height:160px;width:160px;right:-18px;top:-22px;background:var(--lime)}
.mhp-dot-blue{height:190px;width:190px;left:-35px;bottom:0;background:#81d7ec}
.mhp-portrait-caption{position:absolute;bottom:0;right:0;background:var(--paper);padding:18px 24px;min-width:220px;border-left:3px solid var(--blue)}
.mhp-portrait-caption strong{display:block;font-size:15px;font-weight:500}
.mhp-portrait-caption span{font-size:11px;color:var(--muted)}
.mhp-intervention-content{padding-block:0 90px;max-width:820px}
.mhp-conversation-band{background:var(--blue-soft);padding-block:60px}
.mhp-conversation-band>.wrap{display:flex;justify-content:space-between;align-items:center;gap:45px}
.mhp-conversation-band h2{max-width:16ch}
.mhp-conversation-band .mhp-button{flex-shrink:0}
.mhp-page{padding-bottom:90px}
.mhp-page-heading{padding-block:32px 50px;max-width:980px}
.mhp-page-heading.has-visual{display:grid;grid-template-columns:1.2fr .8fr;max-width:none;gap:70px;align-items:center;padding-bottom:70px}
.mhp-page-heading.has-visual h1{font-size:clamp(42px,5vw,68px)}
.mhp-page-heading.has-visual figure img{width:100%;height:350px;object-fit:cover}
.mhp-page .mhp-entry-content{max-width:780px;margin-inline:auto}
.mhp-entry-content{overflow-wrap:anywhere}
.mhp-entry-content>:first-child{margin-top:0}
.mhp-entry-content p{margin-block:0 1.15em}
.mhp-entry-content h2{margin-block:1.6em .55em;font-size:clamp(30px,3vw,42px)}
.mhp-entry-content h3{margin-block:1.7em .6em;font-size:23px;font-weight:500}
.mhp-entry-content h4{margin-block:1.5em .6em;font-size:20px;font-weight:500}
.mhp-entry-content ul,.mhp-entry-content ol{padding-left:1.25em;margin-block:1em 1.8em}
.mhp-entry-content li{padding-left:.3em;margin-bottom:.65em}
.mhp-entry-content li::marker{color:var(--blue)}
.mhp-entry-content .wp-block-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-block:25px 36px}
.mhp-entry-content .wp-block-image{margin-block:25px}
.mhp-entry-content .wp-block-image img{height:auto}
.mhp-entry-content figcaption{font-size:12px;color:var(--muted);margin-top:8px}
.mhp-entry-content blockquote{margin:30px 0;padding:10px 0 10px 25px;border-left:2px solid var(--blue);font:italic 26px/1.5 var(--serif)}
.mhp-entry-content .alignwide{max-width:1100px}
.mhp-entry-content .is-style-mhp-blue{background:var(--blue-soft);padding:35px}
.mhp-entry-content .is-style-mhp-cream{background:#eaf6fa;padding:35px}
.mhp-entry-content .is-style-mhp-rule{border-top:1px solid var(--line);padding-top:35px}
.is-style-mhp-eyebrow{font:500 11px/1.5 var(--sans)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--blue)}
.is-style-mhp-text .wp-block-button__link{background:none;border:0;border-bottom:1px solid currentColor;color:var(--ink);padding-inline:0}
.wp-block-columns{display:flex;gap:32px}
.wp-block-column{flex:1;min-width:0}
.are-vertically-aligned-center{align-items:center}
.is-vertically-aligned-center{align-self:center}
.mhp-resources-page{padding-bottom:90px}
.mhp-resources-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.mhp-resources-visual img{width:100%;height:480px;object-fit:cover}
.mhp-contact-page{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start;padding-block:24px 72px}
.mhp-contact-intro h1{font-size:clamp(42px,4.75vw,66px)}
.mhp-contact-visual{margin-top:35px;max-width:380px}
.mhp-contact-visual img{width:100%;height:250px;object-fit:cover}
.mhp-contact-body{padding-top:0;font-size:16px}
.mhp-contact-form{margin-top:32px}
.mhp-field{margin-bottom:23px}
.mhp-field>label{display:block;font-size:13px;font-weight:500;margin-bottom:8px}
.mhp-field input:not([type=checkbox]),.mhp-field textarea{width:100%;padding:12px 14px;border:1px solid #584976;border-radius:0;background:#fff;color:var(--ink);font-size:16px;line-height:1.5;min-height:48px}
.mhp-field textarea{resize:vertical;min-height:155px}
.mhp-field-consent input{width:18px;height:18px;vertical-align:middle;margin-right:7px;accent-color:var(--blue)}
.mhp-field-consent label{font-weight:400}
.mhp-form-note{font-size:12px;line-height:1.6;color:var(--muted)}
.mhp-field .mhp-form-note{margin-top:8px}
.mhp-form-status,.mhp-contact-unavailable{padding:20px;border-left:3px solid var(--blue);background:var(--blue-soft);margin-block:25px}
.mhp-form-status-invalid,.mhp-form-status-error,.mhp-form-status-expired,.mhp-form-status-rate{background:#f6eee5;border-color:#a05732}
.mhp-posts{display:grid;grid-template-columns:1fr 1fr;gap:45px}
.mhp-posts h2{margin-block:20px}
.mhp-not-found{padding-block:80px 100px}
.mhp-not-found h1{max-width:15ch}
.mhp-not-found .mhp-actions{margin-top:35px}

/* Pied de page */
.mhp-footer{border-top:1px solid var(--line);background:#caeef7;padding-top:45px;font-size:13px}
.mhp-footer-grid{display:flex;justify-content:space-between;gap:50px;padding-bottom:40px}
.mhp-footer-brand>a{font-size:22px;letter-spacing:-.035em;text-decoration:none}
.mhp-footer-brand>a>span{color:var(--blue)}
.mhp-footer-brand p{font-size:12px;color:var(--muted);margin-top:10px}
.mhp-footer nav ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 35px}
.mhp-footer nav a{text-decoration:none}
.mhp-footer nav a:hover{text-decoration:underline}
.mhp-footer-bottom{border-top:1px solid var(--line);padding-block:19px;display:flex;align-items:center;gap:30px;font-size:10px;color:var(--muted)}
.mhp-footer-bottom>a:last-child{margin-left:auto}

@media(min-width:1500px){.mhp-portal-intro h1{max-width:14ch}}
@media(max-width:1100px){.mhp-header-main{gap:25px}.mhp-context-navigation .mhp-menu{gap:16px}.mhp-artist-hero,.mhp-intervention-hero{gap:40px}.mhp-intervention-visual figure>img{height:440px}.mhp-contact-page{gap:50px}.mhp-page-heading.has-visual{gap:40px}.mhp-portal-mark{font-size:100px}.mhp-collection-image{height:290px}}
@media(max-width:1100px){
 .mhp-header-main{min-height:100px;position:relative;flex-wrap:wrap;padding-block:20px;gap:0}
 .mhp-brand{font-size:21px}.mhp-brand>span+span{font-size:28px}
 .mhp-menu-toggle{display:flex;align-items:center;justify-content:flex-end;font-size:13px}
 .mhp-navigation{width:100%;align-items:stretch;padding-block:22px 5px;gap:20px}
 .mhp-js .mhp-navigation{display:none}.mhp-js .mhp-navigation.is-open{display:flex}
 .mhp-navigation nav{width:100%}.mhp-menu{flex-wrap:wrap;gap:12px 25px!important}
 .mhp-context-navigation{padding-top:14px;border-top:1px solid var(--line);font-size:14px}
 .mhp-menu a{padding-block:8px}
 .mhp-context-navigation .mhp-menu,.mhp-universes .mhp-menu{justify-content:flex-start}
}
@media(max-width:820px){
 :root{--space:28px}
 .mhp-portal-intro{padding-block:38px;gap:25px}.mhp-portal-intro h1{font-size:55px}.mhp-portal-mark{display:none}
 .mhp-portal-entrances{gap:24px}.mhp-entrance-body h2{font-size:30px}.mhp-circle-arrow{width:38px;height:38px;flex-basis:38px}
 .mhp-entrance-note{font-size:9px;right:12px;bottom:12px;padding:6px 10px}
 .mhp-artist-hero,.mhp-intervention-hero{grid-template-columns:1fr;gap:38px;padding-block:20px 55px}
 .mhp-hero-copy h1,.mhp-intervention-hero h1{max-width:17ch;font-size:60px}
 .mhp-hero-copy .mhp-lead{max-width:55ch}.mhp-artist-hero-visual>img{height:380px}
 .mhp-intervention-visual{max-width:530px;width:100%;margin-inline:auto}.mhp-intervention-visual figure>img{height:510px}
 .mhp-collection-image{height:260px;padding:15px}.mhp-collection-caption{display:block}.mhp-collection-caption :is(h2,h3){font-size:27px}.mhp-collection-caption>span{display:block;margin-top:5px}
 .mhp-page-heading.has-visual{gap:30px}.mhp-page-heading.has-visual figure img{height:300px}
 .mhp-contact-page{grid-template-columns:1fr;gap:32px}.mhp-contact-intro .mhp-lead{max-width:50ch}.mhp-contact-visual{display:none}
 .mhp-resources-layout{gap:35px}.mhp-resources-visual img{height:400px}
 .mhp-conversation-band>.wrap{align-items:flex-start;flex-direction:column;gap:25px}
 .mhp-artist-content .wp-block-columns{gap:30px}
 .mhp-footer-grid{gap:35px}.mhp-footer nav ul{grid-template-columns:1fr;font-size:12px}
}
@media(max-width:560px){
 :root{--space:22px}
 body{font-size:16px}h1{font-size:44px}h2{font-size:34px}.mhp-lead{font-size:17px;margin-top:20px}
 .mhp-breadcrumbs{font-size:10px;padding-block:18px}.mhp-breadcrumbs [aria-current]{max-width:28ch}
 .mhp-eyebrow{font-size:10px;margin-bottom:15px}
 .mhp-portal-intro h1{font-size:47px;max-width:12ch}.mhp-portal-intro .mhp-lead{font-size:16px}
 .mhp-portal-entrances{grid-template-columns:1fr;gap:30px}.mhp-entrance-visual{height:250px}
 .mhp-entrance-body{padding-block:20px}.mhp-entrance-body h2{font-size:34px}.mhp-entrance-body p:last-child{font-size:13px}
 .mhp-portal-content{padding-block:38px 50px;text-align:left}
 .mhp-hero-copy h1,.mhp-intervention-hero h1{font-size:47px;max-width:14ch}
 .mhp-artist-hero-visual{padding:13px 13px 0}.mhp-artist-hero-visual>img{height:270px}
 .mhp-artist-hero-visual figcaption{font-size:9px}.mhp-artist-hero{gap:32px}
 .mhp-section-heading{align-items:flex-start;flex-direction:column;gap:17px}.mhp-section-heading .mhp-text-link{padding-top:0}
 .mhp-portfolio-grid{grid-template-columns:1fr;gap:35px}.mhp-collection-image{height:300px;padding:18px}
 .mhp-collection-caption{display:flex;gap:15px}.mhp-collection-caption :is(h2,h3){font-size:28px}.mhp-collection-caption>span{font-size:10px}
 .mhp-portfolio-section{padding-bottom:50px}.mhp-artist-content{padding-block:40px 55px}
 .wp-block-columns{flex-direction:column}.wp-block-column{flex-basis:auto!important;width:100%}
 .mhp-gallery{columns:1}.mhp-gallery-link{padding:12px}.mhp-collection-end{align-items:flex-start;flex-direction:column}
 .mhp-collection-page{padding-bottom:55px}.mhp-collection-description{margin-bottom:32px!important}
 .mhp-lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.mhp-lightbox-toolbar{padding-inline:15px}
 .mhp-lightbox-main{grid-template-columns:40px minmax(0,1fr) 40px;gap:4px;padding:6px}.mhp-lightbox-main>button{padding:6px}
 .mhp-lightbox-main figcaption{font-size:11px}
 .mhp-intervention-visual{padding-right:12px;margin-top:12px}.mhp-intervention-visual figure{border-radius:120px 0 100px 0}
 .mhp-intervention-visual figure>img{height:400px}.mhp-dot-yellow{width:110px;height:110px;right:-5px;top:-15px}.mhp-dot-blue{width:150px;height:150px;left:-12px}
 .mhp-portrait-caption{padding:14px 18px;min-width:200px}.mhp-intervention-content{padding-bottom:50px}
 .mhp-conversation-band{padding-block:40px}.mhp-conversation-band h2{font-size:36px}
 .mhp-page-heading{padding-block:18px 35px}.mhp-page-heading.has-visual{grid-template-columns:1fr;gap:25px;padding-bottom:35px}
 .mhp-page-heading.has-visual h1,.mhp-contact-intro h1{font-size:44px}.mhp-page-heading.has-visual figure img{height:270px}
 .mhp-page,.mhp-contact-page,.mhp-resources-page{padding-bottom:55px}
 .mhp-entry-content h2{font-size:33px}.mhp-entry-content h3{font-size:22px}
 .mhp-entry-content .is-style-mhp-blue,.mhp-entry-content .is-style-mhp-cream{padding:24px}
 .mhp-resources-layout{grid-template-columns:1fr;gap:28px}.mhp-resources-visual img{height:270px}
 .mhp-contact-page{padding-top:18px}.mhp-contact-body{padding-top:0}.mhp-posts{grid-template-columns:1fr}
 .mhp-footer{padding-top:30px}.mhp-footer-grid{flex-direction:column;gap:25px;padding-bottom:28px}.mhp-footer nav ul{grid-template-columns:1fr 1fr;gap:10px 20px}
 .mhp-footer-bottom{gap:13px;flex-wrap:wrap;font-size:9px}.mhp-footer-bottom>a:last-child{margin-left:0}
 .mhp-button,.wp-block-button__link{padding-inline:20px;font-size:13px;gap:16px}
 .mhp-not-found{padding-block:45px 65px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.mhp-header,.mhp-footer,.mhp-breadcrumbs,.mhp-lightbox,.mhp-gallery-zoom,.mhp-menu-toggle{display:none!important}body{background:white;color:black;font-size:11pt}.wrap{width:100%;max-width:none}.mhp-gallery{columns:2}a{color:inherit}.mhp-collection-page,.mhp-page{padding:0}.mhp-page-heading{padding:0 0 20px}.mhp-entry-content{max-width:none!important}}

/* 0.1.1 : références, formulaires et lisibilité sur petits écrans. */
.mhp-field select{width:100%;min-height:48px;padding:12px 14px;border:1px solid #584976;border-radius:0;background:white;color:var(--ink);font-size:16px}
.mhp-field-error{color:#943d20;font-size:13px;margin-top:7px}
.mhp-field [aria-invalid=true]{border-color:#943d20}
.mhp-contact-reference{padding:16px;border:1px solid var(--line);font-size:14px}
.mhp-contact-direct{margin-top:25px}.mhp-contact-direct a{overflow-wrap:anywhere}
.mhp-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.mhp-work-reference{display:block;font-size:12px;letter-spacing:.025em;margin-top:5px}
.mhp-work-reference.is-primary{font-size:14px;color:var(--ink);margin-top:0}
.mhp-acquisition-note{max-width:70ch;margin:0 0 32px;font-size:15px}
.mhp-work-contact{display:inline-block;font-size:13px;min-height:44px;padding-block:10px}
.mhp-lightbox-contact{display:block;text-align:center;font-size:13px;padding:10px;min-height:44px}
.mhp-lightbox-main img{max-height:calc(100% - 125px)}
.mhp-portal-quicklinks{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.mhp-portal-quicklinks a{padding:10px 15px;border:1px solid var(--blue);text-decoration:none;font-size:14px;min-height:44px}
.mhp-entrance-body>div,.mhp-collection-caption :is(h2,h3){min-width:0}
@media(max-width:560px){
 .mhp-portal-intro{padding-block:25px 28px}.mhp-portal-intro h1{font-size:clamp(34px,9vw,44px);max-width:100%}
 .mhp-portal-intro .mhp-lead{margin-top:16px}.mhp-portal-quicklinks{gap:8px;margin-top:16px}
 .mhp-portal-quicklinks a{font-size:13px;padding-inline:12px}
 .mhp-entrance{display:grid;grid-template-columns:90px minmax(0,1fr);gap:15px;align-items:center}
 .mhp-entrance-visual{height:125px}.mhp-entrance-number,.mhp-entrance-note{display:none}
 .mhp-entrance-body{padding-block:12px;gap:8px}.mhp-entrance-body h2{font-size:27px}
 .mhp-entrance-body .mhp-eyebrow{font-size:9px;letter-spacing:.06em}.mhp-entrance-body p:last-child{line-height:1.5;font-size:12px}
 .mhp-entrance .mhp-circle-arrow{display:none}.mhp-portal-entrances{gap:20px}
 .mhp-page-heading h1,.mhp-page-heading.has-visual h1,.mhp-contact-intro h1,.mhp-hero-copy h1,.mhp-intervention-hero h1{font-size:clamp(29px,8vw,42px);max-width:100%;overflow-wrap:normal;word-break:normal}
 .mhp-collection-caption{display:block}.mhp-collection-caption :is(h2,h3){font-size:27px}.mhp-collection-caption>span{margin-top:6px}
 .mhp-entry-content h2{font-size:clamp(26px,7.4vw,33px)}
}

/* 0.1.2 : contexte et choix des deux univers sur l’accueil. */
.mhp-portal-intro{align-items:flex-start;padding-block:42px 34px}
.mhp-portal-intro h1{max-width:21ch}
.mhp-portal-intro-inner{min-width:0}
.mhp-portal-bio{max-width:67ch;margin-top:22px;font-size:17px;line-height:1.7;color:var(--muted)}
.mhp-portal-bio>:first-child{margin-top:0}.mhp-portal-bio>:last-child{margin-bottom:0}
.mhp-portal-quicklinks{padding-top:20px;margin-top:22px;border-top:1px solid var(--line)}
.mhp-portal-quicklinks a{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:var(--white);font-weight:500}
.mhp-portal-quicklinks a:hover{background:#2d2647;border-color:#2d2647}
.mhp-portal-entrances{padding-bottom:64px;align-items:start}
.mhp-entrance-body{align-items:flex-start}
.mhp-entrance-body .mhp-entrance-description{font-size:14px;color:var(--muted);margin-top:7px;line-height:1.6}
.mhp-entrance-action{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:14px;padding:10px 15px;border:1px solid var(--blue);color:var(--blue);font-size:14px;font-weight:500;line-height:1.4}
.mhp-entrance-action .mhp-arrow{width:19px;height:19px}
.mhp-entrance:hover .mhp-entrance-action,.mhp-entrance:focus-visible .mhp-entrance-action{background:var(--blue);color:var(--white)}
@media(max-width:800px){.mhp-portal-intro{gap:25px}.mhp-portal-intro h1{max-width:19ch}.mhp-portal-bio{font-size:16px}}
@media(max-width:560px){
 .mhp-portal-intro{padding-block:25px 28px}.mhp-portal-intro h1{max-width:100%}
 .mhp-portal-bio{margin-top:16px;font-size:15px;line-height:1.6}
 .mhp-portal-quicklinks{margin-top:18px;padding-top:16px}.mhp-portal-quicklinks a{font-size:13px}
 .mhp-portal-entrances{padding-bottom:40px}
 .mhp-entrance-body .mhp-entrance-description{font-size:12px;line-height:1.5}
 .mhp-entrance-action{gap:8px;padding:9px 10px;font-size:12px;margin-top:10px}
}

/* 0.1.4 : palette de Marie, libellés éditables et marque dans le volet artiste. */
.mhp-artist-mark{display:block;font-family:var(--serif);font-style:italic;font-size:clamp(52px,6vw,88px);line-height:1;color:var(--blue);letter-spacing:-.08em;margin-bottom:25px}
.mhp-portal-intro-inner{max-width:100%}
.mhp-universes .mhp-menu{flex-wrap:wrap;justify-content:flex-end}
.mhp-brand{flex-shrink:0}
.mhp-navigation{min-width:0}
.mhp-context-navigation .mhp-menu{flex-wrap:wrap;justify-content:flex-end}
.mhp-menu li{flex:0 0 auto;max-width:100%}
.mhp-menu a{overflow-wrap:normal}
@media(max-width:1100px){.mhp-context-navigation .mhp-menu,.mhp-universes .mhp-menu{justify-content:flex-start}}
.mhp-button,.wp-block-button__link,.mhp-portal-quicklinks a,.mhp-entrance-action{text-align:center;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.mhp-button:focus-visible,.wp-block-button__link:focus-visible,.mhp-portal-quicklinks a:focus-visible{outline-color:var(--ink);outline-offset:4px}
.mhp-footer nav ul{display:flex;flex-wrap:wrap;gap:12px 32px}
@media(max-width:820px){.mhp-universes .mhp-menu{justify-content:flex-start}}

/* Couleurs proposées dans l’éditeur WordPress. */
.has-mhp-pale-color{color:#CAEEF7}.has-mhp-pale-background-color{background-color:#CAEEF7}
.has-mhp-turquoise-color{color:#61CDE8}.has-mhp-turquoise-background-color{background-color:#61CDE8}
.has-mhp-violet-color{color:#584976}.has-mhp-violet-background-color{background-color:#584976}
.has-mhp-light-blue-color{color:#81D7EC}.has-mhp-light-blue-background-color{background-color:#81D7EC}
.has-mhp-ink-color{color:#2D2647}.has-mhp-ink-background-color{background-color:#2D2647}
.has-mhp-white-color{color:#FFFFFF}.has-mhp-white-background-color{background-color:#FFFFFF}

/* 0.1.5: une carte masquée laisse une entrée unique lisible. */
.mhp-portal-entrances.mhp-has-one-entrance{grid-template-columns:minmax(0,1fr);max-width:760px}
.mhp-portal-entrances.mhp-has-one-entrance .mhp-entrance-visual{height:clamp(240px,35vw,420px)}
.mhp-conversation-band + .mhp-intervention-content{padding-top:60px}
@media(max-width:560px){.mhp-conversation-band + .mhp-intervention-content{padding-top:40px}}

/* 0.1.6: logo de page indépendant des photos et nouveaux visuels facultatifs. */
.mhp-title-with-logo{display:flex;align-items:center;gap:clamp(20px,3vw,44px);margin-bottom:24px}
.mhp-title-with-logo h1{flex:1;min-width:0;margin-bottom:0}
.mhp-title-with-logo .mhp-title-logo{display:block;width:clamp(100px,16vw,190px);height:auto;max-height:190px;object-fit:contain;flex-shrink:0}
.mhp-optional-page-photo{margin:30px 0 48px;max-width:900px}
.mhp-optional-page-photo img{display:block;width:100%;max-height:600px;object-fit:contain;border-radius:12px}
@media(max-width:560px){.mhp-title-with-logo{gap:16px;align-items:flex-start}.mhp-title-with-logo .mhp-title-logo{width:80px;max-height:110px}.mhp-title-with-logo h1{overflow-wrap:anywhere}}

/* Social links managed under MHP. */
.mhp-footer .mhp-social-links{margin-top:18px}
.mhp-footer .mhp-social-links ul{display:flex;flex-wrap:wrap;gap:8px 22px}
.mhp-footer .mhp-social-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 0}
.mhp-social-links svg{width:20px;height:20px;flex:none}
.mhp-footer .mhp-social-links a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}

/* UX: direct access to long pages and artwork galleries. */
.mhp-gallery-jump{margin-top:22px}
#mhp-works,.mhp-entry-content [id]{scroll-margin-top:28px}
.mhp-page-shortcuts{padding:20px 24px;border:1px solid var(--line);margin-block:24px 32px}
.mhp-page-shortcuts p{margin:0 0 12px}
.mhp-page-shortcuts ul{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0;padding:0}
.mhp-page-shortcuts a{display:inline-block;padding-block:8px}


/* Réseaux sociaux : raccourcis discrets sur ordinateur, libellés dans le menu mobile. */
.mhp-brand-wrap{flex-shrink:0}
.mhp-navigation{flex-direction:row;align-items:center;gap:24px}
.mhp-navigation-pages{display:flex;flex-direction:column;align-items:flex-end;gap:16px;min-width:0}
.mhp-header .mhp-social-links{flex:none;padding-left:18px;border-left:1px solid var(--line);color:var(--ink)}
.mhp-header .mhp-social-links ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.mhp-header .mhp-social-links a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:10px;text-decoration:none;border-radius:4px}
.mhp-header .mhp-social-links a:hover{color:var(--blue);background:var(--blue-soft)}
.mhp-header .mhp-social-links a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.mhp-social-intro{display:none}
@media(min-width:1101px){
 .mhp-header .mhp-social-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
}
@media(max-width:1100px){
 .mhp-navigation{flex-direction:column;align-items:stretch;gap:20px}
 .mhp-navigation-pages{align-items:stretch;gap:20px}
 .mhp-header .mhp-social-links{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}
 .mhp-header .mhp-social-intro{display:block;margin:0 0 6px;font-size:13px;color:var(--muted)}
 .mhp-header .mhp-social-links ul{flex-wrap:wrap;gap:8px 16px}
 .mhp-header .mhp-social-links a{justify-content:flex-start;padding:10px 8px;font-size:14px}
}