/* MiadAura site chrome: the header with its dropdown menus, and the footer.
   Used by the homepage (FR and EN) and the legal pages. Colours are written out because each page defines its
   own variables. Behaviour (menus, mobile menu, the Paris clock): chrome.js. */
html{scroll-padding-top:84px}
html.mx-lock,html.mx-lock body{overflow:hidden}

.mx-header,.mx-foot{font:16px/1.5 "Figtree","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.mx-header *,.mx-foot *{box-sizing:border-box}
.mx-header ul,.mx-foot ul{list-style:none;margin:0;padding:0}
.mx-header li,.mx-foot li{margin:0}
.mx-header p,.mx-foot p{margin:0}
.mx-header a,.mx-foot a{text-decoration:none}
.mx-header svg,.mx-foot svg{display:block;flex:none}
.mx-header :focus-visible{outline:3px solid #C2562C;outline-offset:2px;border-radius:12px}
.mx-foot :focus-visible{outline:3px solid #F2A57E;outline-offset:3px;border-radius:8px}

/* ------------------------------------------------------------------ header bar (phone first) */
.mx-header{position:sticky;top:0;z-index:60;color:#1F2A37;background:rgba(251,247,241,.88);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.mx-header.is-scrolled{border-bottom-color:#E6DDD0;box-shadow:0 12px 32px -28px rgba(31,42,55,.45)}
.mx-bar{max-width:1180px;height:72px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:16px}
.mx-header .mx-brand,.mx-header .mx-brand:hover{display:inline-flex;align-items:center;gap:10px;flex:none;color:#1F2A37;font:600 24px/1 "Fraunces",Georgia,serif;letter-spacing:-.01em}

.mx-burger{margin-left:auto;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #D5CABA;border-radius:12px;background:transparent;color:#1F2A37;cursor:pointer}
.mx-burger .mx-x,.mx-header.is-open .mx-burger .mx-lines{display:none}
.mx-header.is-open .mx-burger .mx-x{display:block}

/* The phone menu: a full-height sheet under the bar. backdrop-filter is removed while it is open, otherwise the
   fixed sheet would be positioned inside the header. */
.mx-menu{display:none}
.mx-header.is-open{background:#FBF7F1;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:#E6DDD0;box-shadow:none}
.mx-header.is-open .mx-menu{position:fixed;inset:var(--mx-top,72px) 0 0 0;z-index:61;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:6px 20px 32px;background:#FBF7F1}
.mx-list{display:flex;flex-direction:column}
.mx-item{border-bottom:1px solid #E6DDD0}
.mx-trigger,.mx-header .mx-top{width:100%;min-height:58px;padding:0 2px;display:flex;align-items:center;justify-content:space-between;gap:6px;background:none;border:0;border-radius:0;color:#1F2A37;font:600 18px/1.2 "Figtree","Helvetica Neue",Arial,sans-serif;text-align:left;white-space:nowrap;cursor:pointer}
.mx-header .mx-top:hover{color:#1F2A37}
.mx-header .mx-top--accent,.mx-header .mx-top--accent:hover{color:#A3441F}
.mx-chev{transition:transform .2s ease}
.mx-trigger[aria-expanded="true"] .mx-chev{transform:rotate(180deg)}

/* menu panels: an accordion on phones, a dropdown on desktop */
.mx-panel{padding:0 0 14px}
.mx-panel[hidden]{display:none}
.mx-links{display:grid;gap:2px}
.mx-header .mx-link{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border-radius:14px;color:#1F2A37;transition:background .15s}
.mx-header .mx-link:hover{background:#F4EDE3;color:#1F2A37}
.mx-ico{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#F4EDE3;color:#A3441F;transition:background .15s}
.mx-link:hover .mx-ico{background:#FBE3D5}
.mx-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.mx-txt strong{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:15.5px;font-weight:600;line-height:1.3;color:#1F2A37}
.mx-txt > span{font-size:14px;line-height:1.4;color:#6B655E}
.mx-tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#E2ECE4;color:#2F5D45;font:600 11.5px/1 "Figtree","Helvetica Neue",Arial,sans-serif;white-space:nowrap}

.mx-header .mx-feature{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:10px 0 4px;padding:22px 20px;border-radius:16px;background:#FBE3D5;color:#1F2A37}
.mx-header .mx-feature:hover{background:#F8D8C4;color:#1F2A37}
.mx-feature-t{font:500 23px/1.15 "Fraunces",Georgia,serif;letter-spacing:-.01em;color:#1F2A37}
.mx-feature-d{font-size:14.5px;line-height:1.5;color:#4E4A45}
/* what the card leads to, shown in miniature: an audit figure (FR), a short exchange with the assistant (EN) */
.mx-feature-ex{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:11px 13px;border-radius:12px;background:rgba(255,253,249,.78);font-size:13px;line-height:1.35;color:#4E4A45}
.mx-feature-num{flex:none;font:500 26px/1 "Fraunces",Georgia,serif;letter-spacing:-.02em;color:#A3441F}
.mx-feature-chat{display:flex;flex-direction:column;gap:6px;width:100%}
.mx-bub{max-width:90%;padding:7px 11px;border-radius:14px;font-size:13.5px;line-height:1.35}
.mx-bub--in{align-self:flex-start;background:#FFFDF9;color:#1F2A37;border-bottom-left-radius:4px}
.mx-bub--out{align-self:flex-end;background:#E2ECE4;color:#21442F;border-bottom-right-radius:4px}
.mx-feature-go{margin-top:auto;display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;background:#1F2A37;color:#FFFFFF;font-weight:600;font-size:14.5px}
.mx-feature:hover .mx-feature-go{background:#2D3B4C}

.mx-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.mx-header .mx-lang,.mx-header .mx-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border:1.5px solid #D5CABA;border-radius:999px;color:#1F2A37;font-weight:600;font-size:15.5px;white-space:nowrap}
.mx-header .mx-lang:hover,.mx-header .mx-login:hover{border-color:#1F2A37;color:#1F2A37}
.mx-lang-short{display:none}
.mx-header .mx-cta{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;background:#1F2A37;color:#FFFFFF;font-weight:600;font-size:16px;white-space:nowrap}
.mx-header .mx-cta:hover{background:#2D3B4C;color:#FFFFFF}

/* ------------------------------------------------------------------ desktop */
@media (min-width:1181px){
  .mx-bar{gap:28px}
  .mx-burger{display:none}
  .mx-menu,.mx-header.is-open .mx-menu{position:static;display:flex;flex:1;min-width:0;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:0;overflow:visible;background:none}
  .mx-list{flex-direction:row;align-items:center;gap:2px}
  .mx-item{position:relative;border:0}
  .mx-trigger,.mx-header .mx-top{width:auto;min-height:40px;padding:0 13px;justify-content:flex-start;border-radius:999px;color:#4E4A45;font:500 15.5px/1 "Figtree","Helvetica Neue",Arial,sans-serif}
  .mx-trigger:hover,.mx-trigger[aria-expanded="true"],.mx-header .mx-top:hover{background:#F1E8DC;color:#1F2A37}
  .mx-header .mx-top--accent{color:#A3441F}
  .mx-header .mx-top--accent:hover{background:#FBE3D5;color:#A3441F}
  .mx-panel{position:absolute;top:calc(100% + 14px);left:-6px;z-index:2;width:400px;padding:10px;background:#FFFDF9;border:1px solid #E6DDD0;border-radius:20px;box-shadow:0 32px 64px -32px rgba(31,42,55,.38),0 2px 6px rgba(31,42,55,.05)}
  .mx-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
  .mx-panel:not([hidden]){animation:mx-in .16s ease-out}
  .mx-panel--wide:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:8px;width:min(780px,calc(100vw - 64px))}
  .mx-panel--wide .mx-feature{margin:0}
  .mx-panel--two{width:680px}
  .mx-panel--two .mx-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px}
  .mx-panel--two .mx-links > .mx-span{grid-column:1/-1;margin-top:4px;padding-top:6px;border-top:1px solid #EFE6D9}
  .mx-actions{display:flex;align-items:center;gap:4px;margin:0;flex:none}
  .mx-header .mx-lang,.mx-header .mx-login{min-height:40px;padding:0 12px;border:0;color:#4E4A45;font-weight:500;font-size:15.5px}
  .mx-header .mx-lang:hover,.mx-header .mx-login:hover{background:#F1E8DC;color:#1F2A37}
  .mx-lang-short{display:inline}
  .mx-lang-long{display:none}
  .mx-header .mx-cta{min-height:44px;padding:0 20px;margin-left:8px;font-size:15px}
}
@keyframes mx-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ------------------------------------------------------------------ footer */
.mx-foot{margin:0;padding:0;background:#1F2A37;color:#C9CED6}
.mx-foot-in{max-width:1180px;margin:0 auto;padding:0 28px}

/* the live line: the time in Paris, and who is answering at that moment */
.mx-now{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px 56px;padding:80px 0 60px;border-bottom:1px solid #34414F}
.mx-foot .mx-now-text{max-width:780px}
.mx-clock{display:block;font:500 clamp(34px,4.6vw,56px)/1.08 "Fraunces",Georgia,serif;letter-spacing:-.025em;color:#FBF7F1}
.mx-scene{display:block;margin-top:14px;font:400 clamp(20px,2.3vw,28px)/1.3 "Fraunces",Georgia,serif;letter-spacing:-.01em;color:#AEB6C1}
.mx-dot{position:relative;top:-.06em;display:inline-block;vertical-align:middle;width:14px;height:14px;margin:0 18px 0 2px;border-radius:50%;background:#7BC79A;box-shadow:0 0 0 4px rgba(123,199,154,.16)}
.mx-dot::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid #7BC79A;opacity:0;animation:mx-pulse 2.6s ease-out infinite}
@keyframes mx-pulse{0%{transform:scale(.55);opacity:.85}75%,100%{transform:scale(1.5);opacity:0}}
.mx-now-ctas{display:flex;flex-wrap:wrap;gap:12px}
.mx-foot .mx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;border:1.5px solid transparent;font:600 15.5px/1 "Figtree","Helvetica Neue",Arial,sans-serif;white-space:nowrap;transition:background .15s,border-color .15s}
.mx-foot .mx-btn--light,.mx-foot .mx-btn--light:hover{background:#FBF7F1;color:#1F2A37}
.mx-foot .mx-btn--light:hover{background:#FFFFFF}
.mx-foot .mx-btn--line,.mx-foot .mx-btn--line:hover{border-color:#4A5868;color:#FBF7F1}
.mx-foot .mx-btn--line:hover{border-color:#FBF7F1;color:#FFFFFF}

.mx-foot-main{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.6fr);gap:48px 64px;padding:56px 0 48px}
.mx-foot .mx-brand,.mx-foot .mx-brand:hover{display:inline-flex;align-items:center;gap:10px;color:#FBF7F1;font:600 24px/1 "Fraunces",Georgia,serif;letter-spacing:-.01em}
.mx-foot .mx-foot-desc{margin-top:16px;max-width:34ch;font-size:15px;line-height:1.6;color:#AEB6C1}
.mx-foot .mx-foot-mail{display:inline-block;margin-top:18px;color:#F2A57E;font-weight:600;font-size:15px}
.mx-foot .mx-foot-mail:hover{color:#FFFFFF}
.mx-foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.mx-foot .mx-col h2{margin:0 0 16px;font:600 15px/1.3 "Figtree","Helvetica Neue",Arial,sans-serif;letter-spacing:0;color:#FFFFFF}
.mx-foot .mx-col li{margin:0 0 12px;color:#C9CED6}
.mx-foot .mx-col a{color:#C9CED6;font-size:15px;line-height:1.4}
.mx-foot .mx-col a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
.mx-foot .mx-tag{display:table;margin:7px 0 0;background:#28463A;color:#BFE3CC}
.mx-foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;padding:22px 0 32px;border-top:1px solid #34414F;font-size:14px}
.mx-foot .mx-foot-bottom p{color:#A7AFBA}
.mx-foot-langs{display:flex;gap:18px}
.mx-foot .mx-foot-langs a{color:#C9CED6}
.mx-foot .mx-foot-langs a:hover,.mx-foot .mx-foot-langs a[aria-current]{color:#FFFFFF}
.mx-foot .mx-foot-langs a[aria-current]{font-weight:600}

@media (max-width:1040px){.mx-foot-main{grid-template-columns:1fr}}
@media (max-width:760px){.mx-foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}}
@media (max-width:640px){
  .mx-bar,.mx-foot-in{padding:0 20px}
  .mx-now{padding:60px 0 44px}
  .mx-now-ctas{width:100%}
  .mx-foot .mx-btn{flex:1 1 auto}
  .mx-foot-bottom{flex-direction:column;align-items:flex-start;gap:14px}
}
@media (max-width:359px){.mx-foot-cols{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  .mx-panel:not([hidden]){animation:none}
  .mx-dot::after{animation:none}
  .mx-header,.mx-chev,.mx-header .mx-link,.mx-ico,.mx-foot .mx-btn{transition:none}
}

/* the legal pages: the sticky header now takes the place of their old top space */
.mx-inner > main{padding-top:56px}