/* Header */
.site-header{
  inline-size:100%;
  margin-inline:auto;
  display:flex; align-items:center; justify-content:space-between;
  color: white;
  padding:10px 14px; border-bottom:1px solid #111827; background:#121212;
}
.site-left{ display:flex; align-items:center; gap:25px; }

.brand{
  display:inline-flex; align-items:center; gap:8px;
  color:var(--text); text-decoration:none; font-weight:700;
  font-size: clamp(18px, 2.2vw, 25px); /* brand plus grand */
}
.brand svg{ width:24px; height:24px; display:block; }
.brand span{ line-height:1 !important; display:inline-flex; align-items:center; }

.site-nav{ display:flex; align-items:center; gap:25px; }
.site-nav a{ color:var(--text); text-decoration:none; opacity:.9; }
.site-nav a:hover{ opacity:1; }

/* alignement vertical liens nav */
.site-nav a{
  display:inline-flex; align-items:center;
  line-height:3; padding-top:7px; padding-bottom:0; min-height:24px;
}

/* nav gauche plus petite que brand */
.site-nav--left a{ font-size: clamp(14px, 1.6vw, 17px); }