/* Header identity, approved variant 02. Isolated for easy rollback. */
.nav .brand.brand-code{gap:12px;flex-shrink:0;color:var(--text);text-decoration:none}
.brand-code-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#2b2118,#181512);border:1px solid #9a5b2780;box-shadow:0 3px 15px #ff8a0014;color:var(--orange2)}
.brand-code-icon svg{width:32px;height:32px;display:block}
.brand-code .brand-code-title{display:block;font:700 20px/1.12 'Space Grotesk',sans-serif;letter-spacing:-.45px;white-space:nowrap}
.brand-code .brand-code-accent{color:var(--orange2)}
.brand-code small{font:600 8px/1.3 'DM Sans',sans-serif;letter-spacing:.85px;color:var(--muted);margin-top:6px;white-space:nowrap}
.brand-code:focus-visible{outline:2px solid var(--orange2);outline-offset:6px;border-radius:12px}
.brand-code:hover .brand-code-icon{border-color:#ff9d32aa;box-shadow:0 3px 18px #ff8a0026}
[data-theme="light"] .brand-code-icon{background:linear-gradient(145deg,#fff3e3,#ffe2bf);border-color:#f2b26c;color:#ca5d00}
@media(max-width:620px){.nav .brand.brand-code{gap:10px}.brand-code-icon{width:40px;height:40px;border-radius:12px}.brand-code-icon svg{width:29px;height:29px}.brand-code .brand-code-title{font-size:18px}.brand-code small{font-size:7.4px;letter-spacing:.65px;margin-top:5px}}


/* True fade: the header never moves while its opacity changes. */
body > .nav{transition:opacity .42s ease;opacity:1;transform:none}
body > .nav.nav-scroll-hidden{transform:none;opacity:0;pointer-events:none}