body.monpasie-site .mp-hero { position: relative; min-height: clamp(600px, 73dvh, 760px); overflow: hidden; background: var(--mp-ice); }
body.monpasie-site .mp-hero__surface { position: relative; isolation: isolate; min-height: clamp(600px, 73dvh, 760px); overflow: hidden; background: #2a3d40; }
body.monpasie-site .mp-hero__surface::before { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(18, 32, 34, .76) 0%, rgba(18, 32, 34, .58) 38%, rgba(18, 32, 34, .22) 64%, rgba(18, 32, 34, .04) 100%); content: ''; pointer-events: none; }
body.monpasie-site .mp-hero__surface::after { position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; height: 112px; background: linear-gradient(180deg, rgba(236, 250, 252, 0), rgba(236, 250, 252, .98)); content: ''; pointer-events: none; }
body.monpasie-site .mp-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 600px) 1fr; min-height: clamp(600px, 73dvh, 760px); align-items: center; gap: 0; padding: clamp(58px, 8vh, 86px) 0 clamp(46px, 6vh, 68px); }
body.monpasie-site .mp-hero__copy { max-width: 600px; min-width: 0; }
body.monpasie-site .mp-hero .mp-kicker { color: #e5fbff; text-shadow: 0 2px 14px rgba(10, 27, 31, .72); }
body.monpasie-site .mp-hero h1 { max-width: 570px; margin-bottom: 22px; color: #fff; font-size: clamp(48px, 4.6vw, 68px); line-height: 1.08; overflow-wrap: anywhere; }
body.monpasie-site .mp-hero h1 .mp-hero__headline-accent { color: #def7fa; }
body.monpasie-site .mp-hero .mp-hero__mobile-only { display: none; }
body.monpasie-site .mp-hero__lead { max-width: 530px; margin-bottom: 26px; color: rgba(255, 255, 255, .92); font-size: 16px; line-height: 1.6; }
body.monpasie-site .mp-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; }
body.monpasie-site .mp-hero__actions .mp-button { min-height: 52px; padding: 14px 22px; border-radius: 16px; font-size: 14px; line-height: 1.45; }
body.monpasie-site .mp-hero__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 570px; gap: 18px; margin: 0; padding: 18px 0 0; border-top: 1px solid rgba(222, 247, 250, .36); list-style: none; }
body.monpasie-site .mp-hero__facts li { display: grid; gap: 4px; }
body.monpasie-site .mp-hero__facts strong { color: #fff; font-size: 14px; }
body.monpasie-site .mp-hero__facts span { color: rgba(255, 255, 255, .8); font-size: 12px; font-weight: 400; line-height: 1.5; }
body.monpasie-site .mp-hero__video { overflow: hidden; }
body.monpasie-site .mp-hero__video--background { position: absolute; z-index: 0; inset: 0; margin: 0; background: #1d282a; }
body.monpasie-site .mp-hero__video--background video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 56% 48%; }
body.monpasie-site .mp-hero a:focus-visible { outline: 3px solid var(--mp-blue); outline-offset: 3px; }

@media (min-width: 1101px) and (max-width: 1399px) {
  body.monpasie-site .mp-hero__grid { grid-template-columns: minmax(0, 440px) 1fr; }
  body.monpasie-site .mp-hero h1 { font-size: 48px; }
}

@media (max-width: 1100px) {
  /* Container width excludes the browser scrollbar, keeping the video at 16:9. */
  body.monpasie-site .mp-hero { --mp-hero-media-height: calc(100cqw * 9 / 16); container-type: inline-size; min-height: 0; padding: 0; }
  body.monpasie-site .mp-hero .mp-hero__desktop-only { display: none; }
  body.monpasie-site .mp-hero .mp-hero__mobile-only { display: block; }
  body.monpasie-site .mp-hero__surface { min-height: 0; padding: 0; border-radius: 0; background: var(--mp-ice); }
  body.monpasie-site .mp-hero__surface::before { background: linear-gradient(180deg, transparent calc(var(--mp-hero-media-height) - 56px), var(--mp-ice) var(--mp-hero-media-height)); }
  body.monpasie-site .mp-hero__surface::after { display: none; }
  body.monpasie-site .mp-hero__video--background { bottom: auto; height: var(--mp-hero-media-height); background: var(--mp-ice); }
  body.monpasie-site .mp-hero__video--background video { object-position: 100% 48%; }
  body.monpasie-site .mp-hero__grid { width: calc(100% - 32px); grid-template-columns: minmax(0, 1fr); min-height: 0; gap: 0; padding: calc(var(--mp-hero-media-height) + 8px) 0 8px; }
  body.monpasie-site .mp-hero__copy { max-width: none; text-align: center; }
  body.monpasie-site .mp-hero h1 { max-width: 600px; margin: 0 auto 12px; color: var(--mp-ink); font-size: clamp(20px, 6.2vw, 24px); line-height: 1.3; letter-spacing: -.035em; }
  body.monpasie-site .mp-hero__service { text-wrap: balance; }
  body.monpasie-site .mp-hero h1 .mp-hero__headline-accent { color: var(--mp-burgundy); }
  body.monpasie-site .mp-hero h1 > .mp-hero__headline-accent { display: block; margin-top: 8px; font-size: 18px; font-weight: 600; line-height: 1.35; letter-spacing: -.02em; }
  body.monpasie-site .mp-hero__lead { margin: 0 auto 20px; color: var(--mp-muted); font-size: 14px; line-height: 1.6; text-wrap: balance; }
  body.monpasie-site .mp-hero__actions { max-width: 360px; margin: 0 auto 12px; }
  body.monpasie-site .mp-hero__actions .mp-button--primary { width: 100%; min-height: 52px; padding: 14px 16px; font-size: 15px; }
  body.monpasie-site .mp-hero__trust { margin: 0; color: var(--mp-muted); font-size: 12px; line-height: 1.5; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  body.monpasie-site .mp-hero__grid { width: calc(100% - 80px); max-width: 720px; }
  body.monpasie-site .mp-hero__lead { max-width: 650px; }
  body.monpasie-site .mp-hero__actions .mp-button--primary { max-width: 360px; }
}

@media (max-width: 1100px) and (max-height: 500px) and (orientation: landscape) {
  body.monpasie-site .mp-hero { --mp-hero-media-height: clamp(180px, calc(100svh - 112px), 280px); }
  body.monpasie-site .mp-hero__video--background video { object-fit: contain; object-position: right top; }
}