.mp-hero{padding:calc(var(--header-height) + var(--nav-gap)) var(--marge-site-right) 0 var(--page-padding);text-align:center}.mp-hero-media{display:inline-block;max-width:100%}.mp-hero-media img.mp-hero-img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;margin:0 auto;object-fit:contain;border-radius:var(--img-radius)}.mp-body{display:grid;grid-template-columns:[rail] minmax(12rem,17rem) [main] minmax(0,1fr) [notes] minmax(12rem,17rem);column-gap:clamp(2rem,3.5vw,3.5rem);align-items:start;padding:2.5rem var(--marge-site-right) 4rem var(--page-padding)}.mp-main{min-width:0}.mp-main img{height:auto}.mp-rail{position:sticky;top:calc(var(--header-height) + 1.5rem);z-index:5;align-self:start;font-family:var(--font-ui);color:var(--color-text);text-shadow:0 1px 14px rgba(0,0,0,.45)}.mp-back{display:inline-flex;opacity:0;height:0;overflow:hidden;pointer-events:none;transition:opacity .3s ease}.mp.is-past-hero .mp-back{opacity:1;height:auto;margin-bottom:.6rem;pointer-events:auto}.mp-rail-cartel{margin-bottom:1.5rem}.mp-rail-cartel h1,.mp-rail-cartel h2{font-family:var(--font-display);font-size:var(--fs-title-fluid);font-weight:400;line-height:1.15;margin:0 0 .6rem}.mp-rail-cartel p{font-family:var(--font-display);font-size:var(--nav-size);font-weight:400;letter-spacing:0;line-height:1.5;color:#ffffff80;margin:0 0 .6rem}.mp-rail-cartel :last-child{margin-bottom:0}.mp-rail-cartel .oeuvre-subtitle{margin:1rem 0 .6rem;font-family:var(--font-display);font-size:var(--fs-h4);font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text)}.mp-notes{position:relative;min-height:100%}.mp-note{position:absolute;left:0;width:100%;font-family:var(--font-ui);font-size:var(--fs-h4);line-height:1.45;opacity:.72;transition:opacity .2s ease,top .2s ease}.mp-note:hover,.mp-note.is-active{opacity:1}.mp-note-num{color:var(--color-accent);margin-right:.35em;font-variant-numeric:tabular-nums}@media (max-width: 1280px){.mp-hero{padding:calc(var(--header-height) + 1.5rem) var(--header-padding-side) 0}.mp-hero-media img.mp-hero-img{max-height:62vh}.mp-body{grid-template-columns:1fr;row-gap:2.5rem;padding:clamp(2rem,6vh,4rem) var(--header-padding-side) 4rem}.mp-rail{position:static;margin-top:0!important;z-index:auto;text-shadow:none}.mp-back{opacity:1;height:auto;pointer-events:auto}.mp-notes{display:none}}