.elementor-6405 .elementor-element.elementor-element-306e6bd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;}.elementor-6405 .elementor-element.elementor-element-3e18175{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;}.elementor-6405 .elementor-element.elementor-element-8973ee0{width:100%;max-width:100%;}/* Start custom CSS for container, class: .elementor-element-306e6bd *//**
 * Maison Saint-Martin — Collection BRAME
 * CSS global complet — Version 8.23.0E
 *
 * Principes de la version :
 * - reprise stricte de la composition validée V8.22.15 ;
 * - suppression du flash de police de secours au chargement ;
 * - canevas desktop normalisé par pièce, basé sur la référence 1920 × 1080 ;
 * - cadre gris et scène du fauteuil désormais indépendants ;
 * - redimensionnement uniforme du PNG selon la largeur ET la hauteur disponibles ;
 * - version mobile conservée sans changement artistique ;
 * - V8.23.0E : petit mobile affiné — BRAME légèrement réduit et décalé à gauche, Collection et texte légèrement recentrés à gauche ;
 * - ajustements optiques desktop V8.23.0C conservés dans le repère normalisé ;
 * - curseur couture Atlas repris sur toute la page desktop ;
 * - sélection de texte et glisser-déposer désactivés sur corps, header et footer.
 */

:root {
  --msm-brame-page-bg: #ebe7df;
  --msm-brame-frame-bg: #d8d2c8;
  --msm-brame-ink: #1c1915;
  --msm-brame-ink-soft: rgba(28, 25, 21, .74);
  --msm-brame-ink-muted: rgba(28, 25, 21, .58);
  --msm-brame-sans: InterVariable, Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* --------------------------------------------------------------------------
   Verrouillage des interactions natives — page Collection complète
   -------------------------------------------------------------------------- */

body.page-id-6405,
body.page-id-6405 * {
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  -webkit-touch-callout: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.page-id-6405 img,
body.page-id-6405 a {
  -webkit-user-drag: none !important;
  user-drag: none !important;
}

/* --------------------------------------------------------------------------
   Curseur couture Atlas — desktop uniquement
   -------------------------------------------------------------------------- */

@media (hover: hover) and (pointer: fine) {
  html.msm-brame-cursor-active-v8230c,
  html.msm-brame-cursor-active-v8230c body.page-id-6405,
  html.msm-brame-cursor-active-v8230c body.page-id-6405 * {
    cursor: none !important;
  }

  .msm-brame-cursor-couture-v8230c {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 1px !important;
    height: 1px !important;
    z-index: 2147483646 !important;
    pointer-events: none !important;
    isolation: isolate !important;
    opacity: 1;
    transform: translate3d(-200px, -200px, 0);
    transition: opacity 260ms cubic-bezier(.22, .61, .36, 1) !important;
    will-change: transform, opacity !important;
    mix-blend-mode: normal !important;
  }

  .msm-brame-cursor-couture-v8230c.is-hidden {
    opacity: 0 !important;
  }

  .msm-brame-cursor-couture-svg-v8230c {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 56px !important;
    height: 62px !important;
    overflow: visible !important;
  }

  .msm-brame-cursor-fleche-lumiere-v8230c,
  .msm-brame-cursor-fleche-v8230c,
  .msm-brame-cursor-lumiere-v8230c,
  .msm-brame-cursor-trait-v8230c {
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    vector-effect: non-scaling-stroke !important;
  }

  .msm-brame-cursor-fleche-lumiere-v8230c,
  .msm-brame-cursor-lumiere-v8230c {
    fill: none !important;
    stroke: rgba(250, 248, 242, .82) !important;
    stroke-width: 2.12px !important;
  }

  .msm-brame-cursor-fleche-v8230c,
  .msm-brame-cursor-trait-v8230c {
    fill: none !important;
    stroke: rgba(18, 17, 15, .92) !important;
    stroke-width: 1.18px !important;
  }

  .msm-brame-cursor-point-v8230c {
    opacity: 0 !important;
  }

  .msm-brame-cursor-couture-v8230c.is-link .msm-brame-cursor-fleche-v8230c {
    stroke: rgba(20, 18, 16, .96) !important;
  }

  .msm-brame-cursor-couture-v8230c.is-link .msm-brame-cursor-trait-v8230c {
    stroke: rgba(20, 18, 16, .52) !important;
    opacity: .40 !important;
  }

  .msm-brame-cursor-couture-v8230c.is-dragging .msm-brame-cursor-fleche-v8230c {
    stroke: rgba(20, 18, 16, 1) !important;
  }

  .msm-brame-cursor-couture-v8230c.is-dragging .msm-brame-cursor-trait-v8230c {
    stroke: rgba(20, 18, 16, .78) !important;
    stroke-width: .76px !important;
  }
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  .msm-brame-cursor-couture-v8230c {
    display: none !important;
  }
}

html.msm-brame-inter-loading body.page-id-6405 .msm-brame-v52 {
  opacity: 0 !important;
  visibility: hidden !important;
}

html.msm-brame-inter-ready body.page-id-6405 .msm-brame-v52,
html.msm-brame-inter-failed body.page-id-6405 .msm-brame-v52 {
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 180ms cubic-bezier(.22, .61, .36, 1);
}

html,
body.page-id-6405 {
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  background: var(--msm-brame-page-bg) !important;
  scroll-behavior: auto !important;
}

body.page-id-6405,
body.page-id-6405 #page,
body.page-id-6405 .site,
body.page-id-6405 .elementor,
body.page-id-6405 .elementor-section-wrap,
body.page-id-6405 .msm-brame-v85-host {
  background: var(--msm-brame-page-bg) !important;
}

body.page-id-6405 .msm-brame-v85-host {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-6405 footer:not(.msm-brame-v85-footer),
body.page-id-6405 .elementor-location-footer {
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.page-id-6405 #header-main,
body.page-id-6405 #show-hide-header-tablette {
  background: var(--msm-brame-page-bg) !important;
  border-bottom: 1px solid rgba(28, 25, 21, .045) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  will-change: transform, opacity;
  transform: translate3d(0, -112%, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition:
    transform 900ms cubic-bezier(.22, .61, .36, 1),
    opacity 620ms cubic-bezier(.22, .61, .36, 1) !important;
}

html.msm-brame-header-visible body.page-id-6405 #header-main,
html.msm-brame-header-visible body.page-id-6405 #show-hide-header-tablette {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html.msm-brame-header-hidden body.page-id-6405 #header-main,
html.msm-brame-header-hidden body.page-id-6405 #show-hide-header-tablette {
  transform: translate3d(0, -112%, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.page-id-6405 .msm-brame-v52 {
  position: relative;
  left: 50%;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 0 0 -50vw !important;
  padding: 0 !important;
  color: var(--msm-brame-ink);
  background: var(--msm-brame-page-bg);
  font-family: var(--msm-brame-sans);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.page-id-6405 .msm-brame-v52 *,
body.page-id-6405 .msm-brame-v52 *::before,
body.page-id-6405 .msm-brame-v52 *::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body.page-id-6405 .msm-brame-v52 a {
  color: inherit;
  text-decoration: none;
}

.msm-brame-v85-collection {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: clip;
  background: var(--msm-brame-page-bg);
}

/* --------------------------------------------------------------------------
   Introduction — base commune
   -------------------------------------------------------------------------- */

.msm-brame-v85-intro {
  width: min(100%, 1720px);
  min-height: 100svh;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--msm-brame-page-bg);
}

.msm-brame-v85-intro__heading {
  position: relative;
  width: max-content;
}

.msm-brame-v85-intro__label,
.msm-brame-v85-intro__title,
.msm-brame-v85-intro__text,
.msm-brame-v85-piece__title,
.msm-brame-v85-piece__link,
.msm-brame-v85-footer__link {
  font-family: var(--msm-brame-sans);
}

.msm-brame-v85-intro__label {
  display: block;
  margin: 0;
  font-size: 10px;
  font-weight: 350;
  line-height: 1;
  letter-spacing: .30em;
  text-transform: uppercase;
  color: rgba(28, 25, 21, .58);
}

.msm-brame-v85-intro__title {
  margin: 0;
  font-family: var(--msm-brame-sans);
  font-weight: 165;
  font-variation-settings: "wght" 165;
  font-synthesis: none;
  line-height: .9;
  letter-spacing: .082em;
  text-transform: uppercase;
  color: rgba(28, 25, 21, .86);
}

.msm-brame-v85-intro__text {
  font-weight: 340;
  color: rgba(28, 25, 21, .76);
}

.msm-brame-v85-intro__line {
  display: block;
}

.msm-brame-v85-intro__text--mobile {
  display: none;
}

/* --------------------------------------------------------------------------
   Sections produit — base commune
   -------------------------------------------------------------------------- */

.msm-brame-v85-piece {
  /* Cadre desktop : extension haute indépendante de la scène du fauteuil. */
  --msm-desktop-frame-base-height: 1020px;
  --msm-desktop-frame-extension-top: 0px;
  --msm-desktop-frame-left: 40px;
  --msm-desktop-frame-right: 40px;

  /* Canevas desktop de référence, valeurs unitaires lues par le JavaScript. */
  --msm-desktop-scene-ref-width: 1840;
  --msm-desktop-scene-ref-height: 1020;
  --msm-desktop-stage-align-x: .5;
  --msm-desktop-stage-align-y: 1;
  --msm-desktop-stage-max-scale: 1.08;
  --msm-desktop-chair-ref-width: 1030;
  --msm-desktop-chair-ref-left: 405;
  --msm-desktop-chair-ref-top: -5;
  --msm-desktop-chair-rotate: 0deg;

  /* Masques desktop : les distances de référence suivent le même facteur d’échelle. */
  --msm-desktop-mask-top-a-ref: 100;
  --msm-desktop-mask-top-b-ref: 112;
  --msm-desktop-mask-top-c-ref: 126;
  --msm-desktop-mask-left-a-ref: 40;
  --msm-desktop-mask-left-b-ref: 50;
  --msm-desktop-mask-left-c-ref: 60;
  --msm-desktop-mask-top-a: 100px;
  --msm-desktop-mask-top-b: 112px;
  --msm-desktop-mask-top-c: 126px;
  --msm-desktop-mask-left-a: 40px;
  --msm-desktop-mask-left-b: 50px;
  --msm-desktop-mask-left-c: 60px;

  --msm-desktop-title-max: 760px;
  --msm-desktop-link-left: clamp(220px, 28vw, 520px);
  --msm-desktop-link-x: 0px;
  --msm-desktop-link-y: 0px;
  --msm-link-axis-correction: 0px;
  --msm-desktop-section-bottom: 280px;

  --msm-mobile-visual-height: min(84vw, 490px);
  --msm-mobile-chair-width: 100%;
  --msm-mobile-chair-x: 0px;
  --msm-mobile-chair-y: 0px;
  --msm-mobile-chair-rotate: 0deg;
  --msm-mobile-chair-scale: 1;
  --msm-mobile-copy-x: 0px;
  --msm-mobile-copy-y: 0px;
  --msm-mobile-title-x: 0px;
  --msm-mobile-title-y: 0px;
  --msm-mobile-title-size: clamp(37px, 11.02vw, 52px);
  --msm-mobile-link-left: clamp(96px, 29vw, 132px);
  --msm-mobile-link-x: 0px;
  --msm-mobile-link-y: 0px;
  --msm-mobile-section-bottom: 400px;
  --msm-mobile-separator-top: -236px;
  --msm-mobile-separator-height: 180px;

  position: relative;
  width: 100%;
  margin: 0;
  overflow: visible;
}

.msm-brame-v85-piece__inner {
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    "visual"
    "copy";
}

.msm-brame-v85-piece__visual {
  grid-area: visual;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.msm-brame-v85-piece__oval {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  pointer-events: none;
}

.msm-brame-v85-piece__oval::before,
.msm-brame-v85-piece__oval::after,
.msm-brame-v85-piece__sheen {
  display: none !important;
}

.msm-brame-v85-piece__stage {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  overflow: visible;
  pointer-events: none;
}

.msm-brame-v85-piece__image {
  position: absolute;
  z-index: 2;
  display: block;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center;
  opacity: 0;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
  transition: opacity 600ms cubic-bezier(.22, .61, .36, 1);
}

.msm-brame-v85-piece--image-ready .msm-brame-v85-piece__image {
  opacity: 1;
}

.msm-brame-v85-piece__copy {
  grid-area: copy;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  pointer-events: none;
}

.msm-brame-v85-piece__title {
  margin: 0;
  font-family: var(--msm-brame-sans);
  font-weight: 175;
  font-variation-settings: "wght" 175;
  font-synthesis: none;
  line-height: .92;
  letter-spacing: -.028em;
  color: rgba(28, 25, 21, .92);
  white-space: nowrap;
}

.msm-brame-v85-piece__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  width: max-content;
  max-width: none;
  white-space: nowrap;
  font-weight: 390;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .24em;
  color: rgba(28, 25, 21, .70);
  background: transparent !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
  pointer-events: auto;
  -webkit-touch-callout: none;
}

.msm-brame-v85-piece__link::after {
  content: "";
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  display: block;
  width: 126px;
  height: 1px;
  background: currentColor;
  opacity: .78;
  transform: translateY(-50%) scaleX(.333) scaleY(.5);
  transform-origin: left center;
  transition:
    transform 1500ms cubic-bezier(.16, 1, .3, 1),
    opacity 700ms ease;
  pointer-events: none;
}

.msm-brame-v85-piece__link:hover::after,
.msm-brame-v85-piece__link:focus-visible::after {
  transform: translateY(-50%) scaleX(1) scaleY(.5);
  opacity: 1;
}

.msm-brame-v85-piece__link:focus,
.msm-brame-v85-piece__link:active,
.msm-brame-v85-piece__link:visited {
  background: transparent !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   Desktop
   -------------------------------------------------------------------------- */

@media (min-width: 901px) {
  .msm-brame-v85-intro {
    padding: clamp(142px, 17vh, 198px) clamp(54px, 5vw, 92px) clamp(105px, 13vh, 150px);
  }

  .msm-brame-v85-intro__heading {
    margin: 0 auto;
    transform: translateX(40px) scale(1.08);
    transform-origin: center center;
  }

  .msm-brame-v85-intro__label {
    position: absolute;
    right: 100%;
    bottom: calc(100% - 2px);
    width: max-content;
    transform: translate(0, 3px);
    color: rgba(28, 25, 21, .66);
  }

  .msm-brame-v85-intro__title {
    font-family: var(--msm-brame-sans);
    font-size: clamp(127px, 10.88vw, 196px);
    font-weight: 155;
    font-variation-settings: "wght" 155;
    font-optical-sizing: auto;
    font-style: normal;
    font-synthesis: none;
    letter-spacing: .052em;
    color: rgba(28, 25, 21, .88);
    transform: translate3d(-12px, -7px, 0);
  }

  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-intro__title,
  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-intro__title span,
  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-intro__title strong {
    font-family: var(--msm-brame-sans) !important;
    font-weight: 155 !important;
    font-variation-settings: "wght" 155 !important;
    font-optical-sizing: auto !important;
    font-style: normal !important;
    font-synthesis: none !important;
  }

  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-piece__title,
  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-piece__title span,
  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-piece__title strong,
  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-piece__title a {
    font-family: var(--msm-brame-sans) !important;
    font-weight: 165 !important;
    font-variation-settings: "wght" 165 !important;
    font-optical-sizing: auto !important;
    font-style: normal !important;
    font-synthesis: none !important;
  }

  .msm-brame-v85-intro__text--desktop {
    display: block;
  }

  .msm-brame-v85-intro__text--mobile {
    display: none;
  }

  .msm-brame-v85-intro__text {
    width: min(700px, 58vw);
    margin: 83px auto 0;
    transform: translateX(calc(-48px + var(--msm-intro-axis-correction, 0px)));
    font-size: clamp(13px, 1.02vw, 15px);
    line-height: 1.78;
  }

  .msm-brame-v85-intro__line--one,
  .msm-brame-v85-intro__line--two,
  .msm-brame-v85-intro__line--three {
    display: block;
    margin-left: 0;
    text-align: right;
    white-space: nowrap;
  }

  .msm-brame-v85-intro__line--one {
    width: 100%;
    color: rgba(28, 25, 21, .82);
  }

  .msm-brame-v85-intro__line--two {
    width: calc(100% - 30px);
    color: rgba(28, 25, 21, .72);
  }

  .msm-brame-v85-intro__line--three {
    width: calc(100% - 60px);
    color: rgba(28, 25, 21, .64);
  }

  .msm-brame-v85-piece {
    --msm-desktop-frame-base-height: clamp(650px, 73vh, 820px);
    --msm-desktop-frame-extension-top: 0px;
    --msm-desktop-frame-left: 40px;
    --msm-desktop-frame-right: 40px;
    --msm-desktop-title-size: clamp(100px, 8.2vw, 150px);
    --msm-desktop-copy-left: 72px;
    --msm-desktop-link-left: 180px;
    --msm-desktop-section-top: 0px;
    --msm-desktop-section-bottom: 180px;

    padding: var(--msm-desktop-section-top) 0 var(--msm-desktop-section-bottom);
  }

  .msm-brame-v85-piece__inner {
    position: relative;
    row-gap: 0;
  }

  .msm-brame-v85-piece__visual {
    width: calc(100vw - var(--msm-desktop-frame-left) - var(--msm-desktop-frame-right));
    height: calc(var(--msm-desktop-frame-base-height) + var(--msm-desktop-frame-extension-top));
    margin-top: calc(0px - var(--msm-desktop-frame-extension-top));
    margin-left: var(--msm-desktop-frame-left);
    margin-right: var(--msm-desktop-frame-right);
    background: #d6d0c5;
    overflow: hidden;
    clip-path: inset(0);
    contain: paint;
    pointer-events: none;
  }

  .msm-brame-v85-piece__stage {
    left: 0;
    top: var(--msm-desktop-frame-extension-top);
    right: auto;
    bottom: auto;
    width: 100%;
    height: var(--msm-desktop-frame-base-height);
    transform: translateZ(0);
  }

  .msm-brame-v85-piece__oval {
    background: #d6d0c5;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .26),
      inset 0 -32px 76px rgba(52, 42, 31, .045);
  }

  .msm-brame-v85-piece__image {
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 0;
    height: 0;
    transform: rotate(var(--msm-desktop-chair-rotate));
    transform-origin: center center;
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0,
      transparent var(--msm-desktop-mask-top-a),
      rgba(0, 0, 0, .35) var(--msm-desktop-mask-top-b),
      #000 var(--msm-desktop-mask-top-c),
      #000 100%
    );
    mask-image: linear-gradient(
      to bottom,
      transparent 0,
      transparent var(--msm-desktop-mask-top-a),
      rgba(0, 0, 0, .35) var(--msm-desktop-mask-top-b),
      #000 var(--msm-desktop-mask-top-c),
      #000 100%
    );
  }

  .msm-brame-v85-piece--archer .msm-brame-v85-piece__image,
  .msm-brame-v85-piece--cerf .msm-brame-v85-piece__image,
  .msm-brame-v85-piece--aiglon .msm-brame-v85-piece__image,
  .msm-brame-v85-piece--elan .msm-brame-v85-piece__image {
    -webkit-mask-image:
      linear-gradient(
        to bottom,
        transparent 0,
        transparent var(--msm-desktop-mask-top-a),
        rgba(0, 0, 0, .35) var(--msm-desktop-mask-top-b),
        #000 var(--msm-desktop-mask-top-c),
        #000 100%
      ),
      linear-gradient(
        to right,
        transparent 0,
        transparent var(--msm-desktop-mask-left-a),
        rgba(0, 0, 0, .40) var(--msm-desktop-mask-left-b),
        #000 var(--msm-desktop-mask-left-c),
        #000 100%
      );
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(
        to bottom,
        transparent 0,
        transparent var(--msm-desktop-mask-top-a),
        rgba(0, 0, 0, .35) var(--msm-desktop-mask-top-b),
        #000 var(--msm-desktop-mask-top-c),
        #000 100%
      ),
      linear-gradient(
        to right,
        transparent 0,
        transparent var(--msm-desktop-mask-left-a),
        rgba(0, 0, 0, .40) var(--msm-desktop-mask-left-b),
        #000 var(--msm-desktop-mask-left-c),
        #000 100%
      );
    mask-composite: intersect;
  }

  .msm-brame-v85-piece--equin .msm-brame-v85-piece__image {
    -webkit-mask-image:
      linear-gradient(
        to bottom,
        transparent 0,
        transparent var(--msm-desktop-mask-top-a),
        rgba(0, 0, 0, .35) var(--msm-desktop-mask-top-b),
        #000 var(--msm-desktop-mask-top-c),
        #000 100%
      ),
      linear-gradient(
        to right,
        transparent 0,
        transparent var(--msm-desktop-mask-left-a),
        rgba(0, 0, 0, .28) var(--msm-desktop-mask-left-b),
        #000 var(--msm-desktop-mask-left-c),
        #000 100%
      );
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(
        to bottom,
        transparent 0,
        transparent var(--msm-desktop-mask-top-a),
        rgba(0, 0, 0, .35) var(--msm-desktop-mask-top-b),
        #000 var(--msm-desktop-mask-top-c),
        #000 100%
      ),
      linear-gradient(
        to right,
        transparent 0,
        transparent var(--msm-desktop-mask-left-a),
        rgba(0, 0, 0, .28) var(--msm-desktop-mask-left-b),
        #000 var(--msm-desktop-mask-left-c),
        #000 100%
      );
    mask-composite: intersect;
  }

  .msm-brame-v85-piece__copy {
    position: relative;
    z-index: 6;
    width: calc(100vw - 80px);
    max-width: calc(100vw - 80px);
    min-height: 156px;
    margin: 0 40px;
    padding: 18px 0 0 var(--msm-desktop-copy-left);
    display: block;
    overflow: visible;
    pointer-events: none;
  }

  .msm-brame-v85-piece__title {
    max-width: min(980px, calc(100vw - var(--msm-desktop-copy-left) - 120px));
    margin: 0;
    font-family: var(--msm-brame-sans);
    font-size: var(--msm-desktop-title-size);
    font-weight: 165;
    font-variation-settings: "wght" 165;
    font-optical-sizing: auto;
    font-synthesis: none;
    line-height: .84;
    letter-spacing: -.048em;
    color: rgba(28, 25, 21, .90);
  }

  .msm-brame-v85-piece__link {
    margin: 10px 0 0 var(--msm-desktop-link-left);
    transform: translate3d(
      calc(var(--msm-desktop-link-x) + var(--msm-link-axis-correction)),
      var(--msm-desktop-link-y),
      0
    );
    padding: 3px 0;
    font-size: 12px;
    font-weight: 335;
    font-variation-settings: "wght" 335;
    letter-spacing: .19em;
    color: rgba(28, 25, 21, .71);
  }

  .msm-brame-v85-piece__link::after {
    width: 138px;
    height: 1px;
    opacity: .58;
    transform: translateY(-50%) scaleX(.3624) scaleY(.5);
    transform-origin: left center;
    transition:
      transform 3000ms cubic-bezier(.16, 1, .3, 1),
      opacity 1400ms ease;
  }

  .msm-brame-v85-piece__link:hover::after,
  .msm-brame-v85-piece__link:focus-visible::after {
    transform: translateY(-50%) scaleX(1) scaleY(.5);
  }

  /* L'Archer et L'Aplomb : typographie hors cadre, dans le blanc latéral. */
  .msm-brame-v85-piece--archer {
    --msm-desktop-frame-base-height: clamp(790px, 84vh, 960px);
    --msm-desktop-frame-extension-top: 100px;
    --msm-desktop-frame-left: clamp(350px, 27vw, 520px);
    --msm-desktop-frame-right: 92px;
    --msm-desktop-scene-ref-width: 1309.6;
    --msm-desktop-scene-ref-height: 907.2;
    --msm-desktop-stage-align-x: 1;
    --msm-desktop-stage-align-y: 1;
    --msm-desktop-chair-ref-width: 1290.892719;
    --msm-desktop-chair-ref-left: -73.890948;
    --msm-desktop-chair-ref-top: -349.770948;
    --msm-desktop-chair-rotate: 0deg;
    --msm-desktop-title-size: clamp(129.92px, 10.584vw, 192.64px);
    --msm-desktop-section-top: 140px;
    --msm-desktop-section-bottom: 460px;
  }

  .msm-brame-v85-piece--aplomb {
    --msm-desktop-frame-base-height: clamp(800px, 85vh, 975px);
    --msm-desktop-frame-extension-top: 120px;
    --msm-desktop-frame-left: clamp(360px, 27vw, 530px);
    --msm-desktop-frame-right: 176px;
    --msm-desktop-scene-ref-width: 1225.6;
    --msm-desktop-scene-ref-height: 918;
    --msm-desktop-stage-align-x: 1;
    --msm-desktop-stage-align-y: 1;
    --msm-desktop-chair-ref-width: 1525.633508;
    --msm-desktop-chair-ref-left: -200.241508;
    --msm-desktop-chair-ref-top: -474.633508;
    --msm-desktop-chair-rotate: 0deg;
    --msm-desktop-title-size: clamp(118px, 9.65vw, 176px);
    --msm-desktop-section-bottom: 500px;
  }

  .msm-brame-v85-piece--archer .msm-brame-v85-piece__copy,
  .msm-brame-v85-piece--aplomb .msm-brame-v85-piece__copy {
    position: absolute;
    z-index: 8;
    left: clamp(48px, 4.7vw, 88px);
    bottom: clamp(62px, 6.8vh, 92px);
    width: min(calc(var(--msm-desktop-frame-left) + 22px), 660px);
    max-width: min(calc(var(--msm-desktop-frame-left) + 22px), 660px);
    min-height: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    overflow: visible;
  }

  .msm-brame-v85-piece--archer .msm-brame-v85-piece__copy::after,
  .msm-brame-v85-piece--aplomb .msm-brame-v85-piece__copy::after {
    display: none;
  }

  .msm-brame-v85-piece--archer .msm-brame-v85-piece__title,
  .msm-brame-v85-piece--aplomb .msm-brame-v85-piece__title {
    width: auto;
    max-width: calc(var(--msm-desktop-frame-left) + 12px);
    white-space: nowrap;
  }

  .msm-brame-v85-piece--archer .msm-brame-v85-piece__title {
    transform: translateX(8px);
  }

  .msm-brame-v85-piece--aplomb .msm-brame-v85-piece__title {
    transform: translateX(4px);
  }

  .msm-brame-v85-piece--archer .msm-brame-v85-piece__link {
    margin: 16px 0 0 calc(clamp(112px, 10vw, 182px) + 40px);
  }

  .msm-brame-v85-piece--aplomb .msm-brame-v85-piece__link {
    margin: 26px 0 0 clamp(118px, 10.5vw, 190px);
    position: relative;
    z-index: 10;
  }

  .msm-brame-v85-piece--aplomb .msm-brame-v85-piece__copy {
    transform: translate3d(-3px, 0, 0);
  }

  /* Le Cerf et L'Elan : amplitudes silencieuses, titres proches de la matière. */
  .msm-brame-v85-piece--cerf {
    --msm-desktop-frame-base-height: clamp(680px, 74vh, 816px);
    --msm-desktop-frame-extension-top: 120px;
    --msm-desktop-scene-ref-width: 1840;
    --msm-desktop-scene-ref-height: 799.2;
    --msm-desktop-stage-align-x: .5;
    --msm-desktop-stage-align-y: 1;
    --msm-desktop-chair-ref-width: 1331.935711;
    --msm-desktop-chair-ref-left: 450.064289;
    --msm-desktop-chair-ref-top: -331.735711;
    --msm-desktop-chair-rotate: 0deg;
    --msm-desktop-title-size: clamp(127.5px, 10.5625vw, 190px);
    --msm-desktop-copy-left: clamp(46px, 4vw, 78px);
    --msm-desktop-link-left: clamp(150px, 14vw, 252px);
    --msm-desktop-section-bottom: 380px;
  }

  .msm-brame-v85-piece--elan {
    --msm-desktop-frame-base-height: clamp(650px, 71vh, 790px);
    --msm-desktop-frame-extension-top: 120px;
    --msm-desktop-scene-ref-width: 1840;
    --msm-desktop-scene-ref-height: 766.8;
    --msm-desktop-stage-align-x: .5;
    --msm-desktop-stage-align-y: 1;
    --msm-desktop-chair-ref-width: 1336.538930;
    --msm-desktop-chair-ref-left: 391.461070;
    --msm-desktop-chair-ref-top: -343.738930;
    --msm-desktop-chair-rotate: 0deg;
    --msm-desktop-title-size: clamp(114.4px, 9.405vw, 170.5px);
    --msm-desktop-copy-left: clamp(104px, 9vw, 170px);
    --msm-desktop-link-left: clamp(116px, 10.5vw, 190px);
    --msm-desktop-section-bottom: 265px;
  }

  .msm-brame-v85-piece--cerf .msm-brame-v85-piece__copy {
    padding-top: 0;
    transform: translate3d(34px, -106px, 0);
    margin-bottom: -106px;
  }

  .msm-brame-v85-piece--cerf .msm-brame-v85-piece__title {
    position: relative;
    width: max-content;
    overflow: visible;
    transform: translate3d(-35px, -30px, 0);
  }

  .msm-brame-v85-piece--cerf .msm-brame-v85-piece__title-prefix {
    position: absolute;
    left: 0;
    bottom: calc(100% + 25px);
    display: block;
    white-space: nowrap;
  }

  .msm-brame-v85-piece--cerf .msm-brame-v85-piece__title-main {
    display: block;
    white-space: nowrap;
    transform: translateX(60px);
  }

  .msm-brame-v85-piece--cerf .msm-brame-v85-piece__link {
    --msm-desktop-link-y: -6px;
    margin-top: 14px;
  }

  .msm-brame-v85-piece--elan .msm-brame-v85-piece__copy {
    padding-top: 14px;
    transform: translate3d(-22px, 6px, 0);
    margin-bottom: 6px;
  }

  .msm-brame-v85-piece--elan .msm-brame-v85-piece__title {
    transform: translate3d(0, -31px, 0);
  }

  .msm-brame-v85-piece--elan .msm-brame-v85-piece__link {
    --msm-desktop-link-x: 2px;
    --msm-desktop-link-y: -8px;
    margin-top: 16px;
  }

  /* L'Equin et L'Aiglon : séquence plus tendue, titres au contact du cadre. */
  .msm-brame-v85-piece--equin {
    --msm-desktop-frame-base-height: clamp(700px, 76vh, 850px);
    --msm-desktop-frame-extension-top: 50px;
    --msm-desktop-scene-ref-width: 1840;
    --msm-desktop-scene-ref-height: 820.8;
    --msm-desktop-stage-align-x: .5;
    --msm-desktop-stage-align-y: 1;
    --msm-desktop-chair-ref-width: 1425.666968;
    --msm-desktop-chair-ref-left: 181.347511;
    --msm-desktop-chair-ref-top: -341.852489;
    --msm-desktop-chair-rotate: -1deg;
    --msm-desktop-mask-left-a-ref: 55;
    --msm-desktop-mask-left-b-ref: 74;
    --msm-desktop-mask-left-c-ref: 96;
    --msm-desktop-title-size: clamp(118.8px, 9.79vw, 178.2px);
    --msm-desktop-copy-left: clamp(54px, 5vw, 92px);
    --msm-desktop-link-left: clamp(228px, 20vw, 360px);
    --msm-desktop-section-bottom: 316px;
  }

  .msm-brame-v85-piece--aiglon {
    --msm-desktop-frame-base-height: clamp(630px, 70vh, 770px);
    --msm-desktop-frame-extension-top: 70px;
    --msm-desktop-scene-ref-width: 1840;
    --msm-desktop-scene-ref-height: 756;
    --msm-desktop-stage-align-x: 1;
    --msm-desktop-stage-align-y: 1;
    --msm-desktop-chair-ref-width: 1177.218854;
    --msm-desktop-chair-ref-left: 518.597717;
    --msm-desktop-chair-ref-top: -296.402283;
    --msm-desktop-chair-rotate: 0deg;
    --msm-desktop-title-size: clamp(130.592px, 10.6689vw, 195.888px);
    --msm-desktop-copy-left: clamp(96px, 8.5vw, 160px);
    --msm-desktop-link-left: clamp(220px, 19vw, 350px);
    --msm-desktop-section-bottom: 440px;
  }

  .msm-brame-v85-piece--equin .msm-brame-v85-piece__copy {
    padding-top: 0;
    transform: translate3d(-18px, -42px, 0);
    margin-bottom: -42px;
  }

  .msm-brame-v85-piece--equin .msm-brame-v85-piece__title {
    transform: translate3d(0, -24px, 0);
  }

  .msm-brame-v85-piece--equin .msm-brame-v85-piece__link {
    margin-top: 12px;
  }

  .msm-brame-v85-piece--aiglon .msm-brame-v85-piece__copy {
    padding-top: 0;
    transform: translate3d(72px, -126px, 0);
    margin-bottom: -126px;
  }

  .msm-brame-v85-piece--aiglon .msm-brame-v85-piece__title {
    transform: translate3d(0, 5px, 0);
  }

  .msm-brame-v85-piece--aiglon .msm-brame-v85-piece__link {
    margin-top: 30px;
  }
}

/* --------------------------------------------------------------------------
   Mobile
   -------------------------------------------------------------------------- */

@media (max-width: 900px) {
  body.page-id-6405 #header-main,
  body.page-id-6405 #show-hide-header-tablette {
    background: var(--msm-brame-page-bg) !important;
  }

  body.page-id-6405 .msm-brame-v52,
  body.page-id-6405 .msm-brame-v52 *,
  body.page-id-6405 .msm-brame-v52 *::before,
  body.page-id-6405 .msm-brame-v52 *::after {
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.page-id-6405 .msm-brame-v52 a {
    touch-action: manipulation;
  }

  .msm-brame-v85-intro {
    width: 100%;
    min-height: 100svh;
    padding: 236px 26px 90px;
    justify-content: flex-start;
  }

  .msm-brame-v85-intro__heading {
    width: 100%;
    margin: 0;
  }

  .msm-brame-v85-intro__label {
    margin: 0 0 -2px 0;
    transform: translateX(17px);
    font-size: 10px;
    letter-spacing: .24em;
    color: rgba(28, 25, 21, .64);
  }

  .msm-brame-v85-intro__title {
    margin: 0;
    font-family: var(--msm-brame-sans);
    font-size: clamp(77.05px, 20.47vw, 95.45px);
    font-weight: 165;
    font-variation-settings: "wght" 165;
    font-synthesis: none;
    line-height: .92;
    letter-spacing: .015em;
    color: rgba(28, 25, 21, .93);
    transform: translateX(60px);
  }

  .msm-brame-v85-intro__text--desktop {
    display: none;
  }

  .msm-brame-v85-intro__text--mobile {
    display: block;
  }

  .msm-brame-v85-intro__text {
    width: calc(100vw - 104px);
    max-width: calc(100vw - 104px);
    margin: 62px 0 0 56px;
    transform: translateX(calc(-80px + var(--msm-intro-axis-correction, 0px)));
    font-size: 13px;
    font-weight: 330;
    line-height: 1.72;
    color: rgba(28, 25, 21, .84);
    will-change: transform;
  }

  .msm-brame-v85-intro__line--one,
  .msm-brame-v85-intro__line--two,
  .msm-brame-v85-intro__line--three {
    display: block;
    margin-left: 0;
    text-align: right;
    white-space: nowrap;
  }

  .msm-brame-v85-intro__line--one {
    width: 100%;
    color: rgba(28, 25, 21, .86);
  }

  .msm-brame-v85-intro__line--two {
    width: calc(100% - 30px);
    color: rgba(28, 25, 21, .78);
  }

  .msm-brame-v85-intro__line--three {
    width: calc(100% - 60px);
    color: rgba(28, 25, 21, .82);
  }

  .msm-brame-v85-piece {
    padding: 0 0 var(--msm-mobile-section-bottom);
    touch-action: pan-y;
  }

  .msm-brame-v85-piece__inner {
    row-gap: 18px;
  }

  .msm-brame-v85-piece__visual {
    width: 100vw;
    height: var(--msm-mobile-visual-height);
    background: transparent;
    touch-action: pan-y;
    overscroll-behavior: auto;
    pointer-events: none;
  }

  .msm-brame-v85-piece__oval {
    background: transparent;
    box-shadow: none;
  }

  .msm-brame-v85-piece__stage {
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }

  .msm-brame-v85-piece__image {
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: var(--msm-mobile-chair-width) !important;
    height: var(--msm-mobile-chair-width) !important;
    transform:
      translate(-50%, -50%)
      translate3d(var(--msm-mobile-chair-x), var(--msm-mobile-chair-y), 0)
      rotate(var(--msm-mobile-chair-rotate))
      scale(var(--msm-mobile-chair-scale));
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0,
      transparent 50px,
      #000 60px,
      #000 calc(100% - 60px),
      transparent calc(100% - 50px),
      transparent 100%
    );
    mask-image: linear-gradient(
      to bottom,
      transparent 0,
      transparent 50px,
      #000 60px,
      #000 calc(100% - 60px),
      transparent calc(100% - 50px),
      transparent 100%
    );
  }

  .msm-brame-v85-piece__copy {
    width: calc(100vw - 46px);
    margin: 0 auto;
    transform: translate3d(var(--msm-mobile-copy-x), var(--msm-mobile-copy-y), 0);
  }

  .msm-brame-v85-piece__title {
    margin: 0 0 2px;
    transform: translate3d(var(--msm-mobile-title-x), var(--msm-mobile-title-y), 0);
    font-family: var(--msm-brame-sans);
    font-size: var(--msm-mobile-title-size);
    font-weight: 165;
    font-variation-settings: "wght" 165;
    font-optical-sizing: auto;
    font-synthesis: none;
    line-height: .92;
    letter-spacing: -.018em;
    color: rgba(28, 25, 21, .89);
  }

  .msm-brame-v85-piece__link {
    margin: 0 0 0 var(--msm-mobile-link-left);
    transform: translate3d(
      calc(var(--msm-mobile-link-x) + var(--msm-link-axis-correction)),
      var(--msm-mobile-link-y),
      0
    );
    padding: 4px 0;
    font-size: 10.8px;
    font-weight: 370;
    font-variation-settings: "wght" 370;
    color: rgba(28, 25, 21, .81);
  }

  .msm-brame-v85-piece__link::after {
    width: 58px;
    height: 1px;
    opacity: .64;
    transform: translateY(-50%) scaleX(.38) scaleY(.5);
    transform-origin: left center;
  }

  .msm-brame-v85-piece__link:hover::after,
  .msm-brame-v85-piece__link:focus-visible::after {
    transform: translateY(-50%) scaleX(1) scaleY(.5);
  }

  .msm-brame-v85-piece[data-msm-index]:not([data-msm-index="0"])::before {
    content: "";
    position: absolute;
    top: var(--msm-mobile-separator-top);
    width: 1px;
    height: var(--msm-mobile-separator-height);
    background: linear-gradient(
      to bottom,
      rgba(28, 25, 21, 0),
      rgba(28, 25, 21, .23) 45%,
      rgba(28, 25, 21, 0)
    );
    pointer-events: none;
  }

  .msm-brame-v85-piece[data-msm-index="1"]::before,
  .msm-brame-v85-piece[data-msm-index="3"]::before,
  .msm-brame-v85-piece[data-msm-index="5"]::before {
    left: 21%;
  }

  .msm-brame-v85-piece[data-msm-index="2"]::before,
  .msm-brame-v85-piece[data-msm-index="4"]::before {
    right: 19%;
  }

  .msm-brame-v85-piece--archer {
    --msm-mobile-copy-x: 8px;
    --msm-mobile-visual-height: min(88vw, 520px);
    --msm-mobile-chair-width: 175.9889592%;
    --msm-mobile-chair-scale: 1.15;
    --msm-mobile-chair-x: -43px;
    --msm-mobile-chair-y: -30px;
    --msm-mobile-copy-y: -68px;
    --msm-mobile-title-x: 2px;
    --msm-mobile-title-y: -6px;
    --msm-mobile-link-left: clamp(128px, 35vw, 160px);
    --msm-mobile-link-x: -2px;
    --msm-mobile-link-y: 10px;
    --msm-mobile-section-bottom: 365px;
  }

  .msm-brame-v85-piece--cerf {
    --msm-mobile-visual-height: min(82vw, 486px);
    --msm-mobile-chair-width: 139.3524%;
    --msm-mobile-chair-scale: 1.10;
    --msm-mobile-chair-x: -32px;
    --msm-mobile-chair-y: 14px;
    --msm-mobile-copy-x: -4px;
    --msm-mobile-copy-y: -20px;
    --msm-mobile-title-x: 11px;
    --msm-mobile-title-y: 2px;
    --msm-mobile-title-size: clamp(40.7px, 12.122vw, 57.2px);
    --msm-mobile-link-left: calc(clamp(146px, 40vw, 178px) - 50px);
    --msm-mobile-link-x: -14px;
    --msm-mobile-link-y: 22px;
    --msm-mobile-section-bottom: 360px;
    --msm-mobile-separator-top: -248px;
    --msm-mobile-separator-height: 190px;
  }

  .msm-brame-v85-piece--cerf .msm-brame-v85-piece__title-prefix,
  .msm-brame-v85-piece--cerf .msm-brame-v85-piece__title-main {
    position: static;
    left: auto;
    bottom: auto;
    display: inline;
    white-space: nowrap;
    transform: none;
  }

  .msm-brame-v85-piece--cerf .msm-brame-v85-piece__title-prefix {
    margin-right: .22em;
  }

  .msm-brame-v85-piece--equin {
    --msm-mobile-copy-x: 8px;
    --msm-mobile-copy-y: -24px;
    --msm-mobile-visual-height: min(78vw, 462px);
    --msm-mobile-chair-width: 371.3347%;
    --msm-mobile-chair-scale: 1.298;
    --msm-mobile-chair-x: -89px;
    --msm-mobile-chair-y: 34px;
    --msm-mobile-chair-rotate: -1deg;
    --msm-mobile-title-x: 16px;
    --msm-mobile-title-y: 15px;
    --msm-mobile-link-left: clamp(112px, 31vw, 142px);
    --msm-mobile-link-x: 22px;
    --msm-mobile-link-y: 28px;
    --msm-mobile-section-bottom: 312px;
    --msm-mobile-separator-top: -222px;
    --msm-mobile-separator-height: 166px;
  }

  .msm-brame-v85-piece--aiglon {
    --msm-mobile-copy-x: 0px;
    --msm-mobile-copy-y: -2px;
    --msm-mobile-visual-height: min(76vw, 442px);
    --msm-mobile-chair-width: 169.4001338%;
    --msm-mobile-chair-scale: 1.08;
    --msm-mobile-chair-x: -27px;
    --msm-mobile-chair-y: 8px;
    --msm-mobile-title-x: 5px;
    --msm-mobile-title-y: 0px;
    --msm-mobile-link-left: 0px;
    --msm-mobile-link-x: 10px;
    --msm-mobile-link-y: 6px;
    --msm-mobile-section-bottom: 322px;
    --msm-mobile-separator-top: -238px;
    --msm-mobile-separator-height: 182px;
  }

  .msm-brame-v85-piece--aiglon .msm-brame-v85-piece__copy {
    width: calc(100vw - 46px);
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    justify-content: center;
    column-gap: clamp(26px, 7vw, 38px);
  }

  .msm-brame-v85-piece--aiglon .msm-brame-v85-piece__title {
    margin: 0;
  }

  .msm-brame-v85-piece--aiglon .msm-brame-v85-piece__link {
    margin: 0;
    padding-right: 70px;
  }

  .msm-brame-v85-piece--aiglon .msm-brame-v85-piece__link::after {
    left: calc(100% - 58px);
  }

  .msm-brame-v85-piece--elan {
    --msm-mobile-visual-height: min(80vw, 468px);
    --msm-mobile-title-size: clamp(40.7px, 12.122vw, 57.2px);
    --msm-mobile-chair-width: 166.0219365%;
    --msm-mobile-chair-scale: 1.221;
    --msm-mobile-chair-x: 0px;
    --msm-mobile-chair-y: 22px;
    --msm-mobile-copy-x: 10px;
    --msm-mobile-copy-y: -8px;
    --msm-mobile-title-x: 12px;
    --msm-mobile-title-y: 2px;
    --msm-mobile-link-left: clamp(128px, 35vw, 158px);
    --msm-mobile-link-x: 8px;
    --msm-mobile-link-y: 18px;
    --msm-mobile-section-bottom: 378px;
    --msm-mobile-separator-top: -228px;
    --msm-mobile-separator-height: 172px;
  }

  .msm-brame-v85-piece--aplomb {
    --msm-mobile-visual-height: min(78vw, 454px);
    --msm-mobile-chair-width: 217.5176922%;
    --msm-mobile-chair-scale: 1.08;
    --msm-mobile-chair-x: -52px;
    --msm-mobile-chair-y: 2px;
    --msm-mobile-copy-x: 2px;
    --msm-mobile-copy-y: 7px;
    --msm-mobile-title-x: 4px;
    --msm-mobile-title-y: -8px;
    --msm-mobile-link-left: clamp(142px, 39vw, 174px);
    --msm-mobile-link-x: 12px;
    --msm-mobile-link-y: 14px;
    --msm-mobile-section-bottom: 410px;
    --msm-mobile-separator-top: -258px;
    --msm-mobile-separator-height: 198px;
  }
}

/* --------------------------------------------------------------------------
   Petit mobile — introduction uniquement
   Référence intacte à partir de 360 px ; sous 360 px, la composition mobile
   est réduite proportionnellement sur une base de 360 px.
   -------------------------------------------------------------------------- */

@media (max-width: 359px) {
  .msm-brame-v85-intro {
    padding: 65.5556vw 7.2222vw 25vw;
  }

  .msm-brame-v85-intro__label {
    transform: translateX(3.0556vw);
    font-size: 2.7778vw;
  }

  .msm-brame-v85-intro__title {
    font-size: 20.1186vw;
    transform: translateX(12.7778vw);
  }

  .msm-brame-v85-intro__text {
    width: 71.1111vw;
    max-width: 71.1111vw;
    margin: 17.2222vw 0 0 15.5556vw;
    transform: translateX(calc(-23.6111vw + var(--msm-intro-axis-correction, 0px)));
    font-size: 3.6111vw;
  }

  .msm-brame-v85-intro__line--two {
    width: calc(100% - 8.3333vw);
  }

  .msm-brame-v85-intro__line--three {
    width: calc(100% - 16.6667vw);
  }
}

/* --------------------------------------------------------------------------
   Signature finale — desktop et mobile
   -------------------------------------------------------------------------- */

.msm-brame-v85-signature {
  display: none;
}

@media (min-width: 901px) {
  .msm-brame-v85-signature {
    width: min(760px, calc(100% - 120px));
    margin: 0 auto;
    padding: 0 0 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--msm-brame-ink);
  }

  .msm-brame-v85-signature__line--vertical {
    width: 1px;
    height: 276px;
    margin: 0 0 74px;
    transform: scaleX(.5);
    transform-origin: center center;
    background: linear-gradient(
      to bottom,
      rgba(28, 25, 21, 0),
      rgba(28, 25, 21, .205) 48%,
      rgba(28, 25, 21, 0)
    );
  }

  .msm-brame-v85-signature__maison {
    margin: 0;
    font-family: var(--msm-brame-sans);
    font-size: 23.6236px;
    font-weight: 340;
    font-variation-settings: "wght" 340;
    line-height: 1;
    letter-spacing: .31em;
    text-transform: uppercase;
    color: rgba(28, 25, 21, .87);
  }

  .msm-brame-v85-signature__phrase {
    margin: 36px 0 0;
    display: inline-block;
    transform: translate3d(40px, 30px, 0);
    font-family: var(--msm-brame-sans);
    font-size: 14px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    line-height: 1.54;
    letter-spacing: .035em;
    text-align: left;
    color: rgba(28, 25, 21, .64);
  }

  .msm-brame-v85-signature__phrase span {
    display: block;
  }

  .msm-brame-v85-signature__phrase span:first-child {
    color: rgba(28, 25, 21, .72);
  }

  .msm-brame-v85-signature__phrase span:nth-child(2) {
    transform: translateX(8px);
  }

  .msm-brame-v85-signature__line--horizontal {
    display: block;
    width: 58px;
    height: 1px;
    margin: 58px 0 0;
    transform: scaleY(.5);
    transform-origin: center center;
    background: linear-gradient(
      to right,
      rgba(28, 25, 21, 0),
      rgba(28, 25, 21, .17) 50%,
      rgba(28, 25, 21, 0)
    );
  }
}

@media (max-width: 900px) {
  .msm-brame-v85-signature {
    width: calc(100% - 52px);
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--msm-brame-ink);
  }

  .msm-brame-v85-signature__line--vertical {
    width: 1px;
    height: 192px;
    margin: -100px 0 58px;
    background: linear-gradient(
      to bottom,
      rgba(28, 25, 21, 0),
      rgba(28, 25, 21, .24) 44%,
      rgba(28, 25, 21, .14)
    );
  }

  .msm-brame-v85-signature__maison {
    margin: 0;
    font-family: var(--msm-brame-sans);
    font-size: 15.5px;
    font-weight: 360;
    line-height: 1;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: rgba(28, 25, 21, .91);
  }

  .msm-brame-v85-signature__phrase {
    margin: 60px 0 0;
    font-family: var(--msm-brame-sans);
    font-size: 12.6px;
    font-weight: 290;
    line-height: 1.44;
    letter-spacing: .035em;
    color: rgba(28, 25, 21, .72);
  }

  .msm-brame-v85-signature__phrase span {
    display: block;
  }

  .msm-brame-v85-signature__phrase span:first-child {
    color: rgba(28, 25, 21, .84);
  }

  .msm-brame-v85-signature__phrase span:nth-child(2) {
    margin-top: 10px;
    transform: translateX(19px);
  }

  .msm-brame-v85-signature__line--horizontal {
    width: 68px;
    height: 1px;
    margin: 62px 0 0;
    transform: scaleY(.5);
    transform-origin: center center;
    background: linear-gradient(
      to right,
      rgba(28, 25, 21, 0),
      rgba(28, 25, 21, .22) 50%,
      rgba(28, 25, 21, 0)
    );
  }
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */

.msm-brame-v85-footer {
  width: calc(100% - 48px);
  margin: 80px auto 0;
  padding: 22px 0 28px;
  display: flex;
  justify-content: center;
  gap: 34px;
  border-top: 1px solid rgba(28, 25, 21, .08);
}

.msm-brame-v85-footer__group {
  display: flex;
  gap: 28px;
}

.msm-brame-v85-footer__link {
  font-size: 9px;
  font-weight: 380;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(28, 25, 21, .56);
}

@media (max-width: 900px) {
  .msm-brame-v85-footer {
    width: calc(100% - 28px);
    margin: 210px auto 0;
    padding: 34px 0 max(20px, env(safe-area-inset-bottom));
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    border-top: none;
  }

  .msm-brame-v85-footer__group {
    display: contents;
  }

  .msm-brame-v85-footer__link {
    display: inline-flex;
    align-items: center;
    font-size: 0;
    line-height: 1;
    letter-spacing: .11em;
    color: rgba(28, 25, 21, .58);
  }

  .msm-brame-v85-footer__link::before {
    content: attr(data-mobile-label);
    font-size: 7.6px;
    font-weight: 400;
  }

  .msm-brame-v85-footer__group:first-child .msm-brame-v85-footer__link::after,
  .msm-brame-v85-footer__group:last-child .msm-brame-v85-footer__link:first-child::after {
    content: "";
    width: .5px;
    height: 8px;
    margin: 0 12px;
    background: rgba(28, 25, 21, .20);
  }
}

/* Menu mobile : aucun panneau coloré distinct, uniquement les liens. */
body.page-id-6405 #header-main .elementor-nav-menu--dropdown,
body.page-id-6405 #show-hide-header-tablette .elementor-nav-menu--dropdown,
body.page-id-6405 #header-main .elementor-nav-menu__container,
body.page-id-6405 #show-hide-header-tablette .elementor-nav-menu__container,
body.page-id-6405 #header-main .sub-menu,
body.page-id-6405 #show-hide-header-tablette .sub-menu,
body.page-id-6405 #header-main nav,
body.page-id-6405 #show-hide-header-tablette nav {
  background: var(--msm-brame-page-bg) !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.page-id-6405 #header-main .elementor-nav-menu--dropdown a,
body.page-id-6405 #show-hide-header-tablette .elementor-nav-menu--dropdown a,
body.page-id-6405 #header-main .elementor-nav-menu__container a,
body.page-id-6405 #show-hide-header-tablette .elementor-nav-menu__container a,
body.page-id-6405 #header-main .sub-menu a,
body.page-id-6405 #show-hide-header-tablette .sub-menu a {
  background: transparent !important;
  box-shadow: none !important;
}

/* Secours pour les navigateurs sans prise en charge des polices variables. */
@supports not (font-variation-settings: normal) {
  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-intro__title,
  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-intro__title span,
  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-piece__title,
  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-piece__title span {
    font-weight: 200 !important;
  }

  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-intro__text,
  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-piece__link,
  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-signature__maison,
  body.page-id-6405 .msm-brame-v52 .msm-brame-v85-signature__phrase {
    font-weight: 300 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}/* End custom CSS */