.site-header{height:72px;position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,48px);border-bottom:2px solid var(--ink);background:rgba(239,239,235,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.site-header.hidden{transform:translate3d(0,-100%,0)}
.brand{position:relative;display:inline-flex;align-items:center;min-height:38px;text-decoration:none;color:var(--ink);isolation:isolate}
.brand-name{position:relative;z-index:2;font-family:var(--g);font-size:clamp(18px,1.35vw,22px);font-weight:800;letter-spacing:-.045em;line-height:1;white-space:nowrap}
.brand-signal{position:absolute;z-index:1;left:43%;right:-3px;bottom:3px;height:6px;background:var(--signal);overflow:hidden;transform:skewX(-8deg);transform-origin:left center}
.brand-signal i{position:absolute;top:-2px;bottom:-2px;left:-18%;width:12px;background:rgba(255,255,255,.92);transform:skewX(-18deg);animation:brandShine 4.8s cubic-bezier(.65,0,.35,1) infinite}
@keyframes brandShine{0%,62%{left:-18%;opacity:0}66%{opacity:1}84%{left:112%;opacity:1}88%,100%{left:112%;opacity:0}}
.primary-nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}.primary-nav a,.menu-toggle{font:500 10px/1 var(--m);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--ink)}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--signalText)}.menu-toggle{display:none;border:0;background:none;padding:10px 0}
@media(max-width:720px){.site-header{height:64px;padding-inline:20px}.brand-name{font-size:19px}.brand-signal{left:46%;height:5px;bottom:4px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:64px;left:0;right:0;padding:22px;background:var(--base);border-bottom:2px solid var(--ink)}.primary-nav.open{display:block}.primary-nav ul{display:grid;gap:18px}}
@media(prefers-reduced-motion:reduce){.brand-signal i{animation:none!important;display:none}}