/* Logo typographique Monsieur Rénovation — police Arsenal (proche Optima).
   S'adapte à chaque palette via var(--ink)/currentColor + var(--accent-ink).
   Deux verrouillages : .logo-a (capitales espacées) par défaut ; .logo-b (éditorial à filet)
   activé par html.logo-b-on (posé par un script si l'URL contient ?l=b). */
@font-face{font-family:'Arsenal';font-style:normal;font-weight:400;src:url(assets/fonts/arsenal-400.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Arsenal';font-style:normal;font-weight:700;src:url(assets/fonts/arsenal-700.woff2) format('woff2');font-display:swap}

.brand .logo{font-family:'Arsenal',Georgia,serif;text-transform:uppercase;color:currentColor;line-height:1}

/* A — capitales espacées, une ligne */
.logo-a{display:inline-flex;align-items:baseline;gap:.5em;font-weight:400;font-size:22px;letter-spacing:.15em;white-space:nowrap}

/* B — éditorial à filet, deux lignes + filet accent */
.logo-b{display:none;flex-direction:column;align-items:center;gap:4px}
.logo-b .lg-b1{font-weight:700;font-size:13.5px;letter-spacing:.26em;padding-left:.26em}
.logo-b .lg-brule{width:100%;height:1.5px;background:var(--accent-ink)}
.logo-b .lg-b2{font-weight:400;font-size:16px;letter-spacing:.15em;padding-left:.15em}
.footer .logo-b .lg-brule{background:var(--accent-2)}

/* bascule A -> B */
html.logo-b-on .logo-a{display:none}
html.logo-b-on .logo-b{display:inline-flex}

@media (max-width:720px){
  .logo-a{font-size:18px;letter-spacing:.12em}
  .logo-b .lg-b1{font-size:12px;letter-spacing:.22em}
  .logo-b .lg-b2{font-size:14px}
}