/* Header */
    .topbar{position:fixed;z-index:80;inset:0 0 auto;background:rgba(6,8,7,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--white-line)}
    .nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:22px}
    .brand{display:flex;align-items:center;gap:12px;color:white}
    .crest{width:41px;height:47px;display:grid;place-items:center;position:relative;color:var(--gold);font-family:Georgia,serif;font-size:17px;font-weight:700}
    .crest:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,94% 15%,90% 72%,50% 100%,10% 72%,6% 15%);background:var(--gold)}
    .crest:after{content:"";position:absolute;inset:3px;clip-path:polygon(50% 0,94% 15%,90% 72%,50% 100%,10% 72%,6% 15%);background:#090b0a}
    .crest span{position:relative;z-index:1}
    .brand-name{font-family:Georgia,"Times New Roman",serif;font-size:21px;letter-spacing:.04em;color:var(--gold)}
    .brand-sub{margin-top:1px;font-size:9px;letter-spacing:.23em;text-transform:uppercase;color:rgba(255,255,255,.76)}
    .links{display:flex;align-items:center;gap:25px;color:rgba(255,255,255,.79);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.035em}
    .links a{transition:.2s}.links a:hover{color:var(--gold)}
    .menu-btn{display:none;width:43px;height:43px;border:1px solid var(--white-line);border-radius:50%;background:transparent;color:white;font-size:20px}
    .mobile-nav{display:none;background:#0a0c0b;border-top:1px solid var(--white-line);padding:12px 20px 20px}
    .mobile-nav a{display:block;padding:11px 0;color:rgba(255,255,255,.8);font-size:14px;font-weight:700}