/* ============================================================
   Header / Navigation
   ============================================================ */
.site-header {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    backdrop-filter: blur(10px);
    background: rgba(7,7,10,0.55);
    border-bottom: 1px solid transparent;
    transition: background .3s ease, border-color .3s ease;
}
.site-header.scrolled {
    background: rgba(7,7,10,0.92);
    border-bottom-color: var(--line);
}
.site-header__inner {
    display: flex; align-items: center; justify-content: space-between;
    height: 72px;
}
.brand { display: flex; align-items: center; gap: 12px; }
.brand__logo {
    height: 46px; width: auto;
    display: block;
    filter: drop-shadow(0 6px 16px rgba(212,175,55,0.25));
}
.brand__text { display: flex; flex-direction: column; line-height: 1.1; }
.brand__text strong { font-size: 1.1rem; letter-spacing: .12em; }
.brand__text small { font-size: .62rem; letter-spacing: .28em; color: var(--gold); text-transform: uppercase; }
.nav { display: flex; align-items: center; gap: 28px; }
.nav__link { font-size: .92rem; color: var(--muted); transition: color .2s; }
.nav__link:hover { color: var(--gold-soft); }
.nav__cta {
    padding: 10px 22px; border-radius: 50px;
    background: var(--gold-grad); color: #1a1405 !important; font-weight: 600;
}
.nav-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: 6px; }
.nav-toggle span { width: 26px; height: 2px; background: var(--gold); transition: .3s; }