/* P10 curtain comparison — private WPVibe preview only. */
body.mev-p10-curtains-draft{--curtain-header:88px;--curtain-ease:cubic-bezier(.22,.68,.2,1);overflow-x:clip!important}
body.mev-p10-curtains-b{background:#000!important}
body.mev-p10-curtains-draft .mev-hero,
body.mev-p10-curtains-draft .mev-context-nav{display:none!important}
body.mev-p10-curtains-draft #page,
body.mev-p10-curtains-draft .site-content,
body.mev-p10-curtains-draft #primary,
body.mev-p10-curtains-draft #main,
body.mev-p10-curtains-draft article[id^="post-"],
body.mev-p10-curtains-draft .inside-article,
body.mev-p10-curtains-draft .entry-content{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important}
body.mev-p10-curtains-draft #site-navigation{z-index:120!important}
.mev-p10-curtain{position:relative;isolation:isolate;min-height:100dvh;background:#000;color:#fff;padding-top:var(--curtain-header);box-sizing:border-box;overflow:hidden}
.mev-p10-curtain *, .mev-p10-curtain *::before,.mev-p10-curtain *::after{box-sizing:border-box}
.mev-p10-curtain__modes{position:absolute;right:clamp(12px,2vw,32px);top:calc(var(--curtain-header) + 12px);z-index:70;display:flex;gap:2px;background:#000;border:1px solid #fff;font:500 11px/1 var(--gp-font--general-sans),sans-serif}
.mev-p10-curtain__modes a{padding:8px 10px;color:#fff!important;text-decoration:none!important}
.mev-p10-curtain__modes a[aria-current="page"]{background:#fff;color:#000!important}
.mev-p10-curtain__modes a:focus-visible{outline:2px solid #FD0600;outline-offset:2px}
.mev-p10-curtain__grid{display:flex;width:100%;height:calc(100dvh - var(--curtain-header));min-height:530px;overflow:hidden}
.mev-p10-curtain__item{position:relative;display:block;flex:1 1 0;min-width:0;height:100%;overflow:hidden;color:#fff!important;text-decoration:none!important;border-right:1px solid #fff;isolation:isolate;transition:flex-grow 780ms var(--curtain-ease),transform 780ms var(--curtain-ease);outline-offset:-5px}
.mev-p10-curtain__item:last-child{border-right:0}
.mev-p10-curtain__item:focus-visible{outline:3px solid #FD0600;z-index:14}
.mev-p10-curtain__media{position:absolute;inset:0;display:block;overflow:hidden}
.mev-p10-curtain__image{position:absolute;display:block;top:0;left:50%;height:100%;width:max(36vw,520px);max-width:none!important;object-fit:cover;object-position:center;transform:translateX(-50%)!important;transition:none!important;filter:none!important}
.mev-p10-curtain__shade{position:absolute;inset:0;display:block;background:linear-gradient(90deg,rgba(0,0,0,.43),rgba(0,0,0,.2) 50%,rgba(0,0,0,.43));pointer-events:none}
.mev-p10-curtain__copy{position:absolute;top:52%;left:8px;right:8px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transform:translateY(-50%);text-shadow:0 1px 5px #000,0 2px 13px #000;pointer-events:none;transition:opacity 160ms ease}
.mev-p10-curtain__category{font:500 clamp(10px,.78vw,13px)/1.2 var(--gp-font--general-sans),sans-serif;letter-spacing:.07em;text-transform:uppercase}
.mev-p10-curtain__name{font:400 clamp(18px,1.8vw,31px)/1.02 var(--gp-font--karrik),sans-serif;text-wrap:balance}
.mev-p10-curtain--a .mev-p10-curtain__grid:has(.mev-p10-curtain__item:is(:hover,:focus-visible)) .mev-p10-curtain__item:is(:hover,:focus-visible){flex-grow:1.5;z-index:5}
.mev-p10-curtain--b .mev-p10-curtain__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}
.mev-p10-curtain--b .mev-p10-curtain__item{overflow:visible;transition:none;isolation:auto}
.mev-p10-curtain--b .mev-p10-curtain__media{left:0;right:0;width:100%;transform:none;clip-path:inset(0 18%);transition:clip-path 800ms var(--curtain-ease);pointer-events:none}
.mev-p10-curtain--b .mev-p10-curtain__image{width:100%;min-width:520px}
.mev-p10-curtain--b .mev-p10-curtain__shade{background:rgba(0,0,0,.42);pointer-events:none}
.mev-p10-curtain--b .mev-p10-curtain__item:is(:hover,:focus-visible){z-index:12}
.mev-p10-curtain--b .mev-p10-curtain__item:is(:hover,:focus-visible) .mev-p10-curtain__media{clip-path:inset(0)}
.mev-p10-curtain--b .mev-p10-curtain__item:is(:hover,:focus-visible) .mev-p10-curtain__shade{opacity:0}
.mev-p10-curtain__item.is-selected .mev-p10-curtain__copy{opacity:0}
.mev-p10-curtain__grid.is-leaving .mev-p10-curtain__item:not(.is-selected){opacity:0;transform:translateX(var(--curtain-exit-x,0));transition:transform 700ms var(--curtain-ease),opacity 430ms ease}
.mev-p10-curtain__item:nth-child(-n+3){--curtain-exit-x:-110vw}
.mev-p10-curtain__item:nth-child(n+4){--curtain-exit-x:110vw}
.mev-p10-curtain__item.is-selected{z-index:30}
.mev-p10-curtain-exit{position:fixed;inset:0;z-index:9000;background:#000;opacity:0;pointer-events:none;transition:opacity 220ms ease}
.mev-p10-curtain-exit.is-visible{opacity:1}
.mev-p10-curtain-exit img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:1199px){
 body.mev-p10-curtains-draft{--curtain-header:64px}
 .mev-p10-curtain__grid,.mev-p10-curtain--b .mev-p10-curtain__grid{display:flex;flex-direction:column;height:calc(100dvh - var(--curtain-header));min-height:640px;overflow:hidden}
 .mev-p10-curtain__item,.mev-p10-curtain--b .mev-p10-curtain__item{flex:1 1 0;width:100%;height:auto;min-height:0;overflow:hidden;border-right:0;border-bottom:1px solid #fff}
 .mev-p10-curtain__item:last-child{border-bottom:0}
 .mev-p10-curtain__media,.mev-p10-curtain--b .mev-p10-curtain__media{inset:0;width:100%;transform:none;clip-path:none}
 .mev-p10-curtain__image,.mev-p10-curtain--b .mev-p10-curtain__image{width:100%;min-width:0;height:100%;left:0;transform:none!important;object-position:center}
 .mev-p10-curtain__shade{background:linear-gradient(90deg,rgba(0,0,0,.63),rgba(0,0,0,.14),rgba(0,0,0,.53))}
 .mev-p10-curtain__copy{top:50%;gap:2px}
 .mev-p10-curtain__category{font-size:10px}
 .mev-p10-curtain__name{font-size:clamp(20px,5.1vw,30px)}
 .mev-p10-curtain__modes{top:calc(var(--curtain-header) + 6px);right:8px;font-size:9px}
 .mev-p10-curtain__modes a{padding:5px 7px}
 .mev-p10-curtain--a .mev-p10-curtain__grid:has(.mev-p10-curtain__item:is(:hover,:focus-visible)) .mev-p10-curtain__item:is(:hover,:focus-visible){flex-grow:1}
 .mev-p10-curtain--b .mev-p10-curtain__item:is(:hover,:focus-visible) .mev-p10-curtain__media{clip-path:none}
 .mev-p10-curtain__item:nth-child(n){--curtain-exit-x:0;--curtain-exit-y:120vh}
 .mev-p10-curtain__item.is-before{--curtain-exit-y:-120vh}
 .mev-p10-curtain__grid.is-leaving .mev-p10-curtain__item:not(.is-selected){transform:translateY(var(--curtain-exit-y))}
}
@media(prefers-reduced-motion:reduce){
 .mev-p10-curtain__item,.mev-p10-curtain__media,.mev-p10-curtain__copy,.mev-p10-curtain-exit{transition:none!important}
 .mev-p10-curtain__grid.is-leaving .mev-p10-curtain__item:not(.is-selected){transform:none!important}
}
/* Approved A: preserve the native P10 editorial drawer and blade motion. */
body.mev-p10-curtains-a{--p10-gap:1px}
body.mev-p10-curtains-a .mev-p10-curtain--a{display:none}
@media(min-width:1200px){
 body.mev-p10-curtains-a.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c .mev-p10-hero-inline--matrix:hover .mev-p10-hero-inline__label{top:106px!important}
 body.mev-p10-curtains-a.mev-p10-lab.mev-p10-hero-d .mev-p10-card:is(:hover,:focus-within) .mev-p10-card-name{color:#fff!important;text-shadow:0 1px 5px #000,0 2px 13px #000!important}
 body.mev-p10-curtains-a.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10{padding:0!important}
 body.mev-p10-curtains-a.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-b-grid{padding:0!important}
 body.mev-p10-curtains-a .mev-p10-b-stage.mev-fit-viewport{height:100dvh!important}
 body.mev-p10-curtains-a.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-card-copy{top:52%!important;bottom:auto!important;left:8px!important;right:8px!important;transform:translateY(-50%)!important;text-align:center;align-items:center;gap:8px}
 body.mev-p10-curtains-a .mev-p10-card-angle{font-size:clamp(10px,.78vw,13px)!important;line-height:1.2!important}
 body.mev-p10-curtains-a .mev-p10-card-name{font-size:clamp(18px,1.8vw,31px)!important;line-height:1.02!important;text-shadow:0 1px 5px #000,0 2px 13px #000}
 body.mev-p10-curtains-a .mev-p10-card-shade{background:linear-gradient(90deg,rgba(0,0,0,.43),rgba(0,0,0,.2) 50%,rgba(0,0,0,.43))!important}
 /* Fixed photographic planes: focal points remain stable during blade expansion. */
 body.mev-p10-curtains-a.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:38% 50%!important}
body.mev-p10-curtains-a.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-card--vianney .mev-p10-card-img{object-position:68% 50%!important;filter:contrast(1.08) saturate(1.06) sepia(.06) brightness(.96)!important}
 body.mev-p10-curtains-a.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:78% 50%!important}
 body.mev-p10-curtains-a.mev-p10-lab.mev-p10-hero-d.mev-p10-vcomp-r2c.mev-p10-blade-b2 .mev-p10-card--gagnaire .mev-p10-card-img{object-position:0% 50%!important}
 body.mev-p10-curtains-a.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:31% 50%!important}
}
@media(max-width:1199px){
 body.mev-p10-curtains-a{background:#F9F9EF!important}
 body.mev-p10-curtains-a .mev-p10,body.mev-p10-curtains-a .mev-p10-mobile-lab{display:none!important}
 body.mev-p10-curtains-a .mev-p10-curtain--a{display:block;background:#F9F9EF;color:#000}
 body.mev-p10-curtains-a .mev-p10-curtain__heading{display:flex;align-items:center;height:44px;margin:0;padding:0 40px;background:#F9F9EF;color:#000;font:400 28px/1 var(--gp-font--karrik),Karrik,sans-serif;letter-spacing:-.025em}
 body.mev-p10-curtains-a .mev-p10-curtain--a .mev-p10-curtain__grid{height:calc(100dvh - var(--curtain-header) - 44px);min-height:552px}
 body.mev-p10-curtains-a .mev-p10-curtain--a .mev-p10-curtain__modes{top:calc(var(--curtain-header) + 8px);background:#F9F9EF;border-color:#000}
 body.mev-p10-curtains-a .mev-p10-curtain--a .mev-p10-curtain__modes a{color:#000!important}
 body.mev-p10-curtains-a .mev-p10-curtain--a .mev-p10-curtain__modes a[aria-current="page"]{background:#000;color:#F9F9EF!important}
}
@media(max-width:1023px){
 html body.mev-menu-production-desktop.mev-p10-curtains-a #site-navigation.main-navigation{background:#F9F9EF!important}
 html body.mev-menu-production-desktop.mev-p10-curtains-a #site-navigation.main-navigation .mev-head-logo::before{opacity:0!important}
 html body.mev-menu-production-desktop.mev-p10-curtains-a #site-navigation.main-navigation .mev-head-logo::after{opacity:1!important}
 html body.mev-menu-production-desktop.mev-p10-curtains-a #site-navigation.main-navigation .menu-toggle{color:#000!important}
}
@media(min-width:1024px) and (max-width:1199px){
 body.mev-p10-curtains-a{--curtain-header:88px}
 html body.mev-g-architecture.mev-p10-curtains-a #site-navigation{background:#F9F9EF!important}
 html body.mev-g-architecture.mev-p10-curtains-a #site-navigation .main-nav>ul>li>a,
 html body.mev-g-architecture.mev-p10-curtains-a .mev-g-contact,
 html body.mev-g-architecture.mev-p10-curtains-a .mev-g-utilities .mev-menu-lab-language{color:#000!important;text-shadow:none!important}
 html body.mev-g-architecture.mev-p10-curtains-a .mev-g-brand{filter:none!important}
 html body.mev-g-architecture.mev-p10-curtains-a .mev-g-brand__hero{opacity:0!important}
 html body.mev-g-architecture.mev-p10-curtains-a .mev-g-brand__compact{opacity:1!important}
}
/* Small brand-colour labels keep the category readable on light and dark photos. */
body.mev-p10-curtains-a.mev-p10-lab.mev-p10-hero-d .mev-p10-b-grid .mev-p10-card .mev-p10-card-angle,
body.mev-p10-curtains-a.mev-p10-lab.mev-p10-hero-d .mev-p10-b-grid .mev-p10-card:is(:hover,:focus-within) .mev-p10-card-angle,
body.mev-p10-curtains-a .mev-p10-curtain--a .mev-p10-curtain__category{
 display:inline-block!important;
 width:max-content!important;
 max-width:100%;
 margin:0 auto!important;
 padding:4px 7px!important;
 background:#F9F9EF!important;
 color:#111!important;
 text-shadow:none!important;
 font-size:11px!important;
 font-weight:600!important;
 font-style:normal!important;
 line-height:1.1!important;
 letter-spacing:.06em!important;
 opacity:1;
}
/* Property names and category labels use the same image-led entrance as the case-study widescreens. */
html.mev-p10-name-motion body.mev-p10-curtains-a .mev-p10-b-grid .mev-p10-card-name,
html.mev-p10-name-motion body.mev-p10-curtains-a .mev-p10-b-grid .mev-p10-card-angle,
html.mev-p10-name-motion body.mev-p10-curtains-a .mev-p10-curtain--a .mev-p10-curtain__name,
html.mev-p10-name-motion body.mev-p10-curtains-a .mev-p10-curtain--a .mev-p10-curtain__category{
 opacity:0!important;
 transform:translateY(14px);
 transition:opacity 2.45s cubic-bezier(.22,1,.36,1),transform 2.8s cubic-bezier(.16,1,.3,1)!important;
}
html.mev-p10-name-motion body.mev-p10-curtains-a .mev-p10-b-grid .mev-p10-card.is-name-visible .mev-p10-card-name,
html.mev-p10-name-motion body.mev-p10-curtains-a .mev-p10-b-grid .mev-p10-card.is-name-visible .mev-p10-card-angle,
html.mev-p10-name-motion body.mev-p10-curtains-a .mev-p10-curtain--a .mev-p10-curtain__item.is-name-visible .mev-p10-curtain__name,
html.mev-p10-name-motion body.mev-p10-curtains-a .mev-p10-curtain--a .mev-p10-curtain__item.is-name-visible .mev-p10-curtain__category{
 opacity:1!important;
 transform:translateY(0);
}
@media(prefers-reduced-motion:reduce){
 html.mev-p10-name-motion body.mev-p10-curtains-a .mev-p10-b-grid :is(.mev-p10-card-name,.mev-p10-card-angle),
 html.mev-p10-name-motion body.mev-p10-curtains-a .mev-p10-curtain--a :is(.mev-p10-curtain__name,.mev-p10-curtain__category){opacity:1!important;transform:none!important;transition:none!important}
}
/* Family indexes: the 96px written blade is a fixed title, never an interactive drawer. */
@media(min-width:1200px){
 body:is(.mev-family-index-sectors,.mev-family-index-governance) .mev-p10-hero-inline--matrix,
 body:is(.mev-family-index-sectors,.mev-family-index-governance) .mev-p10-hero-inline--matrix:hover,
 body:is(.mev-family-index-sectors,.mev-family-index-governance) .mev-p10-hero-inline--matrix:focus-within{
  flex:0 0 96px!important;
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  padding:0!important;
  cursor:default!important;
  pointer-events:none!important;
 }
 body:is(.mev-family-index-sectors,.mev-family-index-governance) .mev-p10-hero-inline--matrix :is(.mev-p10-hero-inline__prop,.mev-p10-hero-inline__body){display:none!important}
 body.mev-family-index-sectors .mev-p10-card--retail .mev-p10-card-img{object-position:78% 50%!important}
 body:is(.mev-family-index-sectors,.mev-family-index-governance) .mev-p10-mobile-lab{display:none!important}
}
body.mev-family-index-sectors .mev-p10-curtain__item--retail .mev-p10-curtain__image{object-position:78% 50%!important}

/* 23/09 — all family indexes: beige title blade and beige inter-blade pixels. */
body:is(.mev-family-case-studies,.mev-family-index-sectors,.mev-family-index-governance) .mev-p10-curtain__heading{background:var(--p10-beige,#F9F9EF)!important}
body:is(.mev-family-case-studies,.mev-family-index-sectors,.mev-family-index-governance) .mev-p10-curtain__item{border-color:var(--p10-beige,#F9F9EF)!important}
@media(min-width:1200px){
 body:is(.mev-family-case-studies,.mev-family-index-sectors,.mev-family-index-governance).mev-p10-lab .mev-p10-b-grid{--p10-interblade-bg:var(--p10-beige,#F9F9EF)!important}
 body:is(.mev-family-case-studies,.mev-family-index-sectors,.mev-family-index-governance).mev-p10-lab .mev-p10-b-grid>.mev-p10-hero-inline--matrix,
 body:is(.mev-family-case-studies,.mev-family-index-sectors,.mev-family-index-governance).mev-p10-lab .mev-p10-b-grid>.mev-p10-hero-inline--matrix:hover{background:var(--p10-beige,#F9F9EF)!important}
 body:is(.mev-family-case-studies,.mev-family-index-sectors,.mev-family-index-governance).mev-p10-lab .mev-p10-b-grid>.mev-p10-card,
 body:is(.mev-family-case-studies,.mev-family-index-sectors,.mev-family-index-governance).mev-p10-lab .mev-p10-b-grid>.mev-p10-hero-inline--matrix{border-color:var(--p10-beige,#F9F9EF)!important}
 body:is(.mev-family-case-studies,.mev-family-index-sectors,.mev-family-index-governance).mev-p10-hover-h4 .mev-p10-b-grid>.mev-p10-card:not(:last-child) .mev-p10-card-link::after,
 body:is(.mev-family-case-studies,.mev-family-index-sectors,.mev-family-index-governance).mev-p10-hover-h4 .mev-p10-b-grid>.mev-p10-hero-inline--matrix::after{background:var(--p10-beige,#F9F9EF)!important}
}
