/* Styles propres à contact.html — extrait du <style> inline (charte partagée : /assets/site.css) */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --ink: #1a1814;
      --paper: #f2f5fa;
      --paper-dark: #e6ecf6;
      --brand: #1d3a5f;
      --gold: #b89a5a;
      --gold-light: #d4b87a;
      --muted: #7a7060;
      --nav-h: 72px;
    }

    body {
      background: var(--paper);
      color: var(--ink);
      font-family: 'Montserrat', sans-serif;
      font-weight: 300;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

    /* En-tête (nav à onglets) commun : voir /assets/site.css */

    /* ── MAIN ── */
    main {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: calc(var(--nav-h) + 4rem) 2rem 6rem;
    }

    /* ── PAGE HEADER ── */
    .page-eyebrow {
      font-size: 0.7rem;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 1.2rem;
      text-align: center;
      opacity: 0;
      animation: fadeUp 0.8s 0.1s forwards;
    }

    .page-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(2.8rem, 6vw, 5rem);
      font-weight: 300;
      font-style: italic;
      color: var(--ink);
      text-align: center;
      opacity: 0;
      animation: fadeUp 0.8s 0.25s forwards;
    }

    .header-divider {
      width: 60px;
      height: 1px;
      background: var(--gold);
      margin: 2rem auto 3.5rem;
      opacity: 0;
      animation: fadeUp 0.8s 0.4s forwards;
    }

    /* ── CONTACT CARD ── */
    .contact-card {
      background: var(--paper-dark);
      border: 1px solid rgba(184,154,90,0.2);
      padding: 3.5rem 4rem;
      max-width: 560px;
      width: 100%;
      text-align: center;
      position: relative;
      opacity: 0;
      animation: fadeUp 0.8s 0.55s forwards;
    }

    .contact-card::before,
    .contact-card::after {
      content: '✦';
      position: absolute;
      font-size: 0.6rem;
      color: var(--gold);
    }
    .contact-card::before { top: -0.4rem; left: 50%; transform: translateX(-50%); background: var(--paper-dark); padding: 0 0.5rem; }
    .contact-card::after  { bottom: -0.4rem; left: 50%; transform: translateX(-50%); background: var(--paper-dark); padding: 0 0.5rem; }

    .contact-intro {
      font-size: 0.83rem;
      line-height: 1.9;
      color: var(--muted);
      letter-spacing: 0.03em;
      margin-bottom: 2.5rem;
    }

    .contact-email-label {
      font-size: 0.65rem;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 0.8rem;
    }

    .contact-email {
      display: inline-block;
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.5rem;
      font-style: italic;
      color: var(--ink);
      text-decoration: none;
      position: relative;
      padding-bottom: 4px;
      transition: color 0.2s;
    }

    .contact-email::after {
      content: '';
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 1px;
      background: var(--gold);
      transform: scaleX(0.4);
      transition: transform 0.3s ease;
    }

    .contact-email:hover { color: var(--gold); }
    .contact-email:hover::after { transform: scaleX(1); }

    /* Espace au-dessus d'un second moyen de contact (Bluesky sous l'e-mail) */
    .contact-email + .contact-email-label { margin-top: 2.1rem; }

    .contact-sep {
      width: 40px;
      height: 1px;
      background: rgba(184,154,90,0.3);
      margin: 2.5rem auto;
    }

    .contact-note {
      font-size: 0.75rem;
      line-height: 1.8;
      color: var(--muted);
      letter-spacing: 0.04em;
    }

    /* ── FOOTER ── */
    /* Pied de page commun : voir /assets/site.css */

    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(16px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 600px) {
      .contact-card { padding: 2.5rem 2rem; }
    }