.qd-header{position:sticky;top:0;z-index:1000;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}
.qd-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:72px}

.qd-brand{display:flex;align-items:center;gap:0.75rem;min-width:0}
.qd-brand__mark{height:48px;width:auto}
.qd-brand__text{font-family:var(--font-heading);font-size:1.25rem;color:var(--color-text);white-space:nowrap}

.qd-nav{display:flex}
.qd-nav__list{display:flex;gap:var(--space-4);margin:0;padding:0}
.qd-nav__list li{margin:0}
.qd-nav__link{color:var(--color-text-muted);font-size:var(--fs-7);letter-spacing:.08em;text-transform:uppercase;position:relative}
.qd-nav__link:hover{color:var(--color-text)}
.qd-nav__link::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--color-accent-blue);transition:.2s}
.qd-nav__link:hover::after{width:100%}

.qd-nav-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center}
.qd-nav-toggle span{display:block;width:22px;height:2px;background:var(--color-text)}

@media(max-width:900px){
.qd-nav-toggle{display:flex}
.qd-nav{position:fixed;top:72px;right:0;width:280px;height:calc(100vh - 72px);background:var(--color-bg-alt);border-left:1px solid var(--color-border);transform:translateX(100%);transition:.3s;overflow-y:auto}
.qd-nav.open{transform:translateX(0)}
.qd-nav__list{flex-direction:column;padding:var(--space-5);gap:var(--space-4)}
}

@media(max-width:600px){
.qd-brand__mark{height:36px}
.qd-brand__text{font-size:1rem}
}