/* ── Nav ─────────────────────────────────────────────────── */
.site-nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 200;
    height: var(--nav-h); background: var(--nav-bg);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid transparent; transition: border-color 0.3s;
    padding: 0 clamp(1.5rem, 5vw, 4rem);
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
.site-nav--scrolled { border-bottom-color: var(--border); }

.site-nav__logo {
    display: flex; align-items: center;
    background: none; border: none; cursor: pointer; padding: 0; flex-shrink: 0;
    text-decoration: none;
}
.site-nav__logo img { height: 36px; width: auto; display: block; }

.site-nav__links {
    display: flex; align-items: center;
    gap: clamp(0.6rem, 2vw, 1.8rem); list-style: none;
}
.site-nav__link {
    background: none; border: none; cursor: pointer;
    font-family: var(--font-sans); font-size: 0.8rem; font-weight: 400;
    letter-spacing: 0.06em; text-transform: uppercase;
    color: var(--text-muted); padding: 0.25rem 0;
    transition: color 0.2s; text-decoration: none; display: inline-block;
}
.site-nav__link:hover { color: var(--accent); }

.site-nav__login-btn {
    background: var(--grad-gold); color: #fff;
    border: none; border-radius: var(--radius);
    padding: 0.4rem 1rem;
    font-family: var(--font-sans); font-size: 0.75rem; font-weight: 500;
    letter-spacing: 0.06em; text-transform: uppercase;
    cursor: pointer; transition: opacity 0.2s; flex-shrink: 0;
}
.site-nav__login-btn:hover { opacity: 0.85; }

.site-nav__hamburger {
    display: none; background: none; border: none; cursor: pointer;
    padding: 0.25rem; align-items: center; justify-content: center;
}

/* ── Drawer mobile ───────────────────────────────────────── */
.mobile-drawer {
    display: none; position: fixed; top: var(--nav-h); left: 0; right: 0;
    z-index: 190; background: var(--nav-bg);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border);
    overflow: hidden; max-height: 0;
    transition: max-height 0.35s cubic-bezier(0.4,0,0.2,1);
}
.mobile-drawer--open { max-height: 480px; }
.mobile-drawer__inner {
    padding: 1rem clamp(1.5rem,5vw,4rem) 1.5rem;
    display: flex; flex-direction: column;
}
.mobile-drawer__link {
    background: none; border: none; border-bottom: 1px solid var(--border);
    cursor: pointer; font-family: var(--font-sans);
    font-size: 1rem; font-weight: 400;
    letter-spacing: 0.08em; text-transform: uppercase;
    color: var(--text); padding: 0.9rem 0;
    text-align: left; transition: color 0.2s; display: block; width: 100%;
}
.mobile-drawer__link:hover { color: var(--accent); }
.mobile-drawer__link--login { color: var(--accent); font-weight: 500; border-bottom: none; }
.mobile-backdrop { display: none; position: fixed; inset: 0; z-index: 180; }

@media (max-width: 768px) {
    .site-nav__links { display: none; }
    .site-nav__hamburger { display: flex; color: #1B3A5C !important; }
    .mobile-drawer, .mobile-backdrop { display: block; }
}