/* Shared brand header; existing navigation destinations and page content retained. */
.site-header{position:absolute;top:0;left:0;width:100%;height:90px;background:#000;z-index:5}
.header-brand{position:absolute;left:24px;top:9px;width:72px;height:72px;z-index:6;display:block}
.header-brand img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:1}
.site-header nav{background:transparent}
@media(max-width:600px){.header-brand{left:16px;top:17px;width:56px;height:56px}.site-header nav{left:88px;width:calc(100% - 88px);padding:16px 8px;grid-template-columns:repeat(3,80px);column-gap:8px}}
@media(max-width:360px){.site-header{height:126px}.site-header nav{height:126px;grid-template-columns:repeat(2,80px)}}
/* Balance the mark against two evenly spaced navigation rows on phones. */
@media(max-width:600px){
 .site-header{height:90px}
 .header-brand{left:16px;top:13px;width:64px;height:64px}
 .site-header nav{left:96px;top:9px;width:calc(100% - 112px);height:72px;min-height:72px;padding:0;grid-template-columns:repeat(3,max-content);grid-auto-rows:36px;column-gap:10px;row-gap:0;justify-content:space-between;align-content:center;align-items:center;font-size:14px}
 .site-header nav a{display:flex;align-items:center;min-height:36px}
}
@media(max-width:360px){.site-header nav{font-size:13px}}
/* Reserve space for the brand and avoid the old fixed desktop offset. */
@media(min-width:601px){
 .site-header nav{left:120px;right:24px;width:auto;height:90px;padding:0;display:flex;justify-content:center;align-items:center;gap:clamp(16px,2vw,26px);font-size:clamp(16px,1.6vw,18px);flex-wrap:nowrap}
 .site-header nav a:nth-child(n){width:auto;min-height:44px;display:flex;align-items:center;flex-shrink:0}
}