/* ==========================================================================
OBYNOX — Logo de marque (header ET footer)
--------------------------------------------------------------------------
👉 SOURCE UNIQUE du bloc logo « [mark] Obynox ».
Chargé en DERNIER dans le de chaque page pour écraser les anciens
styles `.brand` propres Ă chaque page. Modifier ici = toutes les pages.
Header :
Obynox
Footer (mĂŞme bloc + modificateur de taille) :
…
========================================================================== */
.brand{
display:inline-flex;
align-items:center;
gap:.18em;
font-family:var(--font-display,'Unbounded','Arial Black',sans-serif);
font-weight:800;
font-size:1.15rem;
letter-spacing:.04em;
line-height:1;
color:var(--ecume,#0e1326);
text-decoration:none;
text-transform:none; /* les footers passent tout en majuscules : on annule */
white-space:nowrap;
}
.brand:hover,
.brand:focus-visible{color:var(--ecume,#0e1326);text-decoration:none}
.brand__icon{
width:34px;
height:34px;
flex:0 0 auto;
object-fit:contain;
display:block;
}
/* --- version réduite, utilisée dans les footers --- */
.brand--sm{font-size:1rem;letter-spacing:.02em}
.brand--sm .brand__icon{width:26px;height:26px}
/* --- ligne d'identité de footer : logo + mention légale --- */
.brand-line{display:inline-flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.brand-line__copy{
font-family:var(--font-mono,ui-monospace,monospace);
font-size:.72rem;
font-weight:400; /* sinon la mention herite du 800 du footer */
letter-spacing:.14em;
text-transform:uppercase;
color:var(--brume,#59617b);
}
@media(max-width:620px){
.brand{font-size:1.02rem}
.brand__icon{width:30px;height:30px}
.brand--sm{font-size:.95rem}
.brand--sm .brand__icon{width:24px;height:24px}
}