.site-nav {
    background: var(--hx-deep);
    padding: 0 24px;
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    position: sticky;
    top: 0;
    z-index: 100;
}

.site-nav__brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    margin-right: auto;
    padding: 12px 0;
}

.site-nav__cube {
    width: 24px;
    height: 26px;
}

.site-nav__wordmark {
    font-family: var(--mg-font-display);
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.02em;
}

.site-nav__links {
    display: flex;
    gap: 0;
}

.site-nav__links a {
    font-family: var(--mg-font-body);
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,0.55);
    text-decoration: none;
    padding: 14px 14px;
    border-bottom: 2px solid transparent;
    transition: color 120ms, border-color 120ms;
}

.site-nav__links a:hover { color: rgba(255,255,255,0.9); }

.site-nav__links a.active {
    color: #fff;
    border-bottom-color: var(--hx-glow);
}

.site-footer {
    background: #000;
    padding: 40px 24px 32px;
    text-align: center;
    font-family: var(--mg-font-mono);
    font-size: 11px;
    color: rgba(255,255,255,0.35);
    width: 100%;
}

.site-footer__logo {
    display: block;
    margin: 0 auto 16px;
    height: 24px;
    width: auto;
    max-width: 80%;
    object-fit: contain;
    opacity: 0.5;
    transition: opacity 150ms;
}

.site-footer__logo:hover { opacity: 0.8; }

.site-footer a {
    color: var(--mg-cosmic-glow);
    text-decoration: none;
}

.site-footer a:hover { text-decoration: underline; }

@media (max-width: 640px) {
    .site-nav { padding: 0 16px; }
    .site-nav__wordmark { font-size: 14px; }
    .site-nav__links a { padding: 12px 8px; font-size: 12px; }
}