.site-header.nav{position:sticky;top:0;z-index:50;background:rgb(16 16 16 / 40%);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.site-header .nav__in{display:flex;align-items:center;justify-content:space-between;height:64px}
.site-header .brand{display:flex;align-items:center;gap:10px;min-height:44px;color:#fafafa;font-size:18px;font-weight:600;line-height:1;letter-spacing:0}
.site-header .brand .markbox{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:0;background:transparent;color:#fafafa}
.site-header .brand .markbox svg{display:block;width:32px;height:32px;padding:0}
.site-header .nav__links{display:flex;align-items:center;gap:26px}
.site-header .nav__links a{color:var(--text-2);font-size:.9rem;font-weight:500;transition:color .15s var(--ease)}
.site-header .nav__links a:hover,.site-header .nav__links a[aria-current="page"]{color:var(--text)}
.site-header .nav__links .nav__action{display:inline-flex;align-items:center;min-height:44px;padding-inline:4px;color:var(--text);font-size:.9rem;font-weight:600;letter-spacing:-.01em}
.site-header .nav__action::after{content:"→";margin-left:8px;color:var(--gold);transition:transform .15s var(--ease)}
.site-header .nav__action:hover::after{transform:translateX(2px)}
@media(max-width:920px){.site-header .nav__links a:not(.nav__action){display:none}}
@media(max-width:360px){.site-header .brand{gap:8px;font-size:17px}.site-header .nav__links .nav__action{font-size:.8rem}}