.qm-header{
position:sticky;
top:0;
z-index:1000;
background:var(--color-basalt-black);
border-bottom:var(--border-thin) solid var(--color-border-gray);
}

.qm-header__inner{
display:flex;
align-items:center;
justify-content:space-between;
height:64px;
gap:var(--space-4);
}

.qm-header__brand{
display:flex;
align-items:center;
min-width:0;
}

.qm-header__logo-link{
display:flex;
align-items:center;
gap:var(--space-2);
min-width:0;
}

.qm-header__logo{
height:36px;
width:auto;
}

.qm-header__brand-text{
font-family:var(--font-heading);
font-size:var(--text-md);
color:var(--color-white);
white-space:nowrap;
}

.qm-header__nav{
display:flex;
}

.qm-header__menu{
display:flex;
align-items:center;
gap:var(--space-4);
list-style:none;
margin:0;
padding:0;
}

.qm-header__menu li{
margin:0;
padding:0;
}

.qm-header__menu a{
font-family:var(--font-heading);
font-size:var(--text-xs);
letter-spacing:0.12em;
text-transform:uppercase;
}

.qm-header__actions{
display:flex;
align-items:center;
gap:var(--space-3);
}

.qm-header__cta{
white-space:nowrap;
}

.qm-header__toggle{
display:none;
width:40px;
height:40px;
align-items:center;
justify-content:center;
border:var(--border-thin) solid var(--color-border-gray);
border-radius:var(--radius-sm);
}

.qm-header__toggle-lines,
.qm-header__toggle-lines::before,
.qm-header__toggle-lines::after{
content:"";
display:block;
width:18px;
height:2px;
background:var(--color-white);
position:relative;
}

.qm-header__toggle-lines::before{
position:absolute;
top:-6px;
}

.qm-header__toggle-lines::after{
position:absolute;
top:6px;
}

@media (max-width:900px){
.qm-header__inner{
height:56px;
}

.qm-header__nav{
position:fixed;
top:56px;
left:0;
right:0;
background:var(--color-granite-dark);
border-top:var(--border-thin) solid var(--color-border-gray);
display:none;
max-height:calc(100vh - 56px);
overflow:auto;
}

.qm-header__nav.is-open{
display:block;
}

.qm-header__menu{
flex-direction:column;
align-items:flex-start;
padding:var(--space-4);
}

.qm-header__toggle{
display:flex;
}
}
