.site-header { background:var(--color-background); border-bottom:1px solid #d9dcd2; }
.site-header__inner { min-height:96px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.site-header__brand { flex:0 0 auto; display:block; }
.site-header__brand img { width:240px; height:auto; }
.site-header__nav { display:flex; align-items:center; gap:34px; }
.site-header__nav a { text-decoration:none; font:500 13px/1.4 var(--font-mono); padding-block:14px; }
.site-header__nav a:hover { color:var(--color-accent); }
@media (max-width:680px) {
 .site-header__inner { min-height:112px; flex-direction:column; align-items:flex-start; justify-content:center; gap:9px; padding-block:18px 10px; }
 .site-header__brand img { width:190px; }
 .site-header__nav { width:100%; justify-content:space-between; gap:12px; }
 .site-header__nav a { padding-block:10px; font-size:12px; }
}