/* ── HERO ── */
    .ml-hero {
      background: var(--bleu-nuit);
      padding: 100px 64px 80px;
    }
    .ml-hero-inner {
      max-width: 1200px;
      margin: 0 auto;
    }
    .ml-hero h1 {
      font-size: 52px;
      font-weight: 200; letter-spacing: 0.18em;
      color: var(--blanc); text-transform: uppercase;
      line-height: 1.1;
    }
    .ml-hero-divider {
      width: 40px; height: 1px;
      background: var(--vert-sauge);
      margin: 24px 0 20px;
    }
    .ml-hero p {
      font-size: 12px; font-weight: 300; letter-spacing: 0.08em;
      color: rgba(255,255,255,0.45);
      max-width: 520px;
    }

    /* ── CONTENT ── */
    .ml-content {
      background: var(--beige);
      padding: 0 64px 100px;
    }
    .ml-inner {
      max-width: 1200px;
      margin: 0 auto;
    }
    .ml-section {
      display: -webkit-flex; display: flex;
      gap: 64px;
      padding: 52px 0;
      border-bottom: 1px solid rgba(45,63,92,0.1);
    }
    .ml-section:first-child { padding-top: 64px; }
    .ml-section:last-child { border-bottom: none; padding-bottom: 0; }
    .ml-section-label {
      -webkit-flex: 0 0 200px; flex: 0 0 200px;
      padding-top: 3px;
    }
    .ml-section h2 {
      font-size: 10px; font-weight: 500; letter-spacing: 0.22em;
      text-transform: uppercase; color: var(--vert-sauge);
    }
    .ml-section-body {
      -webkit-flex: 1; flex: 1;
    }
    .ml-section p, .ml-section address {
      font-size: 14px; font-weight: 300; line-height: 1.9;
      color: var(--texte); font-style: normal;
    }
    .ml-section a {
      color: var(--bleu-ardoise);
      text-decoration: none;
      border-bottom: 1px solid rgba(45,63,92,0.25);
      -webkit-transition: border-color 0.2s; transition: border-color 0.2s;
    }
    .ml-section a:hover { border-color: var(--bleu-ardoise); }

    
        footer a.footer-active { color: rgba(255,255,255,0.85); }

    @media (max-width: 900px) {
      .ml-hero { padding: 64px 20px 52px; }
      .ml-hero h1 { font-size: 28px; }
      .ml-content { padding: 0 20px 72px; }
      .ml-section { -webkit-flex-direction: column; flex-direction: column; gap: 16px; padding: 40px 0; }
      .ml-section:first-child { padding-top: 48px; }
      .ml-section-label { -webkit-flex: none; flex: none; }
      footer { padding: 20px; -webkit-justify-content: center; justify-content: center; text-align: center; }
    }