/* MEV2 P10 laboratory — B = six fixed blades + scroll relay. Query-gated only. */
body.mev-p10-lab{--p10-red:#FD0600;--p10-grey:#EFF0E9;--p10-beige:#F9F9EF;--p10-gap:8px;--p10-pad:clamp(14px,2vw,28px);background:var(--p10-grey)!important;overflow-x:clip!important}
body.mev-p10-lab article[id^="post-"]>.inside-article>.entry-header{display:none!important}
body.mev-p10-lab .mev-foot{display:block!important;margin-top:0!important}
body.mev-p10-lab .mev-footer-boundary{margin-top:0!important}
body.mev-p10-lab .mev-p10,body.mev-p10-lab .mev-p10-b-shell,body.mev-p10-lab .mev-p10-b-stage,body.mev-p10-lab .entry-content{margin-bottom:0!important;padding-bottom:0!important}
body.mev-p10-lab #page,body.mev-p10-lab .site-content,body.mev-p10-lab #primary,body.mev-p10-lab #main,body.mev-p10-lab article[id^="post-"],body.mev-p10-lab .inside-article,body.mev-p10-lab .entry-content{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important}
body.mev-p10-lab .mev-family-rail{display:none!important}
body.page-id-294 .mev-p10-mobile-lab,body.page-id-296 .mev-p10-mobile-lab{display:none}
@media (min-width:1200px){body.page-id-294 .mev-context-nav,body.page-id-296 .mev-context-nav{display:none!important}}
/* P10 production responsive law: M5 owns the full mobile/tablet environment through 1023px. */
@media (max-width:1023px){body.page-id-294 .mev-p10,body.page-id-296 .mev-p10{display:none!important}body.page-id-294 .mev-p10-mobile-lab,body.page-id-296 .mev-p10-mobile-lab{display:block!important}}

.mev-p10-lab-switch{position:relative;z-index:40;display:flex;align-items:center;gap:12px;min-height:34px;padding:5px 10px;border-top:1px solid #000;border-bottom:1px solid #000;background:#000;color:#fff;font:600 9px/1.1 'General Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase}
.mev-p10-lab-switch>strong{white-space:nowrap}.mev-p10-lab-group{display:flex;align-items:center;gap:3px}.mev-p10-lab-group>span{opacity:.5;margin-right:2px}.mev-p10-lab-switch a{white-space:nowrap;padding:4px 6px;border:1px solid #444;color:#fff!important;text-decoration:none!important;font-weight:400}.mev-p10-lab-switch a[aria-current="page"]{border-color:var(--p10-red);background:var(--p10-red)}.mev-p10-lab-group--count{margin-left:auto}

.mev-p10{background:var(--p10-grey);color:#000;padding:var(--p10-pad);display:grid;gap:var(--p10-gap)}
.mev-p10 *{box-sizing:border-box}.mev-p10-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.48fr);gap:clamp(28px,4.5vw,78px);align-items:end}.mev-p10-eyebrow{display:inline-block;margin:0 0 6px;padding:.34rem .5rem;border:1px solid #000;font:700 .58rem/1 'General Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase}.mev-p10-h1{margin:0;max-width:780px;font:400 clamp(2rem,4vw,4.6rem)/.9 'Karrik',sans-serif;letter-spacing:-.05em}.mev-p10-h1 span{color:var(--p10-red)}.mev-p10-literary{width:100%;max-width:500px;justify-self:end;align-self:end;font:400 clamp(.86rem,.95vw,1rem)/1.52 'General Sans',sans-serif;text-wrap:pretty}.mev-p10-literary p{margin:0}.mev-p10-literary p+p{margin-top:.9em}

.mev-p10-card{position:relative;min-width:0;min-height:0;overflow:hidden;background:#222}.mev-p10-card-link{position:absolute;inset:0;display:block;color:#fff!important;text-decoration:none!important;overflow:hidden}.mev-p10-card-media,.mev-p10-card-shade{position:absolute;inset:0}.mev-p10-card-img{display:block;width:100%;height:100%!important;object-fit:cover}.mev-p10-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.02) 20%,rgba(0,0,0,.72) 100%)}.mev-p10-card-copy{position:absolute;z-index:3;left:11px;right:11px;bottom:13px;display:flex;flex-direction:column;gap:5px}.mev-p10-card-angle{font:400 clamp(1.1rem,1.65vw,2.05rem)/.94 'Karrik',sans-serif;letter-spacing:-.025em;text-wrap:balance}.mev-p10-card-name{font:600 9px/1.2 'General Sans',sans-serif;letter-spacing:.07em;text-transform:uppercase;opacity:.82}.mev-p10-card-num{position:absolute;z-index:3;top:9px;left:9px;display:grid;place-items:center;width:28px;height:28px;background:var(--p10-red);color:#fff;font:400 10px/1 'Karrik',sans-serif}.mev-p10-card-fake{position:absolute;z-index:3;top:10px;right:10px;padding:4px 6px;background:rgba(249,249,239,.92);color:#000;font:700 7px/1 'General Sans',sans-serif;letter-spacing:.09em}.mev-p10-card-link:focus-visible{outline:2px solid #76FFCC;outline-offset:-3px}.mev-p10-card-link:hover .mev-p10-card-shade,.mev-p10-card-link:focus-visible .mev-p10-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.78) 100%)}

/* A retained only as a safe comparison. */
.mev-p10-a-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(320px,46svh);gap:var(--p10-gap)}

/* B — the six-blade wall never changes its geometry. */
.mev-p10--b{padding-bottom:0;min-width:0;overflow-x:clip}.mev-p10-b-shell{position:relative;min-width:0;min-height:var(--mev-available-height,calc(100dvh - 150px));overflow:clip}.mev-p10-b-stage{position:sticky;top:0;height:var(--mev-available-height,calc(100dvh - 150px));min-width:0;min-height:0;z-index:2;overflow:clip;contain:layout paint}.mev-p10-wall{min-width:0;overflow:clip}.mev-p10-b-grid{height:100%;min-width:0;max-width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--p10-gap);overflow:clip}.mev-p10-b-lane{position:relative;min-width:0;min-height:0;overflow:hidden}.mev-p10-b-lane>.mev-p10-card{position:absolute;inset:0}

/* Initial construction: masks assemble left→right, no zoom. */
.mev-p10-b-lane>.is-initial{animation:p10-blade-build 980ms cubic-bezier(.22,.68,.2,1) both}.mev-p10-b-lane:nth-child(1)>.is-initial{animation-delay:80ms}.mev-p10-b-lane:nth-child(2)>.is-initial{animation-delay:160ms}.mev-p10-b-lane:nth-child(3)>.is-initial{animation-delay:240ms}.mev-p10-b-lane:nth-child(4)>.is-initial{animation-delay:320ms}.mev-p10-b-lane:nth-child(5)>.is-initial{animation-delay:400ms}.mev-p10-b-lane:nth-child(6)>.is-initial{animation-delay:480ms}@keyframes p10-blade-build{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}

/* Additional cases replace a blade through a vertical architectural wipe. */
.mev-p10-b-lane>.is-replacement{z-index:4;clip-path:inset(100% 0 0 0);transition:clip-path 1100ms cubic-bezier(.22,.68,.2,1)}.mev-p10-b-lane:nth-child(even)>.is-replacement{clip-path:inset(0 0 100% 0)}.mev-p10-b-lane>.is-replacement.is-active{clip-path:inset(0 0 0 0)}
.mev-p10-b-steps{position:relative;z-index:1;margin-top:calc(-1 * var(--mev-available-height,calc(100dvh - 150px)));pointer-events:none}.mev-p10-b-step{height:68svh}.mev-p10-b-step:first-child{margin-top:68svh}.mev-p10-b-step:last-child{height:40svh}

/* Desktop stress test may scroll, but the wall remains fixed while the cases relay through it. */
body.mev-p10-many{overflow-y:auto!important}.mev-p10-count-6 .mev-p10-b-shell{min-height:0}.mev-p10-count-6 .mev-p10-b-stage{position:relative;height:var(--mev-available-height,calc(100dvh - 150px));min-height:0}

/* B capacity comparison — 6 / 7 / 8 / 9 on one page. No relay, no hover motion. */
body.mev-p10-compare-mode{height:auto!important;min-height:100svh!important;overflow-y:auto!important;display:block!important;background:var(--p10-grey)!important}
body.mev-p10-compare-mode .mev-hero,body.mev-p10-compare-mode .mev-context-nav,body.mev-p10-compare-mode .site-footer{display:none!important}
body.mev-p10-compare-mode #page,body.mev-p10-compare-mode .site-content,body.mev-p10-compare-mode #primary,body.mev-p10-compare-mode #main,body.mev-p10-compare-mode article[id^="post-"],body.mev-p10-compare-mode .inside-article,body.mev-p10-compare-mode .entry-content{height:auto!important;min-height:0!important;overflow:visible!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.mev-p10-compare{background:var(--p10-grey);color:#000;padding:34px 0 70px}.mev-p10-compare *{box-sizing:border-box}.mev-p10-compare-head{width:min(1240px,calc(100% - 40px));margin:0 auto 34px}.mev-p10-compare-head h1{margin:8px 0 8px;font:400 clamp(2.8rem,5.5vw,6rem)/.9 'Karrik',sans-serif;letter-spacing:-.05em}.mev-p10-compare-head h1 span{color:var(--p10-red)}.mev-p10-compare-head>p:last-child{margin:0;max-width:720px;font:400 .92rem/1.45 'General Sans',sans-serif}.mev-p10-compare-block{width:100%;padding:24px 0 42px;border-top:1px solid var(--p10-red)}.mev-p10-compare-label{width:min(1240px,calc(100% - 40px));margin:0 auto 10px;display:flex;align-items:baseline;gap:12px}.mev-p10-compare-label strong{font:400 2rem/1 'Karrik',sans-serif}.mev-p10-compare-label span{font:600 9px/1.2 'General Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.mev-p10-compare-grid{width:100%;display:grid;grid-template-columns:repeat(var(--p10-compare-cols),minmax(0,1fr));gap:8px;padding:0 8px}.mev-p10-compare-grid .mev-p10-card{position:relative;height:min(68svh,680px);min-height:500px;overflow:hidden;background:#222}.mev-p10-compare-grid .mev-p10-card-link{position:absolute;inset:0}.mev-p10-compare-grid .mev-p10-card-img{transform:none!important;transition:none!important}.mev-p10-compare-grid .mev-p10-card-link:hover .mev-p10-card-img,.mev-p10-compare-grid .mev-p10-card-link:focus-visible .mev-p10-card-img{transform:none!important}.mev-p10-compare-grid .mev-p10-card-copy{left:10px;right:10px;bottom:12px;gap:4px}.mev-p10-compare-grid .mev-p10-card-angle{font-size:clamp(.85rem,1.45vw,1.9rem);line-height:.94}.mev-p10-compare-grid .mev-p10-card-name{font-size:8px}.mev-p10-compare-grid .mev-p10-card-num{width:27px;height:27px;font-size:9px}

/* Forced 390px mobile simulation. Mobile keeps the same editorial hierarchy, not the sticky relay. */
body.mev-p10-force-mobile{background:#191919!important;padding:18px 0!important}
body.mev-p10-force-mobile #site-navigation,body.mev-p10-force-mobile .mev-context-nav,body.mev-p10-force-mobile .mev-first-touch,body.mev-p10-force-mobile .mev-page-transition-stage,body.mev-p10-force-mobile .site-footer{display:none!important}
body.mev-p10-force-mobile #page{width:390px!important;max-width:calc(100vw - 24px)!important;margin:0 auto!important;background:var(--p10-grey)!important;box-shadow:0 0 0 1px #555,0 18px 60px rgba(0,0,0,.35)}
body.mev-p10-force-mobile .mev-p10-lab-switch{position:sticky;top:0;z-index:100;flex-wrap:wrap;gap:4px 8px;min-height:0;padding:5px 6px;font-size:7px}.mev-p10-force-mobile .mev-p10-lab-switch>strong{width:100%}.mev-p10-force-mobile .mev-p10-lab-group--count{margin-left:0}.mev-p10-force-mobile .mev-p10-lab-switch a{padding:3px 4px}
body.mev-p10-force-mobile .mev-p10{padding:8px;gap:6px}.mev-p10-force-mobile .mev-p10-head{display:block}.mev-p10-force-mobile .mev-p10-eyebrow{margin:0 0 4px;padding:.25rem .4rem;font-size:.48rem}.mev-p10-force-mobile .mev-p10-h1{font-size:1.8rem;line-height:.92}.mev-p10-force-mobile .mev-p10-intro{margin-top:5px;font-size:.66rem;line-height:1.35}
body.mev-p10-force-mobile .mev-p10-b-shell{min-height:0}.mev-p10-force-mobile .mev-p10-b-stage{position:relative;top:auto;height:auto;min-height:0}.mev-p10-force-mobile .mev-p10-b-grid{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:210px;gap:5px}.mev-p10-force-mobile .mev-p10-b-lane{display:contents}.mev-p10-force-mobile .mev-p10-b-lane>.mev-p10-card{position:relative;inset:auto;order:var(--p10-order);animation:none!important}.mev-p10-force-mobile.mev-p10-mobile-motion .mev-p10-b-lane>.mev-p10-card{clip-path:inset(0 100% 0 0);transition:clip-path 900ms cubic-bezier(.22,.68,.2,1)}.mev-p10-force-mobile.mev-p10-mobile-motion .mev-p10-b-lane>.mev-p10-card.is-mobile-visible{clip-path:inset(0 0 0 0)}.mev-p10-force-mobile .mev-p10-b-steps{display:none}.mev-p10-force-mobile .mev-p10-card-copy{left:8px;right:8px;bottom:8px;gap:2px}.mev-p10-force-mobile .mev-p10-card-angle{font-size:1rem;line-height:.92}.mev-p10-force-mobile .mev-p10-card-name{font-size:7px}.mev-p10-force-mobile .mev-p10-card-num{top:5px;left:5px;width:22px;height:22px;font-size:8px}.mev-p10-force-mobile .mev-p10-card-fake{top:5px;right:5px;font-size:6px;padding:3px 4px}

@media(max-width:1199px) and (min-width:768px){.mev-p10-b-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.mev-p10-b-lane>.mev-p10-card{position:absolute}.mev-p10-b-stage{min-height:620px}.mev-p10-card-angle{font-size:clamp(1rem,2.1vw,1.65rem)}}
@media(max-width:767px){body.mev-p10-lab{overflow-y:auto!important}.mev-p10-lab-switch{position:sticky;top:0;z-index:100;flex-wrap:wrap;font-size:7px}.mev-p10-lab-group--count{margin-left:0}.mev-p10{padding:7px}.mev-p10-head{display:block}.mev-p10-intro{display:none}.mev-p10-h1{font-size:clamp(1.45rem,8vw,2.1rem)}.mev-p10-b-shell{min-height:0}.mev-p10-b-stage{position:relative;top:auto;height:auto;min-height:0}.mev-p10-b-grid{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(190px,30svh);gap:5px}.mev-p10-b-lane{display:contents}.mev-p10-b-lane>.mev-p10-card{position:relative;inset:auto;order:var(--p10-order);animation:none!important}.mev-p10-mobile-motion .mev-p10-b-lane>.mev-p10-card{clip-path:inset(0 100% 0 0);transition:clip-path 900ms cubic-bezier(.22,.68,.2,1)}.mev-p10-mobile-motion .mev-p10-b-lane>.mev-p10-card.is-mobile-visible{clip-path:inset(0 0 0 0)}.mev-p10-b-steps{display:none}.mev-p10-card-copy{left:8px;right:8px;bottom:8px;gap:2px}.mev-p10-card-angle{font-size:clamp(.9rem,4.4vw,1.15rem)}.mev-p10-card-name{font-size:7px}.mev-p10-card-num{top:5px;left:5px;width:22px;height:22px;font-size:8px}.mev-p10-card-fake{top:5px;right:5px;font-size:6px;padding:3px 4px}}
/* Dedicated mobile laboratory — six native transpositions of B. */
body.mev-p10-mobile-lab-mode{height:auto!important;min-height:100svh!important;overflow-y:auto!important;background:#191919!important;padding:18px 0!important}
body.mev-p10-mobile-lab-mode #site-navigation,body.mev-p10-mobile-lab-mode .mev-context-nav,body.mev-p10-mobile-lab-mode .mev-first-touch,body.mev-p10-mobile-lab-mode .mev-page-transition-stage,body.mev-p10-mobile-lab-mode .site-footer{display:none!important}
body.mev-p10-mobile-lab-mode #page{width:390px!important;max-width:calc(100vw - 24px)!important;height:auto!important;min-height:844px!important;margin:0 auto!important;background:var(--p10-grey)!important;overflow:visible!important;box-shadow:0 0 0 1px #555,0 18px 60px rgba(0,0,0,.35)}
body.mev-p10-mobile-lab-mode .site-content,body.mev-p10-mobile-lab-mode #primary,body.mev-p10-mobile-lab-mode #main,body.mev-p10-mobile-lab-mode article[id^="post-"],body.mev-p10-mobile-lab-mode .inside-article,body.mev-p10-mobile-lab-mode .entry-content{height:auto!important;overflow:visible!important}
.mev-p10-mobile-switch{position:sticky;top:0;z-index:100;display:flex;flex-wrap:wrap;align-items:center;gap:4px 5px;padding:5px 6px;background:#000;color:#fff;font:600 7px/1.1 'General Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase}.mev-p10-mobile-switch>strong{width:100%;font-size:8px}.mev-p10-mobile-switch__modes,.mev-p10-mobile-switch__count{display:flex;flex-wrap:wrap;gap:2px}.mev-p10-mobile-switch__count{margin-left:auto;align-items:center}.mev-p10-mobile-switch__count>span{opacity:.5;margin-right:2px}.mev-p10-mobile-switch a{padding:3px 4px;border:1px solid #444;color:#fff!important;text-decoration:none!important;font-weight:400}.mev-p10-mobile-switch a[aria-current="page"]{border-color:var(--p10-red);background:var(--p10-red)}
.mev-p10-mobile-lab{padding:8px 7px 18px;background:var(--p10-grey);color:#000}.mev-p10-mobile-head{padding:7px 1px 7px}.mev-p10-mobile-head .mev-p10-eyebrow{margin-bottom:5px;padding:.24rem .38rem;font-size:.46rem}.mev-p10-mobile-head h1{margin:0;font:400 2rem/.9 'Karrik',sans-serif;letter-spacing:-.045em}.mev-p10-mobile-head h1 span{color:var(--p10-red)}.mev-p10-mobile-lab>.mev-p10-literary{max-width:none;margin:4px 1px 16px;justify-self:auto;font:400 .9rem/1.5 'General Sans',sans-serif}.mev-p10-mobile-lab>.mev-p10-literary p+p{margin-top:.85em}
.mev-p10-mobile-grid{display:grid;gap:5px}.mev-p10-mobile-card{position:relative;clip-path:inset(0 100% 0 0);transition:clip-path 920ms cubic-bezier(.22,.68,.2,1)}.mev-p10-mobile-card:nth-child(even){clip-path:inset(0 0 0 100%)}.mev-p10-mobile-card.is-mobile-visible{clip-path:inset(0 0 0 0)}.mev-p10-mobile-card .mev-p10-card-copy{left:8px;right:8px;bottom:8px;gap:2px}.mev-p10-mobile-card .mev-p10-card-angle{font-size:1rem;line-height:.92}.mev-p10-mobile-card .mev-p10-card-name{font-size:9px;line-height:1.18;letter-spacing:.04em;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mev-p10-mobile-card .mev-p10-card-num{top:5px;left:5px;width:22px;height:22px;font-size:8px}.mev-p10-mobile-card .mev-p10-card-fake{top:5px;right:5px;font-size:6px;padding:3px 4px}.mev-p10-mobile-card .mev-p10-card-img{transform:none!important;transition:none!important}
/* M1 — three narrow blades: closest mobile relative of desktop B. */
.mev-p10-mobile--m1 .mev-p10-mobile-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:245px}.mev-p10-mobile--m1 .mev-p10-card-angle{font-size:.92rem}.mev-p10-mobile--m1 .mev-p10-card-name{font-size:5.8px;letter-spacing:.05em}
/* M2 — two generous blades: more image, slower page. */
.mev-p10-mobile--m2 .mev-p10-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:275px}.mev-p10-mobile--m2 .mev-p10-card-angle{font-size:1.2rem}
/* M3 — two blades followed by a full-width punctuation. */
.mev-p10-mobile--m3 .mev-p10-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:220px}.mev-p10-mobile--m3 .mev-p10-mobile-card:nth-child(3n){grid-column:1/-1;height:165px}.mev-p10-mobile--m3 .mev-p10-mobile-card:nth-child(3n) .mev-p10-card-angle{font-size:1.35rem}
/* M4 — one strong opening, then paired blades. */
.mev-p10-mobile--m4 .mev-p10-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:230px}.mev-p10-mobile--m4 .mev-p10-mobile-card:first-child{grid-column:1/-1;height:300px}.mev-p10-mobile--m4 .mev-p10-mobile-card:first-child .mev-p10-card-angle{font-size:1.55rem}
/* M5 — full-width image bands. Mobile hierarchy mirrors the frozen desktop witness: Case Study name first, category second. */
.mev-p10-mobile--m5 .mev-p10-mobile-head .mev-p10-eyebrow{margin-bottom:12px}.mev-p10-mobile--m5>.mev-p10-literary p+p{margin-top:1.05em}.mev-p10-mobile--m5 .mev-p10-mobile-grid{grid-template-columns:1fr;grid-auto-rows:142px;gap:5px}.mev-p10-mobile--m5 .mev-p10-card-copy{left:12px;right:12px;bottom:10px;gap:3px}.mev-p10-mobile--m5 .mev-p10-card-angle{font:600 8px/1.18 'General Sans',sans-serif;letter-spacing:.07em;text-transform:uppercase;opacity:.82;color:#fff}.mev-p10-mobile--m5 .mev-p10-card-name{font:400 clamp(1.45rem,7.2vw,1.9rem)/.92 'Karrik',sans-serif;letter-spacing:-.025em;text-transform:none;opacity:1;color:#fff;white-space:normal;display:block;overflow:visible}.mev-p10-mobile--m5 .mev-p10-card-name-line{display:block;white-space:nowrap;max-width:100%}.mev-p10-mobile--m5 .mev-p10-card-num{display:none!important}.mev-p10-mobile--m5 .mev-p10-card-img{object-position:center 48%}.mev-p10-mobile--m5 .mev-p10-card--vianney .mev-p10-card-img{object-position:center 68%}
/* M6 — editorial split, alternating image and typographic field. */
.mev-p10-mobile--m6 .mev-p10-mobile-grid{grid-template-columns:1fr;grid-auto-rows:150px;gap:5px}.mev-p10-mobile--m6 .mev-p10-mobile-card{background:var(--p10-beige)}.mev-p10-mobile--m6 .mev-p10-card-link{display:grid;grid-template-columns:44% 56%;color:#000!important;background:var(--p10-beige)}.mev-p10-mobile--m6 .mev-p10-card-media{position:relative;grid-column:1;grid-row:1}.mev-p10-mobile--m6 .mev-p10-card-shade{display:none}.mev-p10-mobile--m6 .mev-p10-card-copy{position:relative;grid-column:2;grid-row:1;left:auto;right:auto;bottom:auto;justify-content:flex-end;padding:12px 10px;color:#000;background:var(--p10-beige)}.mev-p10-mobile--m6 .mev-p10-card-angle{font-size:1.55rem;color:#000}.mev-p10-mobile--m6 .mev-p10-card-name{font-size:6.5px;color:#000;opacity:.65}.mev-p10-mobile--m6 .mev-p10-mobile-card:nth-child(even) .mev-p10-card-link{grid-template-columns:56% 44%}.mev-p10-mobile--m6 .mev-p10-mobile-card:nth-child(even) .mev-p10-card-media{grid-column:2}.mev-p10-mobile--m6 .mev-p10-mobile-card:nth-child(even) .mev-p10-card-copy{grid-column:1;background:var(--p10-grey)}.mev-p10-mobile--m6 .mev-p10-card-num{background:var(--p10-red);color:#fff}.mev-p10-mobile--m6 .mev-p10-card-fake{background:#000;color:#fff}
/* M7 — radical typographic thresholds; photography is revealed as a narrow architectural slice. */
.mev-p10-mobile--m7 .mev-p10-mobile-grid{grid-template-columns:1fr;grid-auto-rows:138px;gap:5px}.mev-p10-mobile--m7 .mev-p10-mobile-card{background:var(--p10-beige)}.mev-p10-mobile--m7 .mev-p10-card-link{display:grid;grid-template-columns:72% 28%;background:var(--p10-beige);color:#000!important;overflow:hidden}.mev-p10-mobile--m7 .mev-p10-card-media{position:relative;grid-column:2;grid-row:1;clip-path:inset(0 100% 0 0);transition:clip-path 1050ms cubic-bezier(.22,.68,.2,1)}.mev-p10-mobile--m7 .mev-p10-mobile-card.is-mobile-visible .mev-p10-card-media{clip-path:inset(0)}.mev-p10-mobile--m7 .mev-p10-card-shade{display:none}.mev-p10-mobile--m7 .mev-p10-card-copy{position:relative;grid-column:1;grid-row:1;left:auto;right:auto;bottom:auto;justify-content:flex-end;padding:12px 12px 10px;color:#000}.mev-p10-mobile--m7 .mev-p10-card-angle{font:400 2.05rem/.82 'Karrik',sans-serif;letter-spacing:-.055em;color:#000;max-width:7ch}.mev-p10-mobile--m7 .mev-p10-card-name{font-size:7px;color:#000;opacity:.55;margin-top:5px}.mev-p10-mobile--m7 .mev-p10-mobile-card:nth-child(even) .mev-p10-card-link{grid-template-columns:28% 72%;background:#000;color:#fff!important}.mev-p10-mobile--m7 .mev-p10-mobile-card:nth-child(even) .mev-p10-card-media{grid-column:1}.mev-p10-mobile--m7 .mev-p10-mobile-card:nth-child(even) .mev-p10-card-copy{grid-column:2;color:#fff}.mev-p10-mobile--m7 .mev-p10-mobile-card:nth-child(even) .mev-p10-card-angle,.mev-p10-mobile--m7 .mev-p10-mobile-card:nth-child(even) .mev-p10-card-name{color:#fff}.mev-p10-mobile--m7 .mev-p10-card-num{display:none}
/* M8 — hybrid: one full-width threshold, a pair, a landscape punctuation, then pairs again. */
.mev-p10-mobile--m8 .mev-p10-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:225px;gap:5px}.mev-p10-mobile--m8 .mev-p10-mobile-card:first-child{grid-column:1/-1;height:285px}.mev-p10-mobile--m8 .mev-p10-mobile-card:nth-child(4){grid-column:1/-1;height:165px}.mev-p10-mobile--m8 .mev-p10-mobile-card:first-child .mev-p10-card-angle{font-size:1.65rem}.mev-p10-mobile--m8 .mev-p10-mobile-card:nth-child(4) .mev-p10-card-angle{font-size:1.4rem}.mev-p10-mobile--m8 .mev-p10-card-angle{font-size:1.08rem}.mev-p10-mobile--m8 .mev-p10-card-name{font-size:8px}
/* LOCKED mechanics — desktop B = 6–9 blades on one row; mobile M2 = pairs, odd last card landscape. */
.mev-p10-lab-switch{flex-wrap:wrap}.mev-p10-lab-group--view{margin-left:auto}.mev-p10--b .mev-p10-b-shell{min-height:0}.mev-p10--b .mev-p10-b-stage{position:relative;top:auto;height:var(--mev-available-height,100dvh);min-height:0}.mev-p10--b .mev-p10-b-grid{grid-template-columns:repeat(var(--p10-cols),minmax(0,1fr));grid-template-rows:1fr}.mev-p10--b .mev-p10-b-grid>.mev-p10-card{position:relative;height:100%}

/* MOBILE MOTION LAB — geometry is frozen M2. Only construction / touch behaviour changes. */
.mev-p10-mobile--t1 .mev-p10-mobile-grid,.mev-p10-mobile--t2 .mev-p10-mobile-grid,.mev-p10-mobile--t3 .mev-p10-mobile-grid,.mev-p10-mobile--t4 .mev-p10-mobile-grid,.mev-p10-mobile--t5 .mev-p10-mobile-grid,.mev-p10-mobile--t6 .mev-p10-mobile-grid{display:flex;flex-direction:column;gap:5px}
.mev-p10-mobile-row{display:flex;gap:5px;width:100%;height:275px;min-height:275px;overflow:hidden}
.mev-p10-mobile-row>.mev-p10-mobile-card{flex:1 1 0;height:100%;min-width:0;clip-path:none;opacity:1;transition:none}
.mev-p10-mobile-row.is-odd-last{height:172px;min-height:172px}.mev-p10-mobile-row.is-odd-last>.mev-p10-mobile-card{flex:1 1 100%}
.mev-p10-mobile--t1 .mev-p10-card-angle,.mev-p10-mobile--t2 .mev-p10-card-angle,.mev-p10-mobile--t3 .mev-p10-card-angle,.mev-p10-mobile--t4 .mev-p10-card-angle,.mev-p10-mobile--t5 .mev-p10-card-angle,.mev-p10-mobile--t6 .mev-p10-card-angle{font-size:1.2rem;line-height:.92;white-space:nowrap;text-wrap:nowrap;transition:color 320ms ease}
.mev-p10-mobile-row.is-odd-last .mev-p10-card-angle{font-size:1.4rem}
.mev-p10-mobile--t1 .mev-p10-card-num,.mev-p10-mobile--t2 .mev-p10-card-num,.mev-p10-mobile--t3 .mev-p10-card-num,.mev-p10-mobile--t4 .mev-p10-card-num,.mev-p10-mobile--t5 .mev-p10-card-num,.mev-p10-mobile--t6 .mev-p10-card-num{display:none!important}

/* T1 — C2 pur: every card builds left→right. */
.mev-p10-mobile--t1 .mev-p10-mobile-card{clip-path:inset(0 100% 0 0);transition:clip-path 920ms cubic-bezier(.22,.68,.2,1)}
.mev-p10-mobile--t1 .mev-p10-mobile-card.is-mobile-visible{clip-path:inset(0)}
/* T2 — same direction, second card of each pair follows 140ms later. */
.mev-p10-mobile--t2 .mev-p10-mobile-card,.mev-p10-mobile--t5 .mev-p10-mobile-card,.mev-p10-mobile--t6 .mev-p10-mobile-card{clip-path:inset(0 100% 0 0);transition:clip-path 920ms cubic-bezier(.22,.68,.2,1),flex-grow 520ms cubic-bezier(.22,.68,.2,1),opacity 420ms ease}
.mev-p10-mobile--t2 .mev-p10-mobile-card.is-mobile-visible,.mev-p10-mobile--t5 .mev-p10-mobile-card.is-mobile-visible,.mev-p10-mobile--t6 .mev-p10-mobile-card.is-mobile-visible{clip-path:inset(0)}
/* T3 — paired shutters open away from the centre axis. */
.mev-p10-mobile--t3 .mev-p10-mobile-row>.mev-p10-mobile-card:first-child{clip-path:inset(0 0 0 100%);transition:clip-path 960ms cubic-bezier(.22,.68,.2,1)}
.mev-p10-mobile--t3 .mev-p10-mobile-row>.mev-p10-mobile-card:last-child{clip-path:inset(0 100% 0 0);transition:clip-path 960ms cubic-bezier(.22,.68,.2,1)}
.mev-p10-mobile--t3 .mev-p10-mobile-card.is-mobile-visible{clip-path:inset(0)}
.mev-p10-mobile--t3 .mev-p10-mobile-row.is-odd-last>.mev-p10-mobile-card{clip-path:inset(0 50%)}.mev-p10-mobile--t3 .mev-p10-mobile-row.is-odd-last>.mev-p10-mobile-card.is-mobile-visible{clip-path:inset(0)}
.mev-p10-mobile--t6 .mev-p10-card-link{-webkit-touch-callout:none;user-select:none}
/* T4 — Breath only. */
.mev-p10-mobile--t4 .mev-p10-mobile-card{opacity:0;transition:opacity 1150ms cubic-bezier(.22,.68,.2,1)}.mev-p10-mobile--t4 .mev-p10-mobile-card.is-mobile-visible{opacity:1}
/* T5/T6 — same M2 row can temporarily open one card without moving other rows. */
.mev-p10-mobile--t5 .mev-p10-mobile-row,.mev-p10-mobile--t6 .mev-p10-mobile-row{overflow:hidden}
.mev-p10-mobile--t5 .mev-p10-mobile-row>.mev-p10-mobile-card,.mev-p10-mobile--t6 .mev-p10-mobile-row>.mev-p10-mobile-card{flex-grow:1}
.mev-p10-mobile--t5 .mev-p10-mobile-row.is-tap-open>.mev-p10-mobile-card.is-tap-open,.mev-p10-mobile--t6 .mev-p10-mobile-row.is-press-open>.mev-p10-mobile-card.is-press-open{flex-grow:3.2;z-index:4}
.mev-p10-mobile--t5 .mev-p10-mobile-row.is-tap-open>.mev-p10-mobile-card:not(.is-tap-open),.mev-p10-mobile--t6 .mev-p10-mobile-row.is-press-open>.mev-p10-mobile-card:not(.is-press-open){flex-grow:.18;opacity:.36}
.mev-p10-mobile--t5 .mev-p10-mobile-card.is-tap-open .mev-p10-card-angle,.mev-p10-mobile--t6 .mev-p10-mobile-card.is-press-open .mev-p10-card-angle{color:var(--p10-red)}
.mev-p10-mobile--t5 .mev-p10-mobile-row.is-odd-last>.mev-p10-mobile-card.is-tap-open,.mev-p10-mobile--t6 .mev-p10-mobile-row.is-odd-last>.mev-p10-mobile-card.is-press-open{flex-grow:1}

/* L1/L2 — red construction rules, same grammar as the rest of MEV but lighter on P10. */
.mev-p10-mobile-switch__lines{display:flex;flex-wrap:wrap;gap:2px;align-items:center}.mev-p10-mobile-switch__lines>span{opacity:.5;margin-right:2px}
.mev-p10-mobile-rule{position:relative;width:100%;height:13px;overflow:hidden;flex:0 0 auto}.mev-p10-mobile-rule span{position:absolute;left:0;right:0;top:6px;height:1px;background:var(--p10-red);transform:scaleX(0);transition:transform 1080ms cubic-bezier(.22,.68,.2,1);will-change:transform}.mev-p10-mobile-rule--ltr span{transform-origin:left center}.mev-p10-mobile-rule--rtl span{transform-origin:right center}.mev-p10-mobile-rule.is-mobile-rule-visible span{transform:scaleX(1)}
.mev-p10-lines--l1 .mev-p10-mobile-rule:first-child{margin-bottom:1px}.mev-p10-lines--l1 .mev-p10-mobile-rule.is-final{margin-top:1px}
.mev-p10-lines--l2 .mev-p10-mobile-grid{gap:0}.mev-p10-lines--l2 .mev-p10-mobile-row{margin-bottom:5px}.mev-p10-lines--l2 .mev-p10-mobile-rule{height:15px}.mev-p10-lines--l2 .mev-p10-mobile-rule span{top:7px}

/* X1/X2 — fine black cross construction. The vertical separator grows from its centre; the horizontal rule grows centre→edges in the inter-row gap. */
.mev-p10-lines--x1 .mev-p10-mobile-grid,.mev-p10-lines--x2 .mev-p10-mobile-grid{gap:0}
.mev-p10-lines--x1 .mev-p10-mobile-row,.mev-p10-lines--x2 .mev-p10-mobile-row{position:relative;margin:0 0 7px;overflow:visible}
.mev-p10-lines--x1 .mev-p10-mobile-row:not(.is-odd-last)::before,.mev-p10-lines--x2 .mev-p10-mobile-row:not(.is-odd-last)::before{content:"";position:absolute;z-index:9;left:50%;top:0;width:1px;height:100%;background:#000;transform:scaleY(0);transform-origin:center center;transition:transform 980ms cubic-bezier(.22,.68,.2,1);pointer-events:none}
.mev-p10-lines--x1 .mev-p10-mobile-row:not(:last-child)::after,.mev-p10-lines--x2 .mev-p10-mobile-row:not(:last-child)::after{content:"";position:absolute;z-index:9;left:0;bottom:-4px;width:100%;height:1px;background:#000;transform:scaleX(0);transform-origin:center center;transition:transform 980ms cubic-bezier(.22,.68,.2,1) 120ms;pointer-events:none}
.mev-p10-lines--x1 .mev-p10-mobile-row.is-cross-visible::before,.mev-p10-lines--x1 .mev-p10-mobile-row.is-cross-visible::after,.mev-p10-lines--x2 .mev-p10-mobile-row.is-cross-visible::before,.mev-p10-lines--x2 .mev-p10-mobile-row.is-cross-visible::after{transform:scale(1)}
.mev-p10-lines--x2 .mev-p10-mobile-row:not(:last-child)::after{left:7%;width:86%}
.mev-p10-lines--x2 .mev-p10-mobile-row:not(.is-odd-last)::before{top:7%;height:86%}

/* DETAIL LAB — same geometry, six treatments. */
body.mev-p10-detail-d1 .mev-p10--b .mev-p10-card-num{display:none}
body.mev-p10-detail-d2 .mev-p10--b .mev-p10-card-num{display:block;width:auto;height:auto;background:none;color:var(--p10-red);font:600 9px/1 'General Sans',sans-serif;letter-spacing:.08em}
body.mev-p10-detail-d3 .mev-p10--b .mev-p10-card-num{display:none}body.mev-p10-detail-d3 .mev-p10--b .mev-p10-card:before{content:"";position:absolute;z-index:5;top:10px;left:10px;width:22px;height:2px;background:var(--p10-red)}
body.mev-p10-detail-d4 .mev-p10--b .mev-p10-card-num{display:none}body.mev-p10-detail-d4 .mev-p10--b .mev-p10-card-angle{color:var(--p10-red);text-shadow:0 1px 8px rgba(0,0,0,.5)}
body.mev-p10-detail-d5 .mev-p10--b .mev-p10-card-num{display:none}body.mev-p10-detail-d5 .mev-p10--b .mev-p10-card-copy{left:0;right:0;bottom:0;padding:11px 10px 12px;background:rgba(249,249,239,.94);color:#000}body.mev-p10-detail-d5 .mev-p10--b .mev-p10-card-angle,body.mev-p10-detail-d5 .mev-p10--b .mev-p10-card-name{color:#000;text-shadow:none}body.mev-p10-detail-d5 .mev-p10--b .mev-p10-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18))}
body.mev-p10-detail-d6 .mev-p10--b .mev-p10-card-num{display:block;width:auto;height:auto;background:none;color:rgba(255,255,255,.42);font:400 clamp(2.6rem,4vw,5.2rem)/.8 'Karrik',sans-serif;letter-spacing:-.06em;top:8px;left:8px}

/* CONSTRUCTION LAB — no image zoom; only the way the wall assembles changes. */
.mev-p10--b .mev-p10-card{animation-duration:980ms;animation-timing-function:cubic-bezier(.22,.68,.2,1);animation-fill-mode:both}.mev-p10--b .mev-p10-card:nth-child(1){animation-delay:60ms}.mev-p10--b .mev-p10-card:nth-child(2){animation-delay:140ms}.mev-p10--b .mev-p10-card:nth-child(3){animation-delay:220ms}.mev-p10--b .mev-p10-card:nth-child(4){animation-delay:300ms}.mev-p10--b .mev-p10-card:nth-child(5){animation-delay:380ms}.mev-p10--b .mev-p10-card:nth-child(6){animation-delay:460ms}.mev-p10--b .mev-p10-card:nth-child(7){animation-delay:540ms}.mev-p10--b .mev-p10-card:nth-child(8){animation-delay:620ms}.mev-p10--b .mev-p10-card:nth-child(9){animation-delay:700ms}
body.mev-p10-build-c1 .mev-p10--b .mev-p10-card{animation-name:p10-build-left}body.mev-p10-build-c1 .mev-p10--b .mev-p10-card:nth-child(even){animation-name:p10-build-right}
body.mev-p10-build-c2 .mev-p10--b .mev-p10-card{animation-name:p10-build-left}
body.mev-p10-build-c3 .mev-p10--b .mev-p10-card{animation-name:p10-build-centre}
body.mev-p10-build-c4 .mev-p10--b .mev-p10-card{animation-name:p10-build-top}body.mev-p10-build-c4 .mev-p10--b .mev-p10-card:nth-child(even){animation-name:p10-build-bottom}
body.mev-p10-build-c5 .mev-p10--b .mev-p10-card{animation-name:p10-build-breath;animation-duration:1200ms}
body.mev-p10-build-c6 .mev-p10--b .mev-p10-card{animation-name:p10-build-cut;animation-duration:1ms;animation-timing-function:steps(1,end)}
@keyframes p10-build-left{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes p10-build-right{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes p10-build-centre{from{clip-path:inset(0 50%)}to{clip-path:inset(0)}}@keyframes p10-build-top{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes p10-build-bottom{from{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes p10-build-breath{from{opacity:0}to{opacity:1}}@keyframes p10-build-cut{from{visibility:hidden}to{visibility:visible}}

/* HOVER LAB — D1 at rest, D4 accent on activation, no image zoom. Desktop only. */
body.mev-p10-hover-h1{--p10-hover-grow:1.75}body.mev-p10-hover-h2{--p10-hover-grow:2.45}body.mev-p10-hover-h3{--p10-hover-grow:3.2}body.mev-p10-hover-h4{--p10-hover-grow:3.2}
@media(min-width:1200px){
 body.mev-p10-lab-b:not(.mev-p10-mobile-lab-mode) .mev-p10--b .mev-p10-b-grid{display:flex;grid-template-columns:none;align-items:stretch}
 body.mev-p10-lab-b:not(.mev-p10-mobile-lab-mode) .mev-p10--b .mev-p10-card{flex:1 1 0;min-width:0;transition:flex-grow 820ms cubic-bezier(.22,.68,.2,1),flex-basis 820ms cubic-bezier(.22,.68,.2,1)}
 body.mev-p10-lab-b:not(.mev-p10-mobile-lab-mode):not(.mev-p10-hover-h4) .mev-p10--b .mev-p10-card:hover,body.mev-p10-lab-b:not(.mev-p10-mobile-lab-mode):not(.mev-p10-hover-h4) .mev-p10--b .mev-p10-card:focus-within{flex-grow:var(--p10-hover-grow)}
 body.mev-p10-hover-h4.mev-p10-lab-b:not(.mev-p10-mobile-lab-mode) .mev-p10--b .mev-p10-card.is-h4-active{flex-grow:var(--p10-hover-grow)}
 body.mev-p10-lab-b:not(.mev-p10-mobile-lab-mode).mev-p10-detail-d1 .mev-p10--b .mev-p10-card-angle{color:#fff;white-space:nowrap;text-wrap:nowrap;transition:color 420ms ease}
 body.mev-p10-lab-b:not(.mev-p10-mobile-lab-mode).mev-p10-detail-d1 .mev-p10--b .mev-p10-card:hover .mev-p10-card-shade,body.mev-p10-lab-b:not(.mev-p10-mobile-lab-mode).mev-p10-detail-d1 .mev-p10--b .mev-p10-card:focus-within .mev-p10-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.02) 20%,rgba(0,0,0,.72) 100%)}
 body.mev-p10-lab-b:not(.mev-p10-mobile-lab-mode) .mev-p10--b .mev-p10-card-img{transform:none!important;transition:none!important}
}

/* 16/09 — MOBILE X1/X2 V2: slower image reveal, then black construction lines in a delayed sequence. */
.mev-p10-lines--x1.mev-p10-mobile--t5 .mev-p10-mobile-card,.mev-p10-lines--x2.mev-p10-mobile--t5 .mev-p10-mobile-card{transition:clip-path 1350ms cubic-bezier(.22,.68,.2,1),flex-grow 520ms cubic-bezier(.22,.68,.2,1),opacity 420ms ease}
.mev-p10-lines--x1 .mev-p10-mobile-row,.mev-p10-lines--x2 .mev-p10-mobile-row{overflow:hidden}
.mev-p10-lines--x1 .mev-p10-mobile-row:not(.is-odd-last)::before,.mev-p10-lines--x2 .mev-p10-mobile-row:not(.is-odd-last)::before{transition:transform 560ms cubic-bezier(.22,.68,.2,1),opacity 220ms ease}
.mev-p10-lines--x1 .mev-p10-mobile-row::after,.mev-p10-lines--x2 .mev-p10-mobile-row::after{content:none!important;display:none!important}
.mev-p10-lines--x1 .mev-p10-mobile-row.is-tap-open::before,.mev-p10-lines--x2 .mev-p10-mobile-row.is-tap-open::before{opacity:0}
.mev-p10-mobile-cross-h{position:relative;width:100%;height:9px;overflow:hidden;flex:0 0 auto}
.mev-p10-mobile-cross-h span{position:absolute;left:0;right:0;top:4px;height:1px;background:#000;transform:scaleX(0);transform-origin:center center;transition:transform 620ms cubic-bezier(.22,.68,.2,1);will-change:transform}
.mev-p10-lines--x2 .mev-p10-mobile-cross-h span{left:7%;right:7%}
.mev-p10-mobile-cross-h.is-cross-h-visible span{transform:scaleX(1)}

/* 16/09 — DESKTOP STRUCTURE LAB. C2 + D1 + H3 remain untouched; only black construction structure varies. */
.mev-p10-desktop-rule,.mev-p10-desktop-mid{display:none}
@media(min-width:1200px){
  .mev-p10-dlines--dx1 .mev-p10-desktop-rule,.mev-p10-dlines--dx2 .mev-p10-desktop-rule,.mev-p10-dlines--dx3 .mev-p10-desktop-rule{display:block;position:relative;width:100%;height:10px;overflow:hidden}
  .mev-p10-dlines--dx1 .mev-p10-desktop-rule span,.mev-p10-dlines--dx2 .mev-p10-desktop-rule span,.mev-p10-dlines--dx3 .mev-p10-desktop-rule span{position:absolute;left:0;right:0;top:4px;height:1px;background:#000;transform:scaleX(0);transform-origin:left center;animation:p10-dx-rule 900ms cubic-bezier(.22,.68,.2,1) forwards}
  .mev-p10-dlines--dx1 .mev-p10-desktop-rule--bottom span,.mev-p10-dlines--dx2 .mev-p10-desktop-rule--bottom span{transform-origin:right center;animation-delay:1750ms}
  .mev-p10-dlines--dx3 .mev-p10-desktop-rule--top span{right:auto;width:22%;animation-duration:760ms}
  .mev-p10-dlines--dx3 .mev-p10-desktop-rule--bottom{display:none}

  .mev-p10-dlines--dx1 .mev-p10-b-grid>.mev-p10-card:not(:first-child)::after,.mev-p10-dlines--dx2 .mev-p10-b-grid>.mev-p10-card:not(:first-child)::after,.mev-p10-dlines--dx3 .mev-p10-b-grid>.mev-p10-card:not(:first-child)::after{content:"";position:absolute;z-index:7;left:0;top:0;width:1px;height:100%;background:#000;transform:scaleY(0);transform-origin:center center;animation:p10-dx-vertical 560ms cubic-bezier(.22,.68,.2,1) 1320ms forwards;pointer-events:none}

  .mev-p10-dlines--dx2 .mev-p10-desktop-mid{display:block;position:absolute;z-index:6;left:0;right:0;top:50%;height:1px;pointer-events:none}
  .mev-p10-dlines--dx2 .mev-p10-desktop-mid span{display:block;width:100%;height:1px;background:rgba(0,0,0,.72);transform:scaleX(0);transform-origin:center center;animation:p10-dx-mid 760ms cubic-bezier(.22,.68,.2,1) 1580ms forwards}
  .mev-p10-dlines--dx2 .mev-p10-card{z-index:5}

  .mev-p10-dlines--dx1 .mev-p10--b .mev-p10-card:nth-child(1),.mev-p10-dlines--dx2 .mev-p10--b .mev-p10-card:nth-child(1),.mev-p10-dlines--dx3 .mev-p10--b .mev-p10-card:nth-child(1){animation-delay:320ms}
  .mev-p10-dlines--dx1 .mev-p10--b .mev-p10-card:nth-child(2),.mev-p10-dlines--dx2 .mev-p10--b .mev-p10-card:nth-child(2),.mev-p10-dlines--dx3 .mev-p10--b .mev-p10-card:nth-child(2){animation-delay:400ms}
  .mev-p10-dlines--dx1 .mev-p10--b .mev-p10-card:nth-child(3),.mev-p10-dlines--dx2 .mev-p10--b .mev-p10-card:nth-child(3),.mev-p10-dlines--dx3 .mev-p10--b .mev-p10-card:nth-child(3){animation-delay:480ms}
  .mev-p10-dlines--dx1 .mev-p10--b .mev-p10-card:nth-child(4),.mev-p10-dlines--dx2 .mev-p10--b .mev-p10-card:nth-child(4),.mev-p10-dlines--dx3 .mev-p10--b .mev-p10-card:nth-child(4){animation-delay:560ms}
  .mev-p10-dlines--dx1 .mev-p10--b .mev-p10-card:nth-child(5),.mev-p10-dlines--dx2 .mev-p10--b .mev-p10-card:nth-child(5),.mev-p10-dlines--dx3 .mev-p10--b .mev-p10-card:nth-child(5){animation-delay:640ms}
  .mev-p10-dlines--dx1 .mev-p10--b .mev-p10-card:nth-child(6),.mev-p10-dlines--dx2 .mev-p10--b .mev-p10-card:nth-child(6),.mev-p10-dlines--dx3 .mev-p10--b .mev-p10-card:nth-child(6){animation-delay:720ms}
  .mev-p10-dlines--dx1 .mev-p10--b .mev-p10-card:nth-child(7),.mev-p10-dlines--dx2 .mev-p10--b .mev-p10-card:nth-child(7),.mev-p10-dlines--dx3 .mev-p10--b .mev-p10-card:nth-child(7){animation-delay:800ms}
  .mev-p10-dlines--dx1 .mev-p10--b .mev-p10-card:nth-child(8),.mev-p10-dlines--dx2 .mev-p10--b .mev-p10-card:nth-child(8),.mev-p10-dlines--dx3 .mev-p10--b .mev-p10-card:nth-child(8){animation-delay:880ms}
  .mev-p10-dlines--dx1 .mev-p10--b .mev-p10-card:nth-child(9),.mev-p10-dlines--dx2 .mev-p10--b .mev-p10-card:nth-child(9),.mev-p10-dlines--dx3 .mev-p10--b .mev-p10-card:nth-child(9){animation-delay:960ms}
}
@keyframes p10-dx-rule{to{transform:scaleX(1)}}
@keyframes p10-dx-vertical{to{transform:scaleY(1)}}
@keyframes p10-dx-mid{to{transform:scaleX(1)}}

/* 16/09 — P10 INTRO COMPOSITION LAB. Same frozen copy, five radically different placements. */
.mev-p10-intro-scene{box-sizing:border-box}
.mev-p10-intro-scene p,.mev-p10-text-blade p{margin:0;font-family:'General Sans',sans-serif;font-weight:400;color:#000}
.mev-p10-intro-scene .mev-p10-literary p+ p,.mev-p10-text-blade p+p{margin-top:1.15em}
@media(min-width:1200px){
  .mev-p10-intro-scene{width:min(1240px,calc(100vw - 2 * var(--p10-pad)));margin-left:auto;margin-right:auto}
  .mev-p10-intro-scene p{font-size:clamp(.98rem,1.06vw,1.18rem);line-height:1.48;letter-spacing:-.01em}

  /* I1 — Seuil: no second title; one quiet literary threshold before the wall. */
  .mev-p10-intro--i1 .mev-p10-intro-scene--i1{padding:58px 0 48px}
  .mev-p10-intro--i1 .mev-p10-literary{width:min(760px,66vw);margin:0 auto}
  .mev-p10-intro--i1 .mev-p10-literary p:first-child{font-size:clamp(1.12rem,1.28vw,1.38rem);line-height:1.48}
  .mev-p10-intro--i1 .mev-p10-literary p:last-child{width:86%;margin-left:auto;font-size:clamp(.9rem,.98vw,1.06rem);line-height:1.5}

  /* I2 — Diptych: two textual functions occupy two different places and heights. */
  .mev-p10-intro--i2 .mev-p10-intro-scene--i2{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(80px,10vw,170px);padding:56px 0 64px;align-items:start}
  .mev-p10-intro--i2 .mev-p10-intro-p1{max-width:610px;font-size:clamp(1.16rem,1.34vw,1.48rem);line-height:1.46}
  .mev-p10-intro--i2 .mev-p10-intro-p2{max-width:470px;margin-top:108px;font-size:clamp(.9rem,.98vw,1.06rem);line-height:1.52}

  /* I4 — Edge of wall: an unboxed editorial field physically overlaps the image wall. */
  .mev-p10-intro--i4 .mev-p10-intro-scene--i4{position:relative;z-index:8;padding:46px 0 0;pointer-events:none}
  .mev-p10-intro--i4 .mev-p10-intro-scene--i4 .mev-p10-literary{width:min(650px,52vw);margin-left:clamp(42px,7vw,120px);padding:30px 34px 34px;background:var(--p10-beige)}
  .mev-p10-intro--i4 .mev-p10-intro-scene--i4 .mev-p10-literary p:first-child{font-size:clamp(1.06rem,1.18vw,1.28rem)}
  .mev-p10-intro--i4 .mev-p10-b-shell{margin-top:-52px;padding-top:52px}

  /* I6 — Typographic blade: the literary voice belongs to the wall itself. */
  .mev-p10-intro--i6 .mev-p10-b-shell{margin-top:38px}
  .mev-p10-intro--i6 .mev-p10-card--text{flex:2.55 1 0!important;background:var(--p10-beige)!important;overflow:hidden;pointer-events:none}
  .mev-p10-intro--i6 .mev-p10-card--text:hover{flex-grow:2.55!important}
  .mev-p10-text-blade{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,1.8vw,30px);background:var(--p10-beige);color:#000}
  .mev-p10-text-blade p:first-child{font-size:clamp(.94rem,1.02vw,1.12rem);line-height:1.48}
  .mev-p10-text-blade p:last-child{font-size:clamp(.74rem,.82vw,.9rem);line-height:1.5;opacity:.72}

  /* I7 — Curtain: a broad editorial field sits in front of the wall; scrolling lets the wall emerge underneath. */
  .mev-p10-intro--i7{overflow:visible}
  .mev-p10-intro--i7 .mev-p10-intro-scene--i7{position:relative;z-index:10;display:grid;place-items:center;min-height:54vh;padding:64px 0 110px;background:var(--p10-beige)}
  .mev-p10-intro--i7 .mev-p10-literary{width:min(780px,62vw)}
  .mev-p10-intro--i7 .mev-p10-literary p:first-child{font-size:clamp(1.2rem,1.42vw,1.55rem);line-height:1.46}
  .mev-p10-intro--i7 .mev-p10-literary p:last-child{width:74%;margin-left:auto;font-size:clamp(.86rem,.94vw,1.02rem);line-height:1.52}
  .mev-p10-intro--i7 .mev-p10-curtain-cue{position:absolute;left:50%;bottom:30px;width:1px;height:44px;background:#000;opacity:.35}
  .mev-p10-intro--i7 .mev-p10-b-shell{position:relative;z-index:2;margin-top:-16vh;padding-top:16vh}
}

/* 16/09 — P10 NARRATIVE LAB A–F. The lab controls are moved out of the composition. */
body.mev-p10-lab .mev-p10-lab-switch{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:99999;max-height:76px;overflow:auto;box-shadow:0 -1px 0 rgba(255,255,255,.15)}
body.mev-p10-lab .mev-p10{padding-bottom:86px}
.mev-p10-narrative,.mev-p10-after{box-sizing:border-box;color:#000;font-family:'General Sans',sans-serif}
.mev-p10-narrative p,.mev-p10-after p{margin:0;text-wrap:pretty}
.mev-p10-after{width:min(1240px,calc(100% - 56px));margin:0 auto;padding:44px 0 74px}
.mev-p10-after p{max-width:760px;font:400 clamp(.95rem,1.12vw,1.13rem)/1.55 'General Sans',sans-serif}
.mev-p10-after p+p{margin-top:18px}

@media(min-width:1200px){
  /* A — the copy behaves as the lower register of the Hero. */
  .mev-p10-intro--a{padding-top:0!important}
  .mev-p10-narrative--a{width:min(1240px,calc(100% - 56px));margin:-34px auto 30px;padding:0 0 6px;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(380px,.72fr);gap:70px;align-items:end;position:relative;z-index:10}
  .mev-p10-narrative--a p:first-child{grid-column:1;max-width:760px;font:400 clamp(1.12rem,1.35vw,1.38rem)/1.46 'General Sans',sans-serif}
  .mev-p10-narrative--a p:last-child{grid-column:2;max-width:440px;font:400 .92rem/1.5 'General Sans',sans-serif;opacity:.78}

  /* B — opening paragraph under the Hero, invitation only after the proof wall. */
  .mev-p10-intro--b{padding-top:0!important}
  .mev-p10-narrative--b{width:min(1240px,calc(100% - 56px));margin:-24px auto 34px;padding:0}
  .mev-p10-narrative--b p{max-width:800px;font:400 clamp(1.18rem,1.48vw,1.48rem)/1.46 'General Sans',sans-serif}
  .mev-p10-after--b{display:flex;justify-content:flex-end}
  .mev-p10-after--b p{max-width:620px;font-size:1.05rem}

  /* C — the Hero changes register while scrolling: the proposition yields to the opening paragraph. */
  .mev-p10-intro--c{padding-top:0!important}
  .mev-p10-narrative--c{height:230px;margin-top:-116px;position:relative;z-index:18;pointer-events:none}
  .mev-p10-narrative-c-inner{position:sticky;top:110px;width:min(1240px,calc(100% - 56px));margin:0 auto;display:flex;justify-content:flex-end}
  .mev-p10-narrative--c p{width:min(660px,48vw);font:400 clamp(1.05rem,1.35vw,1.34rem)/1.48 'General Sans',sans-serif;opacity:0;transform:translateY(12px);transition:opacity 520ms ease,transform 680ms cubic-bezier(.22,.68,.2,1)}
  body.mev-p10-c-active .mev-p10-narrative--c p{opacity:1;transform:none}
  body.mev-p10-c-active .mev-hero__eq-name{opacity:.12;transform:translateY(-8px);transition:opacity 420ms ease,transform 520ms cubic-bezier(.22,.68,.2,1)}

  /* D — only one sentence before the proof wall. */
  .mev-p10-intro--d{padding-top:0!important}
  .mev-p10-narrative--d{width:min(1240px,calc(100% - 56px));margin:-10px auto 26px;padding:0}
  .mev-p10-narrative--d p{max-width:980px;font:400 clamp(1.65rem,2.25vw,2.45rem)/1.08 'Karrik',sans-serif;letter-spacing:-.025em}
  .mev-p10-after--d{display:grid;grid-template-columns:1fr 1fr;gap:80px}
  .mev-p10-after--d p{max-width:540px}
  .mev-p10-after--d p:last-child{justify-self:end}

  /* E — show first, explain afterwards. */
  .mev-p10-intro--e{padding-top:6px!important}
  .mev-p10-after--e{display:grid;grid-template-columns:1.08fr .92fr;gap:90px;align-items:start}
  .mev-p10-after--e p:first-child{max-width:680px;font-size:1.08rem}
  .mev-p10-after--e p:last-child{max-width:520px;justify-self:end}

  /* F — text exists after the wall but is earned by the first gesture. */
  .mev-p10-intro--f{padding-top:6px!important}
  .mev-p10-after--f{opacity:0;transform:translateY(24px);transition:opacity 720ms ease,transform 900ms cubic-bezier(.22,.68,.2,1);display:grid;grid-template-columns:1.08fr .92fr;gap:90px}
  .mev-p10-after--f.is-revealed{opacity:1;transform:none}
  .mev-p10-after--f p:first-child{max-width:680px}
  .mev-p10-after--f p:last-child{max-width:520px;justify-self:end}
}

@media(max-width:1199px){
  .mev-p10-narrative,.mev-p10-after{width:auto;margin-left:7px;margin-right:7px;padding-left:0;padding-right:0}
  .mev-p10-narrative{margin-top:10px;margin-bottom:16px}
  .mev-p10-narrative p,.mev-p10-after p{font:400 .92rem/1.48 'General Sans',sans-serif}
  .mev-p10-narrative p+p,.mev-p10-after p+p{margin-top:12px}
  .mev-p10-narrative--d p{font:400 1.35rem/1.16 'Karrik',sans-serif}
  .mev-p10-narrative--c{height:auto}
  .mev-p10-narrative--c p{opacity:1;transform:none}
  .mev-p10-after--f{opacity:1;transform:none}
}

/* 16/09 — P10 VERTICAL SHUTTER LAB V1–V4. Same wall; only the temporary text shutter changes. */
.mev-p10-volet{position:relative;box-sizing:border-box;color:#000;background:var(--p10-beige);overflow:hidden;z-index:18}
.mev-p10-volet-inner{height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,2.4vw,44px);min-width:340px}
.mev-p10-volet p{margin:0;font:400 clamp(.92rem,1.02vw,1.08rem)/1.52 'General Sans',sans-serif;text-wrap:pretty}
.mev-p10-volet p+p{margin-top:20px}
.mev-p10-wall{height:100%;min-width:0}
.mev-p10-wall>.mev-p10-b-grid{height:100%}

@media(min-width:1200px){
  .mev-p10-intro--v1,.mev-p10-intro--v2,.mev-p10-intro--v3,.mev-p10-intro--v4{padding-top:6px!important}
  .mev-p10-intro--v1 .mev-p10-b-stage--volet,.mev-p10-intro--v2 .mev-p10-b-stage--volet,.mev-p10-intro--v4 .mev-p10-b-stage--volet{display:flex;align-items:stretch;gap:8px;overflow:hidden}

  /* V1 — integrated wide text blade; it collapses into the wall. */
  .mev-p10-intro--v1 .mev-p10-volet{flex:0 0 clamp(390px,31vw,560px);width:clamp(390px,31vw,560px);transition:flex-basis 1200ms cubic-bezier(.22,.68,.2,1),width 1200ms cubic-bezier(.22,.68,.2,1),opacity 760ms ease,transform 1200ms cubic-bezier(.22,.68,.2,1)}
  .mev-p10-intro--v1 .mev-p10-wall{flex:1 1 auto;min-width:0}
  body.mev-p10-volet-hidden .mev-p10-intro--v1 .mev-p10-volet{flex-basis:0;width:0;opacity:0;transform:translateX(-26px)}

  /* V2 — shutter sits outside the wall rhythm and retreats beyond the left edge. */
  .mev-p10-intro--v2 .mev-p10-volet{flex:0 0 clamp(420px,34vw,610px);width:clamp(420px,34vw,610px);margin-left:calc(-1 * var(--p10-pad));padding-left:var(--p10-pad);transition:flex-basis 980ms cubic-bezier(.22,.68,.2,1),width 980ms cubic-bezier(.22,.68,.2,1),margin 980ms cubic-bezier(.22,.68,.2,1),opacity 500ms ease,transform 980ms cubic-bezier(.22,.68,.2,1)}
  .mev-p10-intro--v2 .mev-p10-wall{flex:1 1 auto;min-width:0}
  body.mev-p10-volet-hidden .mev-p10-intro--v2 .mev-p10-volet{flex-basis:0;width:0;margin-left:calc(-1 * var(--p10-pad));margin-right:-8px;opacity:0;transform:translateX(-110%)}

  /* V3 — full wall exists from the start; the shutter temporarily covers its left third. */
  .mev-p10-intro--v3 .mev-p10-b-stage--volet{position:relative;overflow:hidden}
  .mev-p10-intro--v3 .mev-p10-wall{width:100%;height:100%}
  .mev-p10-intro--v3 .mev-p10-volet{position:absolute;left:0;top:0;bottom:0;width:clamp(430px,36vw,650px);box-shadow:8px 0 0 var(--p10-grey);transition:transform 980ms cubic-bezier(.22,.68,.2,1),opacity 520ms ease}
  body.mev-p10-volet-hidden .mev-p10-intro--v3 .mev-p10-volet{transform:translateX(calc(-100% - 10px));opacity:.15}

  /* V4 — more open first-screen blade; first scroll compresses it quickly. */
  .mev-p10-intro--v4 .mev-p10-volet{flex:0 0 clamp(470px,39vw,700px);width:clamp(470px,39vw,700px);transition:flex-basis 520ms cubic-bezier(.22,.68,.2,1),width 520ms cubic-bezier(.22,.68,.2,1),opacity 300ms ease,transform 520ms cubic-bezier(.22,.68,.2,1)}
  .mev-p10-intro--v4 .mev-p10-wall{flex:1 1 auto;min-width:0}
  .mev-p10-intro--v4 .mev-p10-volet-inner{padding-left:clamp(38px,3.2vw,58px);padding-right:clamp(38px,3.2vw,58px)}
  body.mev-p10-volet-hidden .mev-p10-intro--v4 .mev-p10-volet{flex-basis:0;width:0;opacity:0;transform:translateX(-18px)}
}

/* GESTURE LAB — no arrows, buttons or visible UI furniture. */
.mev-p10-volet{touch-action:pan-y;outline:none}
.mev-p10-volet p{cursor:text}
.mev-p10-volet.is-dragging{cursor:grabbing!important;transition:none!important}
.mev-p10-volet:focus-visible{box-shadow:inset 0 0 0 1px rgba(0,0,0,.28)}

/* G1 — grab the architectural panel itself. Only a tiny physical response suggests movement. */
.mev-p10-control--g1 .mev-p10-volet{cursor:grab}
.mev-p10-control--g1 .mev-p10-volet:not(.is-dragging):hover{translate:-4px 0}

/* G1+ — the panel itself teaches the gesture: it gives real width to the wall once on arrival, then answers on hover. */
.mev-p10-control--g4 .mev-p10-volet{cursor:grab}
.mev-p10-control--g4 .mev-p10-volet-inner{position:relative;justify-content:center;padding:clamp(34px,3vw,52px)}
.mev-p10-control--g4 .mev-p10-volet p{font:400 clamp(1.02rem,1.14vw,1.22rem)/1.5 'General Sans',sans-serif;text-wrap:pretty}
@media(min-width:1200px){
  body:not(.mev-p10-volet-hidden) .mev-p10-control--g4 .mev-p10-volet{transition:flex-basis 620ms cubic-bezier(.22,.68,.2,1),width 620ms cubic-bezier(.22,.68,.2,1),opacity 760ms ease,transform 1200ms cubic-bezier(.22,.68,.2,1)}
  .mev-p10-control--g4 .mev-p10-volet.is-g4-cue{flex-basis:calc(clamp(390px,31vw,560px) - 16px);width:calc(clamp(390px,31vw,560px) - 16px)}
  .mev-p10-control--g4 .mev-p10-volet.is-g4-free-hover:not(.is-dragging):not(.is-g4-cue){flex-basis:calc(clamp(390px,31vw,560px) - 8px);width:calc(clamp(390px,31vw,560px) - 8px)}
}

/* G1+ explicit affordance — aligned with the return chevron level, not attached to the copy block. */
.mev-p10-control--g4 .mev-p10-volet-hint{position:absolute;right:clamp(28px,2.4vw,44px);top:38px;display:block;margin:0;text-align:right;font:400 11px/1.25 'General Sans',sans-serif;letter-spacing:.035em;color:#111;cursor:pointer;transition:color 220ms ease,transform 320ms cubic-bezier(.22,.68,.2,1);animation:p10-hint-glint 5s ease-in-out infinite}
.mev-p10-return--r2m .mev-p10-volet-hint{top:34px}
.mev-p10-return--r2l .mev-p10-volet-hint{top:40px}
.mev-p10-return--r2xl .mev-p10-volet-hint{top:46px}
.mev-p10-control--g4 .mev-p10-volet-hint::after{content:"→";display:inline-block;margin-left:8px;transition:transform 320ms cubic-bezier(.22,.68,.2,1)}
.mev-p10-control--g4 .mev-p10-volet:hover .mev-p10-volet-hint,.mev-p10-control--g4 .mev-p10-volet:focus-visible .mev-p10-volet-hint{color:var(--p10-red)}
.mev-p10-control--g4 .mev-p10-volet:hover .mev-p10-volet-hint::after,.mev-p10-control--g4 .mev-p10-volet:focus-visible .mev-p10-volet-hint::after{transform:translateX(4px)}
@keyframes p10-hint-glint{0%,72%,100%{color:#111}80%{color:rgba(253,6,0,.82)}88%{color:#111}}

/* G2 — a narrow, real image slice peeks out between copy and wall. It is the only clickable cue. */
.mev-p10-edge-reveal{display:none}
@media(min-width:1200px){
  .mev-p10-control--g2 .mev-p10-b-stage--volet{gap:0}
  .mev-p10-control--g2 .mev-p10-edge-reveal{display:block;position:relative;z-index:21;flex:0 0 18px;width:18px;height:100%;padding:0;margin:0 8px 0 0;border:0;background-image:var(--p10-edge-image);background-size:cover;background-position:16% center;cursor:w-resize;opacity:.96;transition:flex-basis 760ms cubic-bezier(.22,.68,.2,1),width 760ms cubic-bezier(.22,.68,.2,1),margin 760ms cubic-bezier(.22,.68,.2,1),opacity 420ms ease}
  .mev-p10-control--g2 .mev-p10-edge-reveal:hover,.mev-p10-control--g2 .mev-p10-edge-reveal:focus-visible{width:24px;flex-basis:24px;outline:none}
  body.mev-p10-volet-hidden .mev-p10-control--g2 .mev-p10-edge-reveal{width:0;flex-basis:0;margin-right:0;opacity:0;pointer-events:none}

  /* G3 — the panel edge is cut away; the first image appears inside the cut, not as an icon. */
  .mev-p10-control--g3 .mev-p10-b-stage--volet{position:relative}
  .mev-p10-control--g3 .mev-p10-b-stage--volet::before{content:"";position:absolute;z-index:17;left:calc(clamp(390px,31vw,560px) - 22px);top:43%;width:22px;height:14%;background-image:var(--p10-gesture-image);background-size:cover;background-position:16% center;pointer-events:none}
  .mev-p10-control--g3 .mev-p10-volet{cursor:grab;position:relative;clip-path:polygon(0 0,100% 0,100% 43%,calc(100% - 22px) 50%,100% 57%,100% 100%,0 100%)}
  .mev-p10-control--g3 .mev-p10-volet:not(.is-dragging):hover{translate:-4px 0}
  body.mev-p10-volet-hidden .mev-p10-control--g3 .mev-p10-b-stage--volet::before{opacity:0}
}

/* CLOSED-STATE RETURN LAB R1–R6. The wall geometry is never altered: every cue overlays the first image edge. */
body.mev-p10-volet-hidden .mev-p10-intro--v1 .mev-p10-b-stage--volet,
body.mev-p10-volet-hidden .mev-p10-intro--v2 .mev-p10-b-stage--volet,
body.mev-p10-volet-hidden .mev-p10-intro--v4 .mev-p10-b-stage--volet{gap:0!important}
.mev-p10-volet-reopen{position:absolute;z-index:30;left:0;top:0;bottom:0;width:24px;padding:0;border:0;background:transparent;opacity:0;pointer-events:none;cursor:pointer;outline:none;transform:none}
.mev-p10-volet-reopen::before,.mev-p10-volet-reopen::after{content:none}
.mev-p10-return-word,.mev-p10-return-glyph{display:none;pointer-events:none}
body.mev-p10-volet-hidden .mev-p10-volet-reopen{opacity:1;pointer-events:auto}

/* R1 — 1px red edge + tiny chevron. Explicit but still architectural. */
body.mev-p10-volet-hidden .mev-p10-return--r1 .mev-p10-volet-reopen::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(253,6,0,.58)}
body.mev-p10-volet-hidden .mev-p10-return--r1 .mev-p10-return-glyph{display:block;position:absolute;left:8px;top:50%;transform:translateY(-50%);font:400 14px/1 'General Sans',sans-serif;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);opacity:.8}
body.mev-p10-volet-hidden .mev-p10-return--r1 .mev-p10-volet-reopen:hover::before{width:2px;background:var(--p10-red)}
body.mev-p10-volet-hidden .mev-p10-return--r1 .mev-p10-volet-reopen:hover .mev-p10-return-glyph{color:var(--p10-red);opacity:1}

/* R2 — a tiny beige notch bites into the image; no gutter is created. */
body.mev-p10-volet-hidden .mev-p10-return--r2 .mev-p10-volet-reopen{width:30px}
body.mev-p10-volet-hidden .mev-p10-return--r2 .mev-p10-volet-reopen::before{content:"";position:absolute;left:0;top:50%;width:16px;height:46px;transform:translateY(-50%);background:rgba(249,249,239,.94);clip-path:polygon(0 0,100% 14%,100% 86%,0 100%)}
body.mev-p10-volet-hidden .mev-p10-return--r2 .mev-p10-return-glyph{display:block;position:absolute;left:5px;top:50%;transform:translateY(-50%);font:400 13px/1 'General Sans',sans-serif;color:#111}
body.mev-p10-volet-hidden .mev-p10-return--r2 .mev-p10-volet-reopen:hover::before{background:#fff}
body.mev-p10-volet-hidden .mev-p10-return--r2 .mev-p10-volet-reopen:hover .mev-p10-return-glyph{color:var(--p10-red)}

/* R3 — a very narrow vertical INTRO tab living inside the image. */
body.mev-p10-volet-hidden .mev-p10-return--r3 .mev-p10-volet-reopen{width:22px;left:0;transform:none;background:rgba(0,0,0,.22)}
body.mev-p10-volet-hidden .mev-p10-return--r3 .mev-p10-return-word{display:block;position:absolute;left:50%;top:50%;writing-mode:vertical-rl;transform:translate(-50%,-50%) rotate(180deg);font:500 8px/1 'General Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.78}
body.mev-p10-volet-hidden .mev-p10-return--r3 .mev-p10-volet-reopen:hover{background:rgba(253,6,0,.74)}
body.mev-p10-volet-hidden .mev-p10-return--r3 .mev-p10-volet-reopen:hover .mev-p10-return-word{opacity:1}

/* R4 — compact top-corner label, the clearest editorial solution. */
body.mev-p10-volet-hidden .mev-p10-return--r4 .mev-p10-volet-reopen{top:14px;bottom:auto;left:0;width:72px;height:24px;transform:none;background:rgba(249,249,239,.94);display:flex;align-items:center;justify-content:center;gap:6px}
body.mev-p10-volet-hidden .mev-p10-return--r4 .mev-p10-return-word,body.mev-p10-volet-hidden .mev-p10-return--r4 .mev-p10-return-glyph{display:inline-block;font:500 8px/1 'General Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#111}
body.mev-p10-volet-hidden .mev-p10-return--r4 .mev-p10-return-glyph{font-size:12px;letter-spacing:0}
body.mev-p10-volet-hidden .mev-p10-return--r4 .mev-p10-volet-reopen:hover .mev-p10-return-word,body.mev-p10-volet-hidden .mev-p10-return--r4 .mev-p10-volet-reopen:hover .mev-p10-return-glyph{color:var(--p10-red)}

/* R5 — invisible hot edge at rest; a cue appears only when the pointer reaches it. */
body.mev-p10-volet-hidden .mev-p10-return--r5 .mev-p10-volet-reopen{width:32px}
body.mev-p10-volet-hidden .mev-p10-return--r5 .mev-p10-volet-reopen::before{content:"";position:absolute;left:0;top:34%;bottom:34%;width:1px;background:transparent;transition:background 180ms ease,height 240ms ease}
body.mev-p10-volet-hidden .mev-p10-return--r5 .mev-p10-return-glyph{display:block;position:absolute;left:8px;top:50%;transform:translateY(-50%);font:400 14px/1 'General Sans',sans-serif;color:#fff;opacity:0;transition:opacity 180ms ease,color 180ms ease}
body.mev-p10-volet-hidden .mev-p10-return--r5 .mev-p10-volet-reopen:hover::before{background:var(--p10-red)}
body.mev-p10-volet-hidden .mev-p10-return--r5 .mev-p10-volet-reopen:hover .mev-p10-return-glyph{opacity:1;color:var(--p10-red)}

/* R6 — no permanent symbol: only a slow red breath on the first-image edge; chevron appears on hover. */
body.mev-p10-volet-hidden .mev-p10-return--r6 .mev-p10-volet-reopen{width:26px}
body.mev-p10-volet-hidden .mev-p10-return--r6 .mev-p10-volet-reopen::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(255,255,255,.22);animation:p10-return-breathe 5.2s ease-in-out infinite}
body.mev-p10-volet-hidden .mev-p10-return--r6 .mev-p10-return-glyph{display:block;position:absolute;left:8px;top:50%;transform:translateY(-50%);font:400 14px/1 'General Sans',sans-serif;color:var(--p10-red);opacity:0;transition:opacity 180ms ease}
body.mev-p10-volet-hidden .mev-p10-return--r6 .mev-p10-volet-reopen:hover .mev-p10-return-glyph{opacity:1}
body.mev-p10-volet-hidden .mev-p10-return--r6 .mev-p10-volet-reopen:hover::before{width:2px;background:var(--p10-red);animation:none}
@keyframes p10-return-breathe{0%,74%,100%{background:rgba(255,255,255,.22);box-shadow:none}82%{background:rgba(253,6,0,.92);box-shadow:0 0 6px rgba(253,6,0,.28)}90%{background:rgba(255,255,255,.22);box-shadow:none}}

/* N1–N3 — red top-left notch. Same interaction, three visibility levels. No gutter, no floating UI. */
body.mev-p10-volet-hidden .mev-p10-return--n1 .mev-p10-volet-reopen,
body.mev-p10-volet-hidden .mev-p10-return--n2 .mev-p10-volet-reopen,
body.mev-p10-volet-hidden .mev-p10-return--n3 .mev-p10-volet-reopen{left:0;top:0;bottom:auto;transform:none;background:transparent;display:block}
body.mev-p10-volet-hidden .mev-p10-return--n1 .mev-p10-volet-reopen{width:34px;height:34px}
body.mev-p10-volet-hidden .mev-p10-return--n2 .mev-p10-volet-reopen{width:40px;height:40px}
body.mev-p10-volet-hidden .mev-p10-return--n3 .mev-p10-volet-reopen{width:46px;height:46px}
body.mev-p10-volet-hidden .mev-p10-return--n1 .mev-p10-volet-reopen::before,
body.mev-p10-volet-hidden .mev-p10-return--n2 .mev-p10-volet-reopen::before,
body.mev-p10-volet-hidden .mev-p10-return--n3 .mev-p10-volet-reopen::before{content:"";position:absolute;left:0;top:0;background:var(--p10-red);clip-path:polygon(0 0,100% 0,0 100%);transform-origin:0 0;will-change:opacity,filter,transform}
body.mev-p10-volet-hidden .mev-p10-return--n1 .mev-p10-volet-reopen::before{width:11px;height:11px;opacity:.74;animation:p10-notch-glint-n1 5.6s ease-in-out infinite}
body.mev-p10-volet-hidden .mev-p10-return--n2 .mev-p10-volet-reopen::before{width:16px;height:16px;opacity:.86;animation:p10-notch-glint-n2 5s ease-in-out infinite}
body.mev-p10-volet-hidden .mev-p10-return--n3 .mev-p10-volet-reopen::before{width:21px;height:21px;opacity:.96;animation:p10-notch-glint-n3 4.6s ease-in-out infinite}
body.mev-p10-volet-hidden .mev-p10-return--n1 .mev-p10-volet-reopen:hover::before,
body.mev-p10-volet-hidden .mev-p10-return--n1 .mev-p10-volet-reopen:focus-visible::before,
body.mev-p10-volet-hidden .mev-p10-return--n2 .mev-p10-volet-reopen:hover::before,
body.mev-p10-volet-hidden .mev-p10-return--n2 .mev-p10-volet-reopen:focus-visible::before,
body.mev-p10-volet-hidden .mev-p10-return--n3 .mev-p10-volet-reopen:hover::before,
body.mev-p10-volet-hidden .mev-p10-return--n3 .mev-p10-volet-reopen:focus-visible::before{opacity:1;filter:brightness(1.08);transform:scale(1.08)}
body.mev-p10-return-learned .mev-p10-return--n1 .mev-p10-volet-reopen::before,
body.mev-p10-return-learned .mev-p10-return--n2 .mev-p10-volet-reopen::before,
body.mev-p10-return-learned .mev-p10-return--n3 .mev-p10-volet-reopen::before{animation:none!important;filter:none;transform:none}
body.mev-p10-return-learned .mev-p10-return--n1 .mev-p10-volet-reopen::before{opacity:.58}
body.mev-p10-return-learned .mev-p10-return--n2 .mev-p10-volet-reopen::before{opacity:.72}
body.mev-p10-return-learned .mev-p10-return--n3 .mev-p10-volet-reopen::before{opacity:.82}
@keyframes p10-notch-glint-n1{0%,76%,100%{opacity:.60;filter:brightness(.95)}84%{opacity:.92;filter:brightness(1.18)}91%{opacity:.68;filter:brightness(1)}}
@keyframes p10-notch-glint-n2{0%,73%,100%{opacity:.72;filter:brightness(.96)}82%{opacity:1;filter:brightness(1.2)}90%{opacity:.80;filter:brightness(1)}}
@keyframes p10-notch-glint-n3{0%,70%,100%{opacity:.82;filter:brightness(.98)}80%{opacity:1;filter:brightness(1.24)}89%{opacity:.90;filter:brightness(1)}}

/* R2 SIZE LAB — exact R2 notch language, top-left of Pantoufle, in red. Only size changes: 28 / 32 / 36 px. */
body.mev-p10-volet-hidden .mev-p10-return--r2m .mev-p10-volet-reopen,
body.mev-p10-volet-hidden .mev-p10-return--r2l .mev-p10-volet-reopen,
body.mev-p10-volet-hidden .mev-p10-return--r2xl .mev-p10-volet-reopen{left:0;top:0;bottom:auto;transform:none;background:transparent;display:block}
body.mev-p10-volet-hidden .mev-p10-return--r2m .mev-p10-volet-reopen{width:54px;height:92px}
body.mev-p10-volet-hidden .mev-p10-return--r2l .mev-p10-volet-reopen{width:60px;height:104px}
body.mev-p10-volet-hidden .mev-p10-return--r2xl .mev-p10-volet-reopen{width:66px;height:116px}
body.mev-p10-volet-hidden .mev-p10-return--r2m .mev-p10-volet-reopen::before,
body.mev-p10-volet-hidden .mev-p10-return--r2l .mev-p10-volet-reopen::before,
body.mev-p10-volet-hidden .mev-p10-return--r2xl .mev-p10-volet-reopen::before{content:"";position:absolute;left:0;top:0;background:var(--p10-red);clip-path:polygon(0 0,100% 14%,100% 86%,0 100%);transform-origin:0 0;will-change:opacity,filter;animation:p10-r2-notch-glint 3.2s ease-in-out infinite}
body.mev-p10-volet-hidden .mev-p10-return--r2m .mev-p10-volet-reopen::before{width:28px;height:80px}
body.mev-p10-volet-hidden .mev-p10-return--r2l .mev-p10-volet-reopen::before{width:32px;height:92px}
body.mev-p10-volet-hidden .mev-p10-return--r2xl .mev-p10-volet-reopen::before{width:36px;height:104px}
body.mev-p10-volet-hidden .mev-p10-return--r2m .mev-p10-return-glyph,
body.mev-p10-volet-hidden .mev-p10-return--r2l .mev-p10-return-glyph,
body.mev-p10-volet-hidden .mev-p10-return--r2xl .mev-p10-return-glyph{display:block;position:absolute;left:9px;top:31px;font:400 15px/1 'General Sans',sans-serif;color:#fff;opacity:.96;text-shadow:0 1px 4px rgba(0,0,0,.28)}
body.mev-p10-volet-hidden .mev-p10-return--r2l .mev-p10-return-glyph{left:11px;top:37px;font-size:16px}
body.mev-p10-volet-hidden .mev-p10-return--r2xl .mev-p10-return-glyph{left:12px;top:43px;font-size:17px}
body.mev-p10-volet-hidden .mev-p10-return--r2m .mev-p10-volet-reopen:hover::before,
body.mev-p10-volet-hidden .mev-p10-return--r2m .mev-p10-volet-reopen:focus-visible::before,
body.mev-p10-volet-hidden .mev-p10-return--r2l .mev-p10-volet-reopen:hover::before,
body.mev-p10-volet-hidden .mev-p10-return--r2l .mev-p10-volet-reopen:focus-visible::before,
body.mev-p10-volet-hidden .mev-p10-return--r2xl .mev-p10-volet-reopen:hover::before,
body.mev-p10-volet-hidden .mev-p10-return--r2xl .mev-p10-volet-reopen:focus-visible::before{filter:brightness(1.28) drop-shadow(0 0 6px rgba(253,6,0,.48))}
body.mev-p10-return-learned .mev-p10-return--r2m .mev-p10-volet-reopen::before,
body.mev-p10-return-learned .mev-p10-return--r2l .mev-p10-volet-reopen::before,
body.mev-p10-return-learned .mev-p10-return--r2xl .mev-p10-volet-reopen::before{animation:none!important;filter:none;opacity:.88}
@keyframes p10-r2-notch-glint{0%,68%,100%{opacity:.72;filter:brightness(.90) drop-shadow(0 0 0 rgba(253,6,0,0))}78%{opacity:1;filter:brightness(1.38) drop-shadow(0 0 8px rgba(253,6,0,.62))}88%{opacity:.82;filter:brightness(1.04) drop-shadow(0 0 2px rgba(253,6,0,.18))}}

/* P10 HERO LAB A–F — query-gated. Only the first-screen hierarchy changes. */
.mev-p10-hero-inline{display:none}

/* A — raccourci : EQ38 conservé, hauteur franchement réduite pour donner plus d'écran au mur. */
body.mev-p10-hero-a .mev-hero.mev-hero--eq38{height:clamp(220px,25svh,265px);--mev-eq-m:min(118px,8.8vw);--mev-eq-gap:clamp(15px,1.1vw,20px)}
body.mev-p10-hero-a .mev-hero__eq-name{font-size:clamp(36px,2.8vw,44px)!important}
body.mev-p10-hero-a .mev-hero__eq-h1{font-size:clamp(20px,1.5vw,26px)!important}

/* B — chevauchement : le mur remonte physiquement dans la zone basse du hero. */
body.mev-p10-hero-b .mev-hero.mev-hero--eq38{height:clamp(265px,31svh,320px);--mev-eq-m:min(135px,9.6vw)}
body.mev-p10-hero-b .mev-p10{position:relative;z-index:6}
body.mev-p10-hero-b .mev-p10-b-shell{margin-top:-82px;z-index:7}
body.mev-p10-hero-b .mev-p10-b-stage{box-shadow:0 -18px 28px rgba(0,0,0,.035)}

/* C — amorce : EQ38 devient une bande de lancement, les lames sont le vrai premier sujet. */
body.mev-p10-hero-c .mev-hero.mev-hero--eq38{height:clamp(150px,18svh,190px);--mev-eq-m:min(72px,5.2vw);--mev-eq-gap:14px}
body.mev-p10-hero-c .mev-hero__eq-inner{width:min(980px,calc(100% - 48px));align-items:center}
body.mev-p10-hero-c .mev-hero__eq-name{font-size:clamp(28px,2.15vw,34px)!important;line-height:.92!important}
body.mev-p10-hero-c .mev-hero__eq-name::before{height:2px;margin-bottom:6px}
body.mev-p10-hero-c .mev-hero__eq-h1{font-size:clamp(17px,1.2vw,21px)!important;margin-top:3px!important}

/* D — lame introductive : le hero classique disparaît et revient dans la grammaire même du mur. */
body.mev-p10-hero-d .mev-hero.mev-hero--eq38{display:none!important}
body.mev-p10-hero-d .mev-p10{position:relative}
body.mev-p10-hero-d .mev-p10-hero-inline{display:flex;position:absolute;z-index:18;left:var(--p10-pad);top:var(--p10-pad);width:clamp(190px,18vw,270px);height:var(--p10-stage-h,calc(100svh - 190px));min-height:520px;padding:26px 22px;background:var(--p10-beige);border-right:1px solid rgba(253,6,0,.35);flex-direction:column;justify-content:flex-end;pointer-events:none;overflow:hidden}
body.mev-p10-hero-d .mev-p10-hero-inline__prop{font:400 clamp(1.55rem,2.1vw,2.35rem)/.92 'Karrik',sans-serif;letter-spacing:-.035em;color:var(--p10-red)}
body.mev-p10-hero-d .mev-p10-hero-inline__label{margin-top:10px;font:500 11px/1.15 'General Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#111}
body.mev-p10-hero-d .mev-p10-hero-inline__body{display:none}

/* H-D1 — SEUIL. Une vraie première lame, distincte, qui pousse le mur sans le recouvrir. */
body.mev-p10-hero-d.mev-p10-hd-hd1 .mev-p10-hero-inline{width:clamp(210px,18vw,280px);border-right:2px solid var(--p10-red);justify-content:flex-end;padding:30px 24px}
body.mev-p10-hero-d.mev-p10-hd-hd1 .mev-p10-b-shell{margin-left:calc(clamp(210px,18vw,280px) + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd1 .mev-p10-hero-inline__prop{font-size:clamp(1.8rem,2.35vw,2.7rem)}

/* H-D2 — FENTE. Un seuil extrêmement étroit ; la page s'ouvre comme une incision verticale. */
body.mev-p10-hero-d.mev-p10-hd-hd2 .mev-p10-hero-inline{width:82px;padding:18px 13px;border-right:0;background:#000;justify-content:space-between;align-items:center}
body.mev-p10-hero-d.mev-p10-hd-hd2 .mev-p10-b-shell{margin-left:calc(82px + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd2 .mev-p10-hero-inline::after{content:"";position:absolute;right:0;top:0;width:3px;height:100%;background:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd2 .mev-p10-hero-inline__prop{writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(1.15rem,1.45vw,1.55rem);line-height:.92;color:#fff;max-height:82%}
body.mev-p10-hero-d.mev-p10-hd-hd2 .mev-p10-hero-inline__label{margin:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;color:var(--p10-red)}

/* H-D3 — CHARNIÈRE. Une lame sombre, plus large, qui joue le rôle d'articulation entre header et mur. */
body.mev-p10-hero-d.mev-p10-hd-hd3 .mev-p10-hero-inline{width:clamp(250px,23vw,360px);padding:34px 28px;background:#111;border-right:8px solid var(--p10-red);justify-content:center}
body.mev-p10-hero-d.mev-p10-hd-hd3 .mev-p10-b-shell{margin-left:calc(clamp(250px,23vw,360px) + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd3 .mev-p10-hero-inline__prop{font-size:clamp(2.1rem,3vw,3.4rem);color:#fff}
body.mev-p10-hero-d.mev-p10-hd-hd3 .mev-p10-hero-inline__label{color:var(--p10-red);margin-top:18px}

/* H-D4 — PLAQUE. Le Hero devient une plaque éditoriale posée dans la trame, sans prendre toute la hauteur. */
body.mev-p10-hero-d.mev-p10-hd-hd4 .mev-p10-hero-inline{width:clamp(320px,31vw,500px);height:clamp(190px,31svh,280px);min-height:0;padding:26px 28px;background:var(--p10-beige);border:0;border-bottom:3px solid var(--p10-red);justify-content:flex-end}
body.mev-p10-hero-d.mev-p10-hd-hd4 .mev-p10-hero-inline__prop{font-size:clamp(2.1rem,3.4vw,3.7rem);max-width:420px}
body.mev-p10-hero-d.mev-p10-hd-hd4 .mev-p10-hero-inline__label{font-size:9px}

/* H-D5 — TRANSPARENCE. Le mur demeure continu ; seule une couche éditoriale légère marque l'entrée. */
body.mev-p10-hero-d.mev-p10-hd-hd5 .mev-p10-hero-inline{width:clamp(230px,21vw,330px);padding:30px 24px;background:linear-gradient(90deg,rgba(249,249,239,.94) 0%,rgba(249,249,239,.80) 72%,rgba(249,249,239,0) 100%);border:0;justify-content:flex-end}
body.mev-p10-hero-d.mev-p10-hd-hd5 .mev-p10-hero-inline::before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd5 .mev-p10-hero-inline__prop{font-size:clamp(1.85rem,2.55vw,2.9rem);max-width:250px}

/* H-D6 — SILENCE. Beaucoup d'air, très peu d'information : le mur reste l'événement. */
body.mev-p10-hero-d.mev-p10-hd-hd6 .mev-p10-hero-inline{width:clamp(180px,16vw,245px);padding:22px 20px;background:var(--p10-grey);border-right:1px solid #000;justify-content:flex-end}
body.mev-p10-hero-d.mev-p10-hd-hd6 .mev-p10-b-shell{margin-left:calc(clamp(180px,16vw,245px) + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd6 .mev-p10-hero-inline__prop{font-size:clamp(1.25rem,1.55vw,1.75rem);line-height:1;color:#111;max-width:170px}
body.mev-p10-hero-d.mev-p10-hd-hd6 .mev-p10-hero-inline__label{font-size:8px;color:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd6 .mev-p10-hero-inline::before{content:"";position:absolute;left:20px;right:20px;bottom:92px;height:1px;background:var(--p10-red)}

/* H-D7 — BASCULE. La lame mord volontairement sur la première image et matérialise le passage éditorial → cas. */
body.mev-p10-hero-d.mev-p10-hd-hd7 .mev-p10-hero-inline{width:clamp(220px,20vw,315px);height:76%;min-height:410px;top:12%;padding:28px 24px;background:var(--p10-beige);border:0;box-shadow:18px 0 0 rgba(253,6,0,.94);justify-content:flex-end}
body.mev-p10-hero-d.mev-p10-hd-hd7 .mev-p10-hero-inline::after{content:"";position:absolute;right:-42px;bottom:0;width:42px;height:42px;background:var(--p10-red);clip-path:polygon(0 0,100% 50%,0 100%)}
body.mev-p10-hero-d.mev-p10-hd-hd7 .mev-p10-hero-inline__prop{font-size:clamp(1.8rem,2.45vw,2.75rem)}

/* H-D8 — MATRICE. Sept modules stricts : 1 lame d'ouverture + 6 lames de cas. Pensé pour devenir la grammaire de famille. */
body.mev-p10-hero-d.mev-p10-hd-hd8 .mev-p10-hero-inline{width:calc((100% - (6 * var(--p10-gap))) / 7);padding:24px 16px;background:var(--p10-beige);border-right:0;justify-content:flex-end}
body.mev-p10-hero-d.mev-p10-hd-hd8 .mev-p10-hero-inline::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd8 .mev-p10-b-shell{margin-left:calc(((100% - (6 * var(--p10-gap))) / 7) + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd8 .mev-p10-hero-inline__prop{font-size:clamp(1.35rem,1.72vw,1.95rem);line-height:.94}
body.mev-p10-hero-d.mev-p10-hd-hd8 .mev-p10-hero-inline__label{font-size:8px}

/* H-D V2-1 — FUSION. Matrice stricte + seuil + disparition progressive dans l'image. */
body.mev-p10-hero-d.mev-p10-hd-hd9 .mev-p10-hero-inline{width:calc((100% - (6 * var(--p10-gap))) / 7);padding:26px 18px;background:linear-gradient(90deg,var(--p10-beige) 0%,rgba(249,249,239,.96) 68%,rgba(249,249,239,.38) 88%,rgba(249,249,239,0) 100%);border:0;justify-content:flex-end}
body.mev-p10-hero-d.mev-p10-hd-hd9 .mev-p10-hero-inline::before{content:"";position:absolute;right:0;top:0;width:2px;height:100%;background:var(--p10-red);opacity:.9}
body.mev-p10-hero-d.mev-p10-hd-hd9 .mev-p10-b-shell{margin-left:calc(((100% - (6 * var(--p10-gap))) / 7) + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd9 .mev-p10-hero-inline__prop{font-size:clamp(1.45rem,1.9vw,2.15rem);line-height:.94;color:#111}
body.mev-p10-hero-d.mev-p10-hd-hd9 .mev-p10-hero-inline__label{font-size:8px;color:var(--p10-red)}

/* H-D V2-2 — PIVOT. Une lame claire et silencieuse structurée par une colonne noire et une couture rouge. */
body.mev-p10-hero-d.mev-p10-hd-hd10 .mev-p10-hero-inline{width:calc((100% - (6 * var(--p10-gap))) / 7);padding:26px 18px 26px 34px;background:var(--p10-beige);border:0;justify-content:flex-end}
body.mev-p10-hero-d.mev-p10-hd-hd10 .mev-p10-hero-inline::before{content:"";position:absolute;left:0;top:0;width:14px;height:100%;background:#111}
body.mev-p10-hero-d.mev-p10-hd-hd10 .mev-p10-hero-inline::after{content:"";position:absolute;left:14px;top:0;width:2px;height:100%;background:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd10 .mev-p10-b-shell{margin-left:calc(((100% - (6 * var(--p10-gap))) / 7) + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd10 .mev-p10-hero-inline__prop{font-size:clamp(1.35rem,1.68vw,1.9rem);line-height:.98;color:#111}
body.mev-p10-hero-d.mev-p10-hd-hd10 .mev-p10-hero-inline__label{font-size:8px;color:var(--p10-red)}

/* H-D V2-3 — CADRE. Même module que les cas, mais traité comme une surface éditoriale cadrée et non comme une carte. */
body.mev-p10-hero-d.mev-p10-hd-hd11 .mev-p10-hero-inline{width:calc((100% - (6 * var(--p10-gap))) / 7);padding:36px 24px;background:var(--p10-grey);border:0;justify-content:center}
body.mev-p10-hero-d.mev-p10-hd-hd11 .mev-p10-hero-inline::before{content:"";position:absolute;inset:16px;border:1px solid #111;border-top:3px solid var(--p10-red);pointer-events:none}
body.mev-p10-hero-d.mev-p10-hd-hd11 .mev-p10-b-shell{margin-left:calc(((100% - (6 * var(--p10-gap))) / 7) + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd11 .mev-p10-hero-inline__prop{font-size:clamp(1.5rem,1.9vw,2.15rem);line-height:.93;color:#111;max-width:180px}
body.mev-p10-hero-d.mev-p10-hd-hd11 .mev-p10-hero-inline__label{font-size:8px;color:var(--p10-red);margin-top:14px}

/* H-D V2-4 — VOILE. Le mur reste physiquement complet ; l'ouverture n'est qu'une membrane éditoriale posée sur Pantoufle. */
body.mev-p10-hero-d.mev-p10-hd-hd12 .mev-p10-hero-inline{width:clamp(250px,23vw,360px);padding:30px 24px;background:linear-gradient(90deg,rgba(239,240,233,.98) 0%,rgba(239,240,233,.84) 60%,rgba(239,240,233,.22) 88%,rgba(239,240,233,0) 100%);border:0;justify-content:flex-end;backdrop-filter:blur(1.5px)}
body.mev-p10-hero-d.mev-p10-hd-hd12 .mev-p10-hero-inline::before{content:"";position:absolute;left:0;top:0;width:58%;height:2px;background:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd12 .mev-p10-hero-inline__prop{font-size:clamp(1.6rem,2.25vw,2.55rem);line-height:.94;color:#111;max-width:230px}
body.mev-p10-hero-d.mev-p10-hd-hd12 .mev-p10-hero-inline__label{font-size:8px;color:#111;opacity:.72}

/* H-D V2-5 — DIPTYQUE. Noir en tête, beige en corps ; une articulation nette mais moins massive que HD3. */
body.mev-p10-hero-d.mev-p10-hd-hd13 .mev-p10-hero-inline{width:calc((100% - (6 * var(--p10-gap))) / 7);padding:28px 20px;background:linear-gradient(180deg,#111 0%,#111 34%,var(--p10-beige) 34%,var(--p10-beige) 100%);border:0;justify-content:flex-end}
body.mev-p10-hero-d.mev-p10-hd-hd13 .mev-p10-hero-inline::before{content:"";position:absolute;left:0;right:0;top:34%;height:3px;background:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd13 .mev-p10-b-shell{margin-left:calc(((100% - (6 * var(--p10-gap))) / 7) + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd13 .mev-p10-hero-inline__prop{font-size:clamp(1.45rem,1.82vw,2.05rem);line-height:.95;color:#111}
body.mev-p10-hero-d.mev-p10-hd-hd13 .mev-p10-hero-inline__label{position:absolute;left:20px;top:22px;margin:0;font-size:8px;color:#fff;opacity:.82}

/* H-D V2-6 — MATRICE SILENCIEUSE. La règle de famille la plus sobre : même module, presque aucun effet, seulement une tension rouge minimale. */
body.mev-p10-hero-d.mev-p10-hd-hd14 .mev-p10-hero-inline{width:calc((100% - (6 * var(--p10-gap))) / 7);padding:22px 17px;background:var(--p10-grey);border-right:1px solid rgba(0,0,0,.72);justify-content:flex-end}
body.mev-p10-hero-d.mev-p10-hd-hd14 .mev-p10-hero-inline::before{content:"";position:absolute;left:17px;top:18px;width:38%;height:2px;background:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd14 .mev-p10-b-shell{margin-left:calc(((100% - (6 * var(--p10-gap))) / 7) + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd14 .mev-p10-hero-inline__prop{font-size:clamp(1.18rem,1.46vw,1.65rem);line-height:1;color:#111;max-width:150px}
body.mev-p10-hero-d.mev-p10-hd-hd14 .mev-p10-hero-inline__label{font-size:7px;color:var(--p10-red);margin-top:10px}

/* H-D T1–T6 — LE TEXTE DEVIENT LA PREMIÈRE LAME. Même mur C2 + D1 + H3 ; comportements horizontaux volontairement différenciés. */
body.mev-p10-hero-d:is(.mev-p10-hd-hd15,.mev-p10-hd-hd16,.mev-p10-hd-hd17,.mev-p10-hd-hd18,.mev-p10-hd-hd19,.mev-p10-hd-hd20) .mev-p10-hero-inline{--p10-text-w:clamp(340px,27vw,500px);--p10-text-hover:clamp(430px,33vw,620px);width:var(--p10-text-w);padding:30px 28px;border:0;justify-content:flex-end;pointer-events:auto;transition:width 820ms cubic-bezier(.22,.68,.2,1),background 620ms ease,color 620ms ease}
body.mev-p10-hero-d:is(.mev-p10-hd-hd15,.mev-p10-hd-hd16,.mev-p10-hd-hd17,.mev-p10-hd-hd18,.mev-p10-hd-hd19,.mev-p10-hd-hd20) .mev-p10-hero-inline__body{display:block;margin:0 0 30px;font:400 clamp(1rem,1.08vw,1.22rem)/1.5 'General Sans',sans-serif;letter-spacing:-.012em;text-wrap:pretty;max-width:31em;transition:opacity 420ms ease,transform 620ms cubic-bezier(.22,.68,.2,1)}
body.mev-p10-hero-d:is(.mev-p10-hd-hd15,.mev-p10-hd-hd16,.mev-p10-hd-hd17,.mev-p10-hd-hd18,.mev-p10-hd-hd19,.mev-p10-hd-hd20) .mev-p10-hero-inline__prop{font-size:clamp(1.85rem,2.35vw,2.8rem);line-height:.93;max-width:9em}
body.mev-p10-hero-d:is(.mev-p10-hd-hd15,.mev-p10-hd-hd16,.mev-p10-hd-hd17,.mev-p10-hd-hd18,.mev-p10-hd-hd19,.mev-p10-hd-hd20) .mev-p10-hero-inline__label{font-size:9px;margin-top:12px}
body.mev-p10-hero-d:is(.mev-p10-hd-hd15,.mev-p10-hd-hd16,.mev-p10-hd-hd17,.mev-p10-hd-hd18,.mev-p10-hd-hd19,.mev-p10-hd-hd20) .mev-p10-b-shell{margin-left:calc(var(--p10-text-w) + var(--p10-gap));margin-right:calc(-1 * var(--p10-pad));transition:margin-left 820ms cubic-bezier(.22,.68,.2,1)}
body.mev-p10-hero-d:is(.mev-p10-hd-hd15,.mev-p10-hd-hd16,.mev-p10-hd-hd17,.mev-p10-hd-hd18,.mev-p10-hd-hd19,.mev-p10-hd-hd20) .mev-p10-volet-reopen{display:none!important}
body.mev-p10-hero-d:is(.mev-p10-hd-hd15,.mev-p10-hd-hd16,.mev-p10-hd-hd17,.mev-p10-hd-hd18,.mev-p10-hd-hd19,.mev-p10-hd-hd20) .mev-p10-card-name{font-size:10px;letter-spacing:.055em}
body.mev-p10-hero-d:is(.mev-p10-hd-hd15,.mev-p10-hd-hd16,.mev-p10-hd-hd17,.mev-p10-hd-hd18,.mev-p10-hd-hd19,.mev-p10-hd-hd20) .mev-p10-card-angle{font-size:clamp(1.25rem,1.78vw,2.2rem)}

/* T1 — PLEINE. Lame éditoriale franche ; elle s'élargit elle aussi au survol comme une septième lame. */
body.mev-p10-hero-d.mev-p10-hd-hd15 .mev-p10-hero-inline{background:var(--p10-beige);border-right:2px solid var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd15 .mev-p10-hero-inline::before{content:"";position:absolute;left:28px;top:30px;width:72px;height:2px;background:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd15 .mev-p10-hero-inline:hover{width:var(--p10-text-hover)}
body.mev-p10-hero-d.mev-p10-hd-hd15 .mev-p10-hero-inline:hover~.mev-p10-b-shell{margin-left:calc(var(--p10-text-hover) + var(--p10-gap))}

/* T2 — IMAGE + TEXTE. Première lame photographique à part entière ; le texte flotte dans une profondeur sombre et l'ensemble s'ouvre horizontalement au survol. */
body.mev-p10-hero-d.mev-p10-hd-hd16 .mev-p10-hero-inline{background-image:linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.48) 45%,rgba(0,0,0,.91) 100%),var(--p10-hero-image);background-size:cover;background-position:center;color:#fff}
body.mev-p10-hero-d.mev-p10-hd-hd16 .mev-p10-hero-inline__body,body.mev-p10-hero-d.mev-p10-hd-hd16 .mev-p10-hero-inline__prop,body.mev-p10-hero-d.mev-p10-hd-hd16 .mev-p10-hero-inline__label{color:#fff}
body.mev-p10-hero-d.mev-p10-hd-hd16 .mev-p10-hero-inline__label{color:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd16 .mev-p10-hero-inline:hover{width:var(--p10-text-hover)}
body.mev-p10-hero-d.mev-p10-hd-hd16 .mev-p10-hero-inline:hover~.mev-p10-b-shell{margin-left:calc(var(--p10-text-hover) + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd16 .mev-p10-hero-inline:hover{background-position:54% center}

/* T3 — SPLIT. Texte et image vivent dans la même lame ; le séparateur se déplace horizontalement sans modifier la largeur du mur. */
body.mev-p10-hero-d.mev-p10-hd-hd17 .mev-p10-hero-inline{--p10-split:63%;--p10-text-w:clamp(430px,32vw,610px);padding:32px 30px;background:var(--p10-beige)}
body.mev-p10-hero-d.mev-p10-hd-hd17 .mev-p10-hero-inline::before{content:"";position:absolute;z-index:0;right:0;top:0;bottom:0;width:calc(100% - var(--p10-split));background-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.54)),var(--p10-hero-image);background-size:cover;background-position:center;transition:width 820ms cubic-bezier(.22,.68,.2,1)}
body.mev-p10-hero-d.mev-p10-hd-hd17 .mev-p10-hero-inline::after{content:"";position:absolute;z-index:1;left:var(--p10-split);top:0;width:2px;height:100%;background:var(--p10-red);transition:left 820ms cubic-bezier(.22,.68,.2,1)}
body.mev-p10-hero-d.mev-p10-hd-hd17 .mev-p10-hero-inline>*{position:relative;z-index:2;max-width:55%}
body.mev-p10-hero-d.mev-p10-hd-hd17 .mev-p10-hero-inline:hover{--p10-split:54%}

/* T4 — SILENCE. Beaucoup d'air ; aucune réaction de la lame texte. Seules les images produisent le jeu horizontal. */
body.mev-p10-hero-d.mev-p10-hd-hd18 .mev-p10-hero-inline{--p10-text-w:clamp(360px,27vw,500px);padding:38px 30px;background:var(--p10-grey);border-right:1px solid rgba(0,0,0,.72);justify-content:flex-end}
body.mev-p10-hero-d.mev-p10-hd-hd18 .mev-p10-hero-inline::before{content:"";position:absolute;left:30px;top:36px;width:82px;height:2px;background:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd18 .mev-p10-hero-inline__body{margin-bottom:42px;max-width:24em}
body.mev-p10-hero-d.mev-p10-hd-hd18 .mev-p10-hero-inline__prop{font-size:clamp(1.7rem,2vw,2.3rem);color:#111}

/* T5 — NOIRE. Seuil très graphique ; dès qu'une image est explorée, la lame sombre se retire légèrement pour céder du terrain au mur. */
body.mev-p10-hero-d.mev-p10-hd-hd19 .mev-p10-hero-inline{--p10-text-w:clamp(390px,29vw,540px);background:#111;color:#fff;border-right:3px solid var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd19 .mev-p10-hero-inline__body,body.mev-p10-hero-d.mev-p10-hd-hd19 .mev-p10-hero-inline__prop{color:#fff}
body.mev-p10-hero-d.mev-p10-hd-hd19 .mev-p10-hero-inline__label{color:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd19 .mev-p10:has(.mev-p10-card:hover) .mev-p10-hero-inline{width:clamp(260px,20vw,360px)}
body.mev-p10-hero-d.mev-p10-hd-hd19 .mev-p10:has(.mev-p10-card:hover) .mev-p10-b-shell{margin-left:calc(clamp(260px,20vw,360px) + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd19 .mev-p10:has(.mev-p10-card:hover) .mev-p10-hero-inline__body{opacity:.42;transform:translateX(-8px)}

/* T6 — MATRICE. Au repos, la lame texte est exactement un septième module. Lorsqu'une case est explorée, elle se comprime en repère et rend l'espace au mur. */
body.mev-p10-hero-d.mev-p10-hd-hd20 .mev-p10-hero-inline{--p10-text-w:calc((100% - (6 * var(--p10-gap))) / 7);width:var(--p10-text-w);padding:25px 18px;background:var(--p10-beige);border-right:1px solid rgba(0,0,0,.78)}
body.mev-p10-hero-d.mev-p10-hd-hd20 .mev-p10-hero-inline::before{content:"";position:absolute;left:18px;top:22px;width:58px;height:2px;background:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd20 .mev-p10-hero-inline__body{font-size:clamp(.94rem,1vw,1.08rem);line-height:1.48;margin-bottom:28px}
body.mev-p10-hero-d.mev-p10-hd-hd20 .mev-p10-hero-inline__prop{font-size:clamp(1.45rem,1.72vw,2rem)}
body.mev-p10-hero-d.mev-p10-hd-hd20 .mev-p10:has(.mev-p10-card:hover) .mev-p10-hero-inline{width:96px;padding-left:14px;padding-right:14px}
body.mev-p10-hero-d.mev-p10-hd-hd20 .mev-p10:has(.mev-p10-card:hover) .mev-p10-b-shell{margin-left:calc(96px + var(--p10-gap))}
body.mev-p10-hero-d.mev-p10-hd-hd20 .mev-p10:has(.mev-p10-card:hover) .mev-p10-hero-inline__body{opacity:0;transform:translateX(-18px)}
body.mev-p10-hero-d.mev-p10-hd-hd20 .mev-p10:has(.mev-p10-card:hover) .mev-p10-hero-inline__prop{writing-mode:vertical-rl;transform:rotate(180deg);font-size:1.25rem;max-width:none}
body.mev-p10-hero-d.mev-p10-hd-hd20 .mev-p10:has(.mev-p10-card:hover) .mev-p10-hero-inline__label{opacity:0}

/* T6+ — RÉVÉLATION V2. La lame éditoriale vit DANS le même flex que les six cases : 7 lames égales au repos, H3 identique pour chacune, aucun recouvrement. */
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-b-shell{margin-left:0!important;margin-right:calc(-1 * var(--p10-pad));width:auto}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-b-stage--volet{gap:0!important}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-volet,body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-volet-reopen{display:none!important}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-wall{flex:1 1 auto!important;width:100%!important;min-width:0}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-b-grid{width:100%;height:100%;display:flex!important;align-items:stretch;gap:var(--p10-gap)}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-hero-inline--matrix{position:relative!important;left:auto!important;top:auto!important;z-index:3;width:auto!important;height:100%!important;min-height:0!important;flex:1 1 0;min-width:0;padding:26px 18px;background:var(--p10-beige);border:0;border-right:1px solid rgba(0,0,0,.76);justify-content:flex-end;pointer-events:auto;overflow:hidden;animation:p10-build-left 980ms cubic-bezier(.22,.68,.2,1) 60ms both;transition:flex-grow 820ms cubic-bezier(.22,.68,.2,1),flex-basis 820ms cubic-bezier(.22,.68,.2,1),padding 820ms cubic-bezier(.22,.68,.2,1)}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-hero-inline--matrix::before{content:"";position:absolute;left:18px;top:22px;width:58px;height:2px;background:var(--p10-red);transition:width 620ms cubic-bezier(.22,.68,.2,1)}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-hero-inline__prop{font-size:clamp(1.45rem,1.72vw,2rem);line-height:.94;color:#111;max-width:8.5em;transition:font-size 620ms cubic-bezier(.22,.68,.2,1),color 420ms ease}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-hero-inline__body{display:block;max-height:0;margin:0;overflow:hidden;opacity:0;transform:translateX(-12px);font:400 clamp(1rem,1.08vw,1.22rem)/1.5 'General Sans',sans-serif;letter-spacing:-.012em;text-wrap:pretty;max-width:32em;transition:max-height 760ms cubic-bezier(.22,.68,.2,1),opacity 260ms ease,transform 620ms cubic-bezier(.22,.68,.2,1),margin 620ms cubic-bezier(.22,.68,.2,1)}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-hero-inline__label{margin-top:0;font-size:9px;color:var(--p10-red);opacity:0;transform:translateX(-8px);transition:opacity 260ms ease,transform 520ms cubic-bezier(.22,.68,.2,1),margin 520ms ease}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-card-name{font-size:10px;letter-spacing:.055em}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-card-angle{font-size:clamp(1.25rem,1.78vw,2.2rem)}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-hero-inline--matrix:hover{flex-grow:var(--p10-hover-grow);padding-left:28px;padding-right:28px}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-hero-inline--matrix:hover::before{width:92px}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop{font-size:clamp(1.85rem,2.35vw,2.8rem);color:var(--p10-red)}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{max-height:24em;margin:0 0 28px;opacity:1;transform:none;transition-delay:0s,140ms,80ms,0s}
body.mev-p10-hero-d.mev-p10-hd-hd21 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__label{margin-top:12px;opacity:1;transform:none;transition-delay:120ms,80ms,0s}

/* T6+ A–D — same 7-module matrix, same fixed composition. Only the central paragraph reveal changes. */
@media(min-width:1200px){
  body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-b-shell{margin-left:0!important;margin-right:calc(-1 * var(--p10-pad));width:auto}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-b-stage--volet{gap:0!important}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-volet,body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-volet-reopen{display:none!important}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-wall{flex:1 1 auto!important;width:100%!important;min-width:0}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-b-grid{width:100%;height:100%;display:flex!important;align-items:stretch;gap:var(--p10-gap)}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-hero-inline--matrix{position:relative!important;left:auto!important;top:auto!important;z-index:3;width:auto!important;height:100%!important;min-height:0!important;flex:1 1 0;min-width:0;padding:0!important;background:var(--p10-beige);border:0;border-right:1px solid rgba(0,0,0,.76);justify-content:initial!important;pointer-events:auto;overflow:hidden;animation:p10-build-left 980ms cubic-bezier(.22,.68,.2,1) 60ms both;transition:flex-grow 820ms cubic-bezier(.22,.68,.2,1),flex-basis 820ms cubic-bezier(.22,.68,.2,1)}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-hero-inline--matrix:hover{flex-grow:var(--p10-hover-grow)}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-hero-inline__label{display:block;position:absolute;z-index:4;left:18px;right:18px;top:20px;margin:0;font:400 clamp(1.35rem,1.62vw,1.8rem)/.92 'Karrik',sans-serif;letter-spacing:-.025em;text-transform:uppercase;color:var(--p10-red);opacity:1;transform:none;white-space:normal;text-wrap:balance;overflow-wrap:normal;word-break:keep-all;hyphens:none}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-hero-inline__prop{display:block;position:absolute;z-index:4;left:18px;right:14px;bottom:20px;margin:0;font:400 clamp(1.45rem,1.72vw,2rem)/.94 'Karrik',sans-serif;letter-spacing:-.035em;color:#111;max-width:9em;writing-mode:horizontal-tb;transform:none}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-hero-inline__body{display:block;position:absolute;z-index:3;left:24px;right:28px;top:24%;bottom:23%;margin:0;overflow:hidden;font:400 clamp(.98rem,1.05vw,1.16rem)/1.52 'General Sans',sans-serif;letter-spacing:-.012em;color:#111;text-wrap:pretty;max-width:none;will-change:opacity,transform,filter,clip-path}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-card-name{font-size:10px;letter-spacing:.055em}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25) .mev-p10-card-angle{font-size:clamp(1.25rem,1.78vw,2.2rem)}

  /* A — continuous fade: no mask, no travel; the text simply comes into focus with the blade. */
  body.mev-p10-hero-d.mev-p10-hd-hd22 .mev-p10-hero-inline__body{opacity:0;transition:opacity 960ms cubic-bezier(.22,.68,.2,1)}
  body.mev-p10-hero-d.mev-p10-hd-hd22 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{opacity:1}

  /* B — soft veil: a smooth left-to-right gradient reveal, without any stepping. */
  body.mev-p10-hero-d.mev-p10-hd-hd23 .mev-p10-hero-inline__body{opacity:.08;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 42%,rgba(0,0,0,.72) 58%,transparent 78%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 42%,rgba(0,0,0,.72) 58%,transparent 78%,transparent 100%);-webkit-mask-size:240% 100%;mask-size:240% 100%;-webkit-mask-position:100% 0;mask-position:100% 0;transition:opacity 980ms cubic-bezier(.22,.68,.2,1),-webkit-mask-position 1120ms cubic-bezier(.22,.68,.2,1),mask-position 1120ms cubic-bezier(.22,.68,.2,1)}
  body.mev-p10-hero-d.mev-p10-hd-hd23 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{opacity:1;-webkit-mask-position:0 0;mask-position:0 0}

  /* C — inertial glide: one continuous horizontal drift, synchronized with H3. */
  body.mev-p10-hero-d.mev-p10-hd-hd24 .mev-p10-hero-inline__body{opacity:0;transform:translateX(-24px);transition:opacity 980ms cubic-bezier(.22,.68,.2,1),transform 980ms cubic-bezier(.22,.68,.2,1)}
  body.mev-p10-hero-d.mev-p10-hd-hd24 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{opacity:1;transform:none}

  /* D — focus reveal: no spatial movement, only a slow blur-to-sharp transition. */
  body.mev-p10-hero-d.mev-p10-hd-hd25 .mev-p10-hero-inline__body{opacity:0;filter:blur(5px);transition:opacity 1040ms cubic-bezier(.22,.68,.2,1),filter 1040ms cubic-bezier(.22,.68,.2,1)}
  body.mev-p10-hero-d.mev-p10-hd-hd25 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{opacity:1;filter:blur(0)}
}

/* T6+ E — APRÈS OUVERTURE V2. Le paragraphe reste absent pendant l'essentiel du déploiement H3, puis apparaît par un fondu court et fluide dès que la lame atteint son ouverture visuelle. À la fermeture, il s'efface rapidement pendant le repli. */
@media(min-width:1200px){
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-b-shell{margin-left:0!important;margin-right:calc(-1 * var(--p10-pad));width:auto}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-b-stage--volet{gap:0!important}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-volet,body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-volet-reopen{display:none!important}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-wall{flex:1 1 auto!important;width:100%!important;min-width:0}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-b-grid{width:100%;height:100%;display:flex!important;align-items:stretch;gap:var(--p10-gap)}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-hero-inline--matrix{position:relative!important;left:auto!important;top:auto!important;z-index:3;width:auto!important;height:100%!important;min-height:0!important;flex:1 1 0;min-width:0;padding:0!important;background:var(--p10-beige);border:0;border-right:1px solid rgba(0,0,0,.76);justify-content:initial!important;pointer-events:auto;overflow:hidden;animation:p10-build-left 980ms cubic-bezier(.22,.68,.2,1) 60ms both;transition:flex-grow 820ms cubic-bezier(.22,.68,.2,1),flex-basis 820ms cubic-bezier(.22,.68,.2,1)}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-hero-inline--matrix:hover{flex-grow:var(--p10-hover-grow)}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-hero-inline__label{display:block;position:absolute;z-index:4;left:18px;right:18px;top:20px;margin:0;font:400 clamp(1.35rem,1.62vw,1.8rem)/.92 'Karrik',sans-serif;letter-spacing:-.025em;text-transform:uppercase;color:var(--p10-red);opacity:1;transform:none;white-space:normal;text-wrap:balance;overflow-wrap:normal;word-break:keep-all;hyphens:none}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-hero-inline__prop{display:block;position:absolute;z-index:4;left:18px;right:14px;bottom:20px;margin:0;font:400 clamp(1.45rem,1.72vw,2rem)/.94 'Karrik',sans-serif;letter-spacing:-.035em;color:#111;max-width:9em;writing-mode:horizontal-tb;transform:none;transition:color 420ms ease}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-hero-inline__body{display:block;position:absolute;z-index:3;left:24px;right:auto;top:24%;bottom:auto;width:clamp(360px,30vw,560px);margin:0;overflow:visible;font:400 clamp(.98rem,1.05vw,1.16rem)/1.52 'General Sans',sans-serif;letter-spacing:-.012em;color:#111;text-wrap:pretty;max-width:none;opacity:0;will-change:opacity}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{opacity:1}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-hero-inline__body{transition:opacity 820ms cubic-bezier(.22,.68,.2,1)}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop{color:var(--p10-red)}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-card-angle{font:600 9px/1.18 'General Sans',sans-serif;letter-spacing:.07em;text-transform:uppercase;opacity:.82;color:#fff}
  body.mev-p10-hero-d.mev-p10-hd-hd26 .mev-p10-card-name{font:400 clamp(1.2rem,1.62vw,2rem)/.94 'Karrik',sans-serif;letter-spacing:-.025em;text-transform:none;opacity:1;color:#fff;text-wrap:balance}
}

/* 16/09 — HIERARCHIE LAMES P10. Le Case Study est le niveau principal ; la catégorie devient secondaire. IMPORTANT : aucune unité container-query sur les lames animées afin de préserver la fluidité H3. */
body.mev-p10-lab.mev-p10-hero-d .mev-p10-card-copy{left:14px;right:18px;bottom:16px}
body.mev-p10-lab.mev-p10-hero-d .mev-p10-card-angle{font:600 9px/1.18 'General Sans',sans-serif!important;letter-spacing:.07em!important;text-transform:uppercase!important;opacity:.82;color:#fff!important;white-space:normal!important;max-width:100%}
body.mev-p10-lab.mev-p10-hero-d .mev-p10-card-name{font:400 clamp(1.18rem,1.55vw,1.95rem)/.94 'Karrik',sans-serif!important;letter-spacing:-.025em!important;text-transform:none!important;opacity:1;color:#fff!important;white-space:normal!important;max-width:100%;transition:color 420ms ease}
@media(min-width:1200px){
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-detail-d1 .mev-p10-card:hover .mev-p10-card-name,body.mev-p10-lab.mev-p10-hero-d.mev-p10-detail-d1 .mev-p10-card:focus-within .mev-p10-card-name,body.mev-p10-lab.mev-p10-hero-d.mev-p10-detail-d1 .mev-p10-card.is-p10-active .mev-p10-card-name{color:var(--p10-red)!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-detail-d1 .mev-p10-card:hover .mev-p10-card-angle,body.mev-p10-lab.mev-p10-hero-d.mev-p10-detail-d1 .mev-p10-card:focus-within .mev-p10-card-angle,body.mev-p10-lab.mev-p10-hero-d.mev-p10-detail-d1 .mev-p10-card.is-p10-active .mev-p10-card-angle{color:#fff!important}
}

/* 16/09 — COMPOSITION NOMS. Retours éditoriaux pilotés par Case Study : aucune césure accidentelle dans une unité, sans recalcul typographique pendant H3. */
body.mev-p10-lab.mev-p10-hero-d .mev-p10-card-name-line{display:block;white-space:nowrap;max-width:100%}
body.mev-p10-lab.mev-p10-hero-d .mev-p10-card--369 .mev-p10-card-name,body.mev-p10-lab.mev-p10-hero-d .mev-p10-card--lux .mev-p10-card-name{font-size:clamp(1.02rem,1.35vw,1.68rem)!important}

/* 16/09 — LAME ÉDITORIALE / TEXTE CONSTRUIT. Trois blocs ; cinétique des séparateurs définie plus bas par la loi Body Internal Construction production. */

/* 16/09 — TAGLINE STABLE. Composition et couleur fixes : noir au repos comme au survol. */

/* F/G — même cinétique E corrigée, deux hypothèses de fond. */
@media(min-width:1200px){
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10{padding-right:0!important}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-b-shell{margin-left:0!important;margin-right:0!important;width:auto;max-width:100%;overflow:clip}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-b-stage--volet{gap:0!important}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-volet,body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-volet-reopen{display:none!important}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-wall{flex:1 1 auto!important;width:100%!important;min-width:0}
  body.mev-p10-hero-d.mev-p10-hd-hd27 .mev-p10-b-grid{--p10-interblade-bg:var(--p10-beige)}
  body.mev-p10-hero-d.mev-p10-hd-hd28 .mev-p10-b-grid{--p10-interblade-bg:var(--p10-grey)}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-b-grid{width:100%;height:100%;display:flex!important;align-items:stretch;gap:0!important}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-b-grid>.mev-p10-card,body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-b-grid>.mev-p10-hero-inline--matrix{border-right:var(--p10-gap) solid var(--p10-interblade-bg)}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-b-grid>:last-child{border-right:0}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline--matrix{position:relative!important;left:auto!important;top:auto!important;z-index:3;width:auto!important;height:100%!important;min-height:0!important;flex:1 1 0;min-width:0;padding:0!important;border-top:0;border-left:0;border-bottom:0;box-shadow:inset -1px 0 0 rgba(0,0,0,.76);justify-content:initial!important;pointer-events:auto;overflow:hidden;animation:p10-build-left 980ms cubic-bezier(.22,.68,.2,1) 60ms both;transition:flex-grow 820ms cubic-bezier(.22,.68,.2,1),flex-basis 820ms cubic-bezier(.22,.68,.2,1)}
  body.mev-p10-hero-d:not(.mev-p10-hover-h4):is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline--matrix:hover{flex-grow:var(--p10-hover-grow)}
  body.mev-p10-hover-h4.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline--matrix.is-h4-active{flex-grow:var(--p10-hover-grow)}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{display:block;position:absolute;z-index:8;left:24px;top:20px;right:24px;width:auto;max-width:calc(100% - 48px);margin:0;padding:3px 0 7px;font:400 clamp(1.34rem,1.3vw,1.64rem)/1.04 'Karrik',sans-serif;letter-spacing:-.035em;text-transform:none;color:var(--p10-red);opacity:1;white-space:nowrap;overflow:visible;transform:none}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{display:block;position:absolute;z-index:7;left:24px;top:80px;right:auto;bottom:auto;width:clamp(232px,17vw,316px);margin:0;font:400 clamp(1.34rem,1.52vw,1.8rem)/.96 'Karrik',sans-serif;letter-spacing:-.038em;color:#111!important;white-space:normal;overflow:visible;writing-mode:horizontal-tb;transform:none;transition:none!important}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-prop-line{display:block;white-space:nowrap;line-height:.94;padding-right:14px}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{display:block;position:absolute;z-index:3;left:24px;right:auto;top:50%;bottom:auto;width:clamp(420px,28vw,560px);margin:0;overflow:visible;font:400 clamp(.98rem,1.05vw,1.16rem)/1.52 'General Sans',sans-serif;letter-spacing:-.012em;color:#111;text-wrap:pretty;max-width:none;opacity:0;transform:translateY(-50%);will-change:opacity;transition:opacity 820ms cubic-bezier(.22,.68,.2,1)}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{opacity:1}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-card-angle{font:600 9px/1.18 'General Sans',sans-serif;letter-spacing:.07em;text-transform:uppercase;opacity:.82;color:#fff}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-card-name{font:400 clamp(1.2rem,1.62vw,2rem)/.94 'Karrik',sans-serif;letter-spacing:-.025em;text-transform:none;opacity:1;color:#fff;text-wrap:balance}
  body.mev-p10-hero-d.mev-p10-hd-hd27,body.mev-p10-hero-d.mev-p10-hd-hd27 .mev-p10{background:var(--p10-beige)!important}
  body.mev-p10-hero-d.mev-p10-hd-hd27 .mev-p10-hero-inline--matrix{background:var(--p10-beige)}
  body.mev-p10-hero-d.mev-p10-hd-hd28 .mev-p10-hero-inline--matrix{background:var(--p10-grey)}
  body:is(.mev-family-index-sectors,.mev-family-index-governance) .mev-p10-b-grid>.mev-p10-hero-inline--matrix{display:none!important}
}

/* 16/09 — LAME ÉDITORIALE / TEXTE CENTRAL. Trois paragraphes sans séparateurs pour une lecture plus calme. */
@media(min-width:1200px){
  body.mev-p10-hero-d:is(.mev-p10-hd-hd21,.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25,.mev-p10-hd-hd26,.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-block{display:block}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd21,.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25,.mev-p10-hd-hd26,.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-block+.mev-p10-hero-block{margin-top:1.2em}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd21,.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25,.mev-p10-hd-hd26,.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__quote{margin:1.45em 0 0 clamp(12px,1vw,20px)!important;padding:0!important;border:0!important;border-left:0!important;background:transparent!important;box-shadow:none!important;font:italic 700 clamp(.88rem,.93vw,1.02rem)/1.36 'General Sans',sans-serif;letter-spacing:-.006em;color:#111;max-width:35em}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd21,.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25,.mev-p10-hd-hd26,.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__quote p{margin:0!important;padding:0!important;font-style:italic!important;font-weight:700!important;font-size:inherit!important;line-height:inherit!important;font-family:'General Sans',sans-serif!important;color:inherit}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd21,.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25,.mev-p10-hd-hd26,.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__quote cite{display:block;margin-top:.76em;font:normal 400 .8rem/1.32 'General Sans',sans-serif;color:#111}
  body.mev-p10-hero-d:is(.mev-p10-hd-hd21,.mev-p10-hd-hd22,.mev-p10-hd-hd23,.mev-p10-hd-hd24,.mev-p10-hd-hd25,.mev-p10-hd-hd26,.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__quote cite span{opacity:.62}
}

/* E — neutralisé : même architecture, contraste et masse visuelle abaissés pour laisser les images dominer. */
body.mev-p10-hero-e .mev-hero.mev-hero--eq38{height:clamp(250px,29svh,300px);background:var(--p10-grey)}
body.mev-p10-hero-e .mev-hero__eq-m{opacity:.24!important;filter:grayscale(1)}
body.mev-p10-hero-e .mev-hero__eq-name{color:#1a1a1a!important;opacity:.58!important;font-size:clamp(35px,2.7vw,42px)!important}
body.mev-p10-hero-e .mev-hero__eq-name::before{background:rgba(253,6,0,.45)!important;height:2px}
body.mev-p10-hero-e .mev-hero__eq-h1{opacity:.58!important;font-size:clamp(19px,1.4vw,24px)!important}

/* F — sans hero classique : seulement une amorce éditoriale compacte avant le mur. */
body.mev-p10-hero-f .mev-hero.mev-hero--eq38{display:none!important}
body.mev-p10-hero-f .mev-p10-hero-inline{display:flex;align-items:baseline;gap:16px;width:min(1240px,calc(100% - 2 * var(--p10-pad)));margin:0 auto;padding:10px 0 16px;border-bottom:1px solid rgba(253,6,0,.7)}
body.mev-p10-hero-f .mev-p10-hero-inline__prop{font:400 clamp(1.5rem,2.2vw,2.3rem)/.95 'Karrik',sans-serif;letter-spacing:-.03em;color:var(--p10-red)}
body.mev-p10-hero-f .mev-p10-hero-inline__label{font:500 10px/1.1 'General Sans',sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#111}

/* H4 — stable interaction map. The seven hit zones stay fixed while the visual blades flex. */
@media(min-width:1200px){
  body.mev-p10-hover-h4.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-b-grid>.mev-p10-card,body.mev-p10-hover-h4.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-b-grid>.mev-p10-hero-inline--matrix{border-right:0!important}
  body.mev-p10-hover-h4.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-b-grid>.mev-p10-card:not(:last-child) .mev-p10-card-link::after,body.mev-p10-hover-h4.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-b-grid>.mev-p10-hero-inline--matrix::after{content:"";position:absolute;z-index:9;top:0;right:0;bottom:0;width:var(--p10-gap);background:var(--p10-interblade-bg);pointer-events:none}
  body.mev-p10-hover-h4.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-b-grid>.mev-p10-hero-inline--matrix::after{box-shadow:inset 1px 0 0 rgba(0,0,0,.76)}
  body.mev-p10-hover-h4 .mev-p10-card:hover:not(.is-h4-active) .mev-p10-card-name{color:#fff!important}
  body.mev-p10-hover-h4 .mev-p10-card.is-h4-active .mev-p10-card-name{color:var(--p10-red)!important}
  body.mev-p10-hover-h4 .mev-p10-card:hover:not(.is-h4-active) .mev-p10-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.02) 20%,rgba(0,0,0,.72) 100%)}
  body.mev-p10-hover-h4 .mev-p10-card.is-h4-active .mev-p10-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.02) 20%,rgba(0,0,0,.72) 100%)}
  body.mev-p10-hover-h4 .mev-p10-hero-inline--matrix:hover:not(.is-h4-active) .mev-p10-hero-inline__prop{color:#111!important}
  body.mev-p10-hover-h4 .mev-p10-hero-inline--matrix.is-h4-active .mev-p10-hero-inline__prop{color:#111!important}
  body.mev-p10-hover-h4 .mev-p10-hero-inline--matrix:hover:not(.is-h4-active) .mev-p10-hero-inline__body{opacity:0!important}
  body.mev-p10-hover-h4 .mev-p10-hero-inline--matrix.is-h4-active .mev-p10-hero-inline__body{opacity:1!important}
  body.mev-p10-hover-h4 .mev-p10-hero-inline--matrix:hover:not(.is-h4-active) .mev-p10-hero-separator>span{transform:scaleX(0)!important;transition-delay:0ms!important}
  body.mev-p10-hover-h4 .mev-p10-hero-inline--matrix.is-h4-active .mev-p10-hero-separator>span{transform:scaleX(1)!important}
  body.mev-p10-hover-h4 .mev-p10-hero-inline--matrix.is-h4-active .mev-p10-hero-separator--2>span{transition-delay:140ms!important}
}

/* 17/09 — P10 vertical-composition comparison lab. Query-gated on Vianney witness only; production P10 is untouched. */
@media(min-width:1200px){
  /* A — descente groupée / correction minimale */
  body.mev-p10-vcomp-a.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{top:7%}
  body.mev-p10-vcomp-a.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{top:18%}
  body.mev-p10-vcomp-a.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{top:52%}

  /* B — double centre de gravité */
  body.mev-p10-vcomp-b.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{top:6%}
  body.mev-p10-vcomp-b.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{top:27%}
  body.mev-p10-vcomp-b.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{top:70%}

  /* C — tagline au centre */
  body.mev-p10-vcomp-c.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{top:7%}
  body.mev-p10-vcomp-c.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{top:36%}
  body.mev-p10-vcomp-c.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{top:72%}

  /* D — trois bandes architecturales */
  body.mev-p10-vcomp-d.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{top:9%}
  body.mev-p10-vcomp-d.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{top:30%}
  body.mev-p10-vcomp-d.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{top:62%}

  /* E — grand écart éditorial : le développement vient combler le vide à l'ouverture */
  body.mev-p10-vcomp-e.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{top:7%}
  body.mev-p10-vcomp-e.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{top:49%}
  body.mev-p10-vcomp-e.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{top:29%}

  /* F — haut / bas assumé : vide central fermé, rempli par le texte à l'ouverture */
  body.mev-p10-vcomp-f.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{top:7%}
  body.mev-p10-vcomp-f.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{top:69%}
  body.mev-p10-vcomp-f.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{top:42%}

  /* G — avant-goût éditorial : premier mouvement visible au repos, développement complet au survol */
  body.mev-p10-vcomp-g.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{top:7%}
  body.mev-p10-vcomp-g.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{top:20%}
  body.mev-p10-vcomp-g.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{top:52%;opacity:1;transform:translateY(-50%)}
  body.mev-p10-vcomp-g .mev-p10-hero-inline__body .mev-p10-hero-block{opacity:0;max-height:0;overflow:hidden;margin-top:0!important;transition:opacity 360ms ease,max-height 620ms cubic-bezier(.22,.68,.2,1),margin-top 620ms cubic-bezier(.22,.68,.2,1)}
  body.mev-p10-vcomp-g .mev-p10-hero-inline__body .mev-p10-hero-block:first-child{opacity:.78;max-height:9em}
  body.mev-p10-vcomp-g .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body .mev-p10-hero-block{opacity:1;max-height:12em;margin-top:1.2em!important}
  body.mev-p10-vcomp-g .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body .mev-p10-hero-block:first-child{margin-top:0!important}

  /* H — texte présent dès le repos : la lame devient réellement éditoriale, le hover ne fait que renforcer */
  body.mev-p10-vcomp-h.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{top:7%}
  body.mev-p10-vcomp-h.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{top:20%}
  body.mev-p10-vcomp-h.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{top:56%;opacity:.68;transform:translateY(-50%);transition:opacity 420ms ease}
  body.mev-p10-vcomp-h .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{opacity:1}

  /* I — manifeste typographique : même contenu, mais la tagline porte beaucoup plus de masse */
  body.mev-p10-vcomp-i.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{top:7%}
  body.mev-p10-vcomp-i.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{top:24%;width:clamp(290px,22vw,410px);font-size:clamp(1.9rem,2.3vw,2.75rem);line-height:.9}
  body.mev-p10-vcomp-i.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{top:68%}

  /* J — échelle verticale : les trois lignes occupent trois niveaux de la lame */
  body.mev-p10-vcomp-j.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{top:6%}
  body.mev-p10-vcomp-j.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{top:0;left:24px;width:calc(100% - 48px);height:100%;font-size:clamp(1.45rem,1.72vw,2.05rem)}
  body.mev-p10-vcomp-j .mev-p10-hero-prop-line{position:absolute;left:0;right:0;padding:0!important}
  body.mev-p10-vcomp-j .mev-p10-hero-prop-line:nth-child(1){top:28%}
  body.mev-p10-vcomp-j .mev-p10-hero-prop-line:nth-child(2){top:49%}
  body.mev-p10-vcomp-j .mev-p10-hero-prop-line:nth-child(3){top:70%}
  body.mev-p10-vcomp-j.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{top:52%}

  /* K — trois points d'ancrage : titre haut, tagline au tiers, premier paragraphe en bas au repos */
  body.mev-p10-vcomp-k.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{top:7%}
  body.mev-p10-vcomp-k.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{top:31%}
  body.mev-p10-vcomp-k.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{top:auto;bottom:8%;opacity:1;transform:none;font-size:clamp(.9rem,.95vw,1.04rem);line-height:1.48}
  body.mev-p10-vcomp-k .mev-p10-hero-inline__body .mev-p10-hero-block{display:none}
  body.mev-p10-vcomp-k .mev-p10-hero-inline__body .mev-p10-hero-block:first-child{display:block;opacity:.78}
  body.mev-p10-vcomp-k .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{top:53%;bottom:auto;transform:translateY(-50%);font-size:clamp(.98rem,1.05vw,1.16rem)}
  body.mev-p10-vcomp-k .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body .mev-p10-hero-block{display:block;opacity:1}

  /* L — affiche / champ tonal : la lame n'est plus un grand aplat vide ; sa moitié basse devient une surface éditoriale */
  body.mev-p10-vcomp-l.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline--matrix::before{content:"";position:absolute;z-index:1;left:0;right:0;top:45%;bottom:0;background:var(--p10-grey);pointer-events:none}
  body.mev-p10-vcomp-l.mev-p10-hero-d.mev-p10-hd-hd28 .mev-p10-hero-inline--matrix::before{background:var(--p10-beige)}
  body.mev-p10-vcomp-l.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__label{top:7%}
  body.mev-p10-vcomp-l.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__prop{top:20%;font-size:clamp(1.55rem,1.82vw,2.18rem)}
  body.mev-p10-vcomp-l.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline__body{top:68%;z-index:4}
}

/* 17/09 — P10 VERTICAL-COMPOSITION V3. L remains the reference idea; these six witnesses change the blade itself, not only text position. */
@media(min-width:1200px){
  /* L2 — integrated editorial field: full-width lower mass, no inset-card effect. */
  body.mev-p10-vcomp-l2.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline--matrix{
    background:linear-gradient(180deg,var(--p10-beige) 0 42%,var(--p10-grey) 42% 100%)!important;
  }
  body.mev-p10-vcomp-l2 .mev-p10-hero-inline__label{top:7%!important}
  body.mev-p10-vcomp-l2 .mev-p10-hero-inline__prop{top:23%!important;width:clamp(220px,16vw,292px)!important}
  body.mev-p10-vcomp-l2 .mev-p10-hero-inline__body{top:66%!important;width:clamp(390px,26vw,520px)!important}

  /* L3 — same field, with one structural black hinge at the tonal transition. */
  body.mev-p10-vcomp-l3.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline--matrix{
    background:linear-gradient(180deg,var(--p10-beige) 0 43%,var(--p10-grey) 43% 100%)!important;
  }
  body.mev-p10-vcomp-l3 .mev-p10-hero-inline--matrix::before{content:"";position:absolute;z-index:5;left:0;right:0;top:43%;height:1px;background:#111;pointer-events:none}
  body.mev-p10-vcomp-l3 .mev-p10-hero-inline__label{top:7%!important}
  body.mev-p10-vcomp-l3 .mev-p10-hero-inline__prop{top:23%!important;width:clamp(220px,16vw,292px)!important}
  body.mev-p10-vcomp-l3 .mev-p10-hero-inline__body{top:67%!important;width:clamp(390px,26vw,520px)!important}

  /* L4 — inhabited field: first editorial movement is already present at rest. */
  body.mev-p10-vcomp-l4.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline--matrix{
    background:linear-gradient(180deg,var(--p10-beige) 0 41%,var(--p10-grey) 41% 100%)!important;
  }
  body.mev-p10-vcomp-l4 .mev-p10-hero-inline__label{top:7%!important}
  body.mev-p10-vcomp-l4 .mev-p10-hero-inline__prop{top:22%!important;width:clamp(220px,16vw,292px)!important}
  body.mev-p10-vcomp-l4 .mev-p10-hero-inline__body{top:64%!important;width:clamp(390px,26vw,520px)!important;opacity:1!important}
  body.mev-p10-vcomp-l4 .mev-p10-hero-inline__body .mev-p10-hero-block{opacity:0;transition:opacity 520ms ease}
  body.mev-p10-vcomp-l4 .mev-p10-hero-inline__body .mev-p10-hero-block:first-child{opacity:.38}
  body.mev-p10-vcomp-l4 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body .mev-p10-hero-block{opacity:1}

  /* R1 — verticality as composition: blade stays open, title/tagline become a typographic spine. */
  body.mev-p10-vcomp-r1 .mev-p10-hero-inline__label{left:22px!important;right:auto!important;top:9%!important;width:auto!important;max-width:none!important;padding:0!important;writing-mode:vertical-rl;transform:rotate(180deg)!important;white-space:nowrap}
  body.mev-p10-vcomp-r1 .mev-p10-hero-inline__prop{left:37%!important;right:auto!important;top:12%!important;width:auto!important;height:48%!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important;font-size:clamp(1.55rem,1.72vw,2rem)!important}
  body.mev-p10-vcomp-r1 .mev-p10-hero-prop-line{display:block!important;white-space:nowrap!important;padding:0 0 0 10px!important}
  body.mev-p10-vcomp-r1 .mev-p10-hero-inline__body{left:24px!important;top:76%!important;width:clamp(390px,26vw,520px)!important}

  /* R2 — clickable tranche. Closed = vertical edge; click = blade unfolds and all copy returns horizontal. */
  body.mev-p10-vcomp-r2 .mev-p10-hero-inline--matrix{flex-grow:.34!important;cursor:pointer;outline:none}
  body.mev-p10-vcomp-r2 .mev-p10-hero-inline--matrix:hover{flex-grow:.34!important}
  body.mev-p10-vcomp-r2 .mev-p10-hero-inline--matrix:focus-visible{box-shadow:inset -1px 0 0 rgba(0,0,0,.76),inset 0 0 0 2px var(--p10-red)}
  body.mev-p10-vcomp-r2 .mev-p10-hero-inline__label{left:50%!important;right:auto!important;top:8%!important;width:auto!important;max-width:none!important;padding:0!important;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg)!important;font-size:clamp(1.05rem,1.12vw,1.35rem)!important}
  body.mev-p10-vcomp-r2 .mev-p10-hero-inline__prop{left:50%!important;right:auto!important;top:42%!important;width:auto!important;height:43%!important;writing-mode:vertical-rl!important;transform:translateX(-50%) rotate(180deg)!important;font-size:clamp(.9rem,1vw,1.18rem)!important;opacity:.72}
  body.mev-p10-vcomp-r2 .mev-p10-hero-prop-line{display:block!important;white-space:nowrap!important;padding:0 0 0 7px!important}
  body.mev-p10-vcomp-r2 .mev-p10-hero-inline__body{opacity:0!important}
  body.mev-p10-vcomp-r2 .mev-p10-hero-inline--matrix.is-r2-open{flex-grow:var(--p10-hover-grow)!important;cursor:default}
  body.mev-p10-vcomp-r2 .mev-p10-hero-inline--matrix.is-r2-open .mev-p10-hero-inline__label{left:24px!important;right:24px!important;top:7%!important;width:auto!important;max-width:calc(100% - 48px)!important;writing-mode:horizontal-tb!important;transform:none!important;font-size:clamp(1.34rem,1.3vw,1.64rem)!important}
  body.mev-p10-vcomp-r2 .mev-p10-hero-inline--matrix.is-r2-open .mev-p10-hero-inline__prop{left:24px!important;right:auto!important;top:22%!important;width:clamp(232px,17vw,316px)!important;height:auto!important;writing-mode:horizontal-tb!important;transform:none!important;font-size:clamp(1.34rem,1.52vw,1.8rem)!important;opacity:1}
  body.mev-p10-vcomp-r2 .mev-p10-hero-inline--matrix.is-r2-open .mev-p10-hero-prop-line{display:block!important;padding-right:14px!important;padding-left:0!important}
  body.mev-p10-vcomp-r2 .mev-p10-hero-inline--matrix.is-r2-open .mev-p10-hero-inline__body{left:24px!important;top:61%!important;width:clamp(420px,28vw,560px)!important;opacity:1!important}

  /* R3 — colour mass instead of extra text: black upper field + grey editorial base. */
  body.mev-p10-vcomp-r3.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline--matrix{
    background:linear-gradient(180deg,#111 0 56%,var(--p10-grey) 56% 100%)!important;
  }
  body.mev-p10-vcomp-r3 .mev-p10-hero-inline__label{top:7%!important;color:var(--p10-red)!important}
  body.mev-p10-vcomp-r3 .mev-p10-hero-inline__prop{top:24%!important;color:var(--p10-beige)!important;width:clamp(220px,16vw,292px)!important}
  body.mev-p10-vcomp-r3 .mev-p10-hero-inline__body{top:76%!important;color:#111!important;width:clamp(390px,26vw,520px)!important}

  /* R2BIS — closed state is a true black typographic spine, only as wide as needed. Hover unfolds the editorial blade. */
  body:is(.mev-p10-vcomp-r2a,.mev-p10-vcomp-r2b,.mev-p10-vcomp-r2c).mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28) .mev-p10-hero-inline--matrix{
    flex:0 0 86px!important;min-width:86px!important;max-width:none!important;background:#111!important;box-shadow:none!important;cursor:default;transition:flex-grow 820ms cubic-bezier(.22,.68,.2,1),flex-basis 820ms cubic-bezier(.22,.68,.2,1),background-color 520ms ease!important;
  }
  body:is(.mev-p10-vcomp-r2a,.mev-p10-vcomp-r2b,.mev-p10-vcomp-r2c).mev-p10-hero-d:not(.mev-p10-hover-h4) .mev-p10-hero-inline--matrix:hover{flex-grow:var(--p10-hover-grow)!important;flex-basis:86px!important}
  body:is(.mev-p10-vcomp-r2a,.mev-p10-vcomp-r2b,.mev-p10-vcomp-r2c) .mev-p10-hero-inline__label{
    left:50%!important;right:auto!important;top:50%!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;
    writing-mode:vertical-rl!important;transform:translate(-50%,-50%) rotate(180deg)!important;
    font:400 clamp(1.8rem,2.05vw,2.35rem)/.95 'Karrik',sans-serif!important;letter-spacing:-.035em!important;color:var(--p10-red)!important;white-space:nowrap!important;
    transition:opacity 180ms ease!important;
  }
  body:is(.mev-p10-vcomp-r2a,.mev-p10-vcomp-r2b,.mev-p10-vcomp-r2c) .mev-p10-hero-inline__prop,
  body:is(.mev-p10-vcomp-r2a,.mev-p10-vcomp-r2b,.mev-p10-vcomp-r2c) .mev-p10-hero-inline__body{opacity:0!important;pointer-events:none}
  body:is(.mev-p10-vcomp-r2a,.mev-p10-vcomp-r2b,.mev-p10-vcomp-r2c) .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__label{
    left:24px!important;right:24px!important;top:7%!important;width:auto!important;max-width:calc(100% - 48px)!important;
    writing-mode:horizontal-tb!important;transform:none!important;font-size:clamp(1.42rem,1.42vw,1.78rem)!important;
  }
  body:is(.mev-p10-vcomp-r2a,.mev-p10-vcomp-r2b,.mev-p10-vcomp-r2c) .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop{
    left:24px!important;right:auto!important;top:22%!important;width:clamp(232px,17vw,316px)!important;height:auto!important;
    writing-mode:horizontal-tb!important;transform:none!important;font-size:clamp(1.34rem,1.52vw,1.8rem)!important;opacity:1!important;pointer-events:auto
  }
  body:is(.mev-p10-vcomp-r2a,.mev-p10-vcomp-r2b,.mev-p10-vcomp-r2c) .mev-p10-hero-inline--matrix:hover .mev-p10-hero-prop-line{display:block!important;white-space:nowrap!important;padding-right:14px!important;padding-left:0!important}
  body:is(.mev-p10-vcomp-r2a,.mev-p10-vcomp-r2b,.mev-p10-vcomp-r2c) .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{
    left:24px!important;right:auto!important;top:62%!important;width:clamp(420px,28vw,560px)!important;opacity:1!important;pointer-events:auto
  }

  /* R2A — black spine disappears into a beige editorial blade. */
  body.mev-p10-vcomp-r2a .mev-p10-hero-inline--matrix:hover{background:var(--p10-beige)!important}
  body.mev-p10-vcomp-r2a .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop,
  body.mev-p10-vcomp-r2a .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{color:#111!important}

  /* R2B — black spine remains as a permanent hinge while beige content unfolds to its right. */
  body.mev-p10-vcomp-r2b .mev-p10-hero-inline--matrix:hover{background:linear-gradient(90deg,#111 0 86px,var(--p10-beige) 86px 100%)!important}
  body.mev-p10-vcomp-r2b .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__label,
  body.mev-p10-vcomp-r2b .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop,
  body.mev-p10-vcomp-r2b .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{left:112px!important}
  body.mev-p10-vcomp-r2b .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__label{right:24px!important;max-width:calc(100% - 136px)!important}
  body.mev-p10-vcomp-r2b .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop,
  body.mev-p10-vcomp-r2b .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{color:#111!important}

  /* R2C — the blade stays black when open; typography carries the transformation. */
  body.mev-p10-vcomp-r2c .mev-p10-hero-inline--matrix:hover{background:#111!important}
  body.mev-p10-vcomp-r2c .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop,
  body.mev-p10-vcomp-r2c .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{color:var(--p10-beige)!important}
}

/* 17/09 — CASE-STUDY LABEL POSITION + R2C PALETTE LAB. Query-gated only. */
@media(min-width:1200px){
  /* R2C cleaned: narrower typographic spine, bottom-to-top vertical reading. */
  body.mev-p10-vcomp-r2c .mev-p10-hero-inline--matrix{flex-basis:74px!important;min-width:74px!important}
  body.mev-p10-vcomp-r2c:not(.mev-p10-hover-h4) .mev-p10-hero-inline--matrix:hover{flex-basis:74px!important}
  body.mev-p10-vcomp-r2c .mev-p10-hero-inline__label{font-size:clamp(1.9rem,2.15vw,2.5rem)!important}

  /* TH1 — all case labels move to the top; direct, compact reading. */
  body.mev-p10-cardpos-th1 .mev-p10-card-copy{top:16px!important;bottom:auto!important}
  body.mev-p10-cardpos-th1 .mev-p10-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.30) 26%,rgba(0,0,0,.02) 58%,rgba(0,0,0,.18) 100%)!important}

  /* TH2 — top reading with more air around the typographic block. */
  body.mev-p10-cardpos-th2 .mev-p10-card-copy{top:30px!important;bottom:auto!important;left:16px!important;right:20px!important;gap:7px!important}
  body.mev-p10-cardpos-th2 .mev-p10-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.22) 32%,rgba(0,0,0,.01) 62%,rgba(0,0,0,.16) 100%)!important}

  /* TH3 — top reading becomes an architectural cap; hover keeps the existing red title accent. */
  body.mev-p10-cardpos-th3 .mev-p10-card-copy{top:0!important;bottom:auto!important;left:0!important;right:0!important;padding:17px 14px 18px!important;gap:6px!important;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.34) 72%,rgba(0,0,0,0))!important}
  body.mev-p10-cardpos-th3 .mev-p10-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.02) 54%,rgba(0,0,0,.18) 100%)!important}

  /* R2C palette P1 — black text blade, black open field (control). */
  body.mev-p10-vcomp-r2c.mev-p10-palette-p1 .mev-p10-hero-inline--matrix{background:#111!important}
  body.mev-p10-vcomp-r2c.mev-p10-palette-p1 .mev-p10-hero-inline__label{color:var(--p10-red)!important}
  body.mev-p10-vcomp-r2c.mev-p10-palette-p1 .mev-p10-hero-inline--matrix:hover{background:#111!important}
  body.mev-p10-vcomp-r2c.mev-p10-palette-p1 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop,
  body.mev-p10-vcomp-r2c.mev-p10-palette-p1 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{color:var(--p10-beige)!important}

  /* P2 — beige text blade, beige open field. Same object, only colour mass changes. */
  body.mev-p10-lab.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28).mev-p10-vcomp-r2c.mev-p10-palette-p2 .mev-p10-b-grid>.mev-p10-hero-inline--matrix{background:var(--p10-beige)!important}
  body.mev-p10-vcomp-r2c.mev-p10-palette-p2 .mev-p10-hero-inline__label{color:var(--p10-red)!important}
  body.mev-p10-vcomp-r2c.mev-p10-palette-p2 .mev-p10-hero-inline--matrix:hover{background:var(--p10-beige)!important}
  body.mev-p10-vcomp-r2c.mev-p10-palette-p2 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop,
  body.mev-p10-vcomp-r2c.mev-p10-palette-p2 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{color:#111!important}

  /* P3 — grey text blade, grey open field. */
  body.mev-p10-lab.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28).mev-p10-vcomp-r2c.mev-p10-palette-p3 .mev-p10-b-grid>.mev-p10-hero-inline--matrix{background:var(--p10-grey)!important}
  body.mev-p10-vcomp-r2c.mev-p10-palette-p3 .mev-p10-hero-inline__label{color:var(--p10-red)!important}
  body.mev-p10-vcomp-r2c.mev-p10-palette-p3 .mev-p10-hero-inline--matrix:hover{background:var(--p10-grey)!important}
  body.mev-p10-vcomp-r2c.mev-p10-palette-p3 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop,
  body.mev-p10-vcomp-r2c.mev-p10-palette-p3 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{color:#111!important}

  /* P4 — mixed MEV palette kept as an extreme comparator. */
  body.mev-p10-vcomp-r2c.mev-p10-palette-p4 .mev-p10-hero-inline--matrix{background:#111!important}
  body.mev-p10-vcomp-r2c.mev-p10-palette-p4 .mev-p10-hero-inline--matrix:hover{background:linear-gradient(180deg,#111 0 40%,var(--p10-beige) 40% 52%,var(--p10-grey) 52% 100%)!important}
  body.mev-p10-vcomp-r2c.mev-p10-palette-p4 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop{color:var(--p10-beige)!important}
  body.mev-p10-vcomp-r2c.mev-p10-palette-p4 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{color:#111!important}

  /* L3 colour witnesses — same 43% hinge architecture, three different colour masses. */
  body.mev-p10-lab.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28).mev-p10-vcomp-l3.mev-p10-palette-p1 .mev-p10-b-grid>.mev-p10-hero-inline--matrix{background:linear-gradient(180deg,#111 0 43%,#1c1c1a 43% 100%)!important}
  body.mev-p10-vcomp-l3.mev-p10-palette-p1 .mev-p10-hero-inline--matrix::before{background:var(--p10-beige)!important}
  body.mev-p10-vcomp-l3.mev-p10-palette-p1 .mev-p10-hero-inline__prop,
  body.mev-p10-vcomp-l3.mev-p10-palette-p1 .mev-p10-hero-inline__body{color:var(--p10-beige)!important}

  body.mev-p10-lab.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28).mev-p10-vcomp-l3.mev-p10-palette-p2 .mev-p10-b-grid>.mev-p10-hero-inline--matrix{background:linear-gradient(180deg,var(--p10-beige) 0 43%,#f0f0e6 43% 100%)!important}
  body.mev-p10-vcomp-l3.mev-p10-palette-p2 .mev-p10-hero-inline--matrix::before{background:#111!important}
  body.mev-p10-vcomp-l3.mev-p10-palette-p2 .mev-p10-hero-inline__prop,
  body.mev-p10-vcomp-l3.mev-p10-palette-p2 .mev-p10-hero-inline__body{color:#111!important}

  body.mev-p10-lab.mev-p10-hero-d:is(.mev-p10-hd-hd27,.mev-p10-hd-hd28).mev-p10-vcomp-l3.mev-p10-palette-p3 .mev-p10-b-grid>.mev-p10-hero-inline--matrix{background:linear-gradient(180deg,var(--p10-grey) 0 43%,#e3e4dc 43% 100%)!important}
  body.mev-p10-vcomp-l3.mev-p10-palette-p3 .mev-p10-hero-inline--matrix::before{background:#111!important}
  body.mev-p10-vcomp-l3.mev-p10-palette-p3 .mev-p10-hero-inline__prop,
  body.mev-p10-vcomp-l3.mev-p10-palette-p3 .mev-p10-hero-inline__body{color:#111!important}
}

/* 17/09 — R2C LIGHT-BLADE LAB A1–B3. Same 74px vertical spine + H3 unfold; only tone, title colour and architectural framing change. */
@media(min-width:1200px){
  /* Shared light-blade mechanics: title/prop/body are black on all light witnesses except A3 title. */
  body:is(.mev-p10-blade-a1,.mev-p10-blade-a2,.mev-p10-blade-a3,.mev-p10-blade-b1,.mev-p10-blade-b2,.mev-p10-blade-b3).mev-p10-vcomp-r2c .mev-p10-hero-inline__prop,
  body:is(.mev-p10-blade-a1,.mev-p10-blade-a2,.mev-p10-blade-a3,.mev-p10-blade-b1,.mev-p10-blade-b2,.mev-p10-blade-b3).mev-p10-vcomp-r2c .mev-p10-hero-inline__body{color:#111!important}
  body:is(.mev-p10-blade-a1,.mev-p10-blade-a2,.mev-p10-blade-b1,.mev-p10-blade-b2,.mev-p10-blade-b3).mev-p10-vcomp-r2c .mev-p10-hero-inline__label{color:#111!important}
  body.mev-p10-blade-a3.mev-p10-vcomp-r2c .mev-p10-hero-inline__label{color:var(--p10-red)!important}

  /* A — architectural object: full-height spine with two precise black separators. */
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-a1 .mev-p10-b-grid>.mev-p10-hero-inline--matrix,
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-a1 .mev-p10-b-grid>.mev-p10-hero-inline--matrix:hover,
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-a3 .mev-p10-b-grid>.mev-p10-hero-inline--matrix,
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-a3 .mev-p10-b-grid>.mev-p10-hero-inline--matrix:hover{background:var(--p10-beige)!important;box-shadow:inset 1px 0 #111,inset -1px 0 #111!important;margin-block:0!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-a2 .mev-p10-b-grid>.mev-p10-hero-inline--matrix,
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-a2 .mev-p10-b-grid>.mev-p10-hero-inline--matrix:hover{background:var(--p10-grey)!important;box-shadow:inset 1px 0 #111,inset -1px 0 #111!important;margin-block:0!important}

  /* B — floating object: no separator, no shadow, slight top/bottom detachment from the wall. */
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b1 .mev-p10-b-grid>.mev-p10-hero-inline--matrix,
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b1 .mev-p10-b-grid>.mev-p10-hero-inline--matrix:hover{background:var(--p10-beige)!important;box-shadow:none!important;margin-block:14px!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10{padding:var(--p10-gap) 0!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-b-shell,
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-b-stage{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;overflow:clip!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-b-grid{--p10-b2-w:112px;width:100%!important;padding:0 var(--p10-gap)!important;overflow:clip!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2.mev-p10-b2w-w96 .mev-p10-b-grid{--p10-b2-w:96px}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2.mev-p10-b2w-w112 .mev-p10-b-grid{--p10-b2-w:112px}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2.mev-p10-b2w-w128 .mev-p10-b-grid{--p10-b2-w:128px}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-b-grid>.mev-p10-hero-inline--matrix{background:var(--p10-grey)!important;box-shadow:none!important;margin:0!important;border-right:var(--p10-gap) solid var(--p10-interblade-bg)!important;align-self:stretch!important;flex:0 0 var(--p10-b2-w)!important;min-width:var(--p10-b2-w)!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-b-grid>.mev-p10-hero-inline--matrix:hover{background:var(--p10-grey)!important;flex:var(--p10-hover-grow) 1 var(--p10-b2-w)!important;min-width:var(--p10-b2-w)!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-hero-inline__label{color:#111!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__label{font-size:clamp(2rem,2.2vw,2.65rem)!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop{color:var(--p10-red)!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{color:#111!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-card-copy{top:16px!important;bottom:auto!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.28) 26%,rgba(0,0,0,.02) 58%,rgba(0,0,0,.18) 100%)!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-card--pantoufle .mev-p10-card-img{object-position:72% 50%!important;filter:brightness(1.14) contrast(.97) saturate(.90)!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-card--369 .mev-p10-card-img{object-position:50% 50%!important;filter:brightness(1.12) contrast(.96) saturate(.92)!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-card--lux .mev-p10-card-img{object-position:28% 50%!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-card--gagnaire .mev-p10-card-img{filter:brightness(1.10) contrast(.98) saturate(.94)!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-card--anthese .mev-p10-card-img{object-position:80% 50%!important}
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b3 .mev-p10-b-grid>.mev-p10-hero-inline--matrix,
  body.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b3 .mev-p10-b-grid>.mev-p10-hero-inline--matrix:hover{background:#F3F3E8!important;box-shadow:none!important;margin-block:14px!important}
}

@media(max-width:1199px){
  .mev-p10-volet-close,.mev-p10-volet-reopen,.mev-p10-volet-hint{display:none!important}
  .mev-p10-volet{position:relative!important;width:auto!important;height:auto!important;margin:0 7px 12px!important;transform:none!important;opacity:1!important}
  .mev-p10-volet-inner{min-width:0;height:auto;padding:18px 14px}
  .mev-p10-b-stage--volet{display:block!important}
}

/* P25 Pantoufle — same P10 R2C engine, denser open composition for the shorter one-line red title. */
@media(min-width:1200px){
  body:is(.page-id-330,.page-id-332).mev-p10-vcomp-r2c .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__prop{
    top:calc(7% + 56px)!important;
    width:clamp(360px,27vw,500px)!important;
    font-size:clamp(2.7rem,2.85vw,3.35rem)!important;
    line-height:.90!important;
    letter-spacing:-.045em!important;
  }
  body:is(.page-id-330,.page-id-332).mev-p10-vcomp-r2c .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__body{top:52%!important}
}

/* P25 Pantoufle inherits the P10 blade engine exactly.
   No Pantoufle-specific photographic-plane sizing or scaling override is allowed. */
/* Sound identity blade: staircase crop must preserve the wall + books at rest. */
body:is(.page-id-330,.page-id-332).mev-p10-lab .mev-p10-card--p25-identity .mev-p10-card-img{object-position:64% 50%!important}

/* Viewport-fit activation for P10: desktop/laptop only. JS replaces this fallback with the exact visible height. */
body.mev-p10-lab .mev-p10-b-stage.mev-fit-viewport{--mev-available-height:calc(100dvh - 150px)}
@media(max-width:767px){body.mev-p10-lab .mev-p10-b-stage.mev-fit-viewport{height:auto!important;min-height:0!important;--mev-available-height:auto}}

/* Production P10 responsive switch: desktop wall above 1023px, frozen M5 mobile below. Never render both systems simultaneously. */
@media(min-width:1024px){
  body:is(.page-id-294,.page-id-296) .mev-p10-mobile-lab{display:none!important}
}
@media(max-width:1023px){
  body:is(.page-id-294,.page-id-296) .mev-p10{display:none!important}
  body:is(.page-id-294,.page-id-296) .mev-p10-mobile-lab{display:block!important}
}

/* Production P10: remove the obsolete editorial drawer from the Projects index in both languages. */
@media(min-width:1024px){
  body:is(.page-id-294,.page-id-296) .mev-p10-b-grid>.mev-p10-hero-inline--matrix{display:none!important}
}

@media(prefers-reduced-motion:reduce){.mev-p10--b .mev-p10-card,.mev-p10-b-lane>.is-initial{animation:none!important}.mev-p10-b-lane>.is-replacement{transition:none!important}.mev-p10-mobile-motion .mev-p10-b-lane>.mev-p10-card{clip-path:none!important;transition:none!important}.mev-p10-mobile-card{clip-path:none!important;transition:none!important}.mev-p10-desktop-rule span,.mev-p10-desktop-mid span,.mev-p10-b-grid>.mev-p10-card::after{animation:none!important;transform:none!important}.mev-p10-mobile-cross-h span,.mev-p10-mobile-row::before{transition:none!important;transform:none!important}.mev-p10-narrative--c p,.mev-p10-after--f{transition:none!important;opacity:1!important;transform:none!important}.mev-p10-volet-hint{animation:none!important}}