.et-header{
position:sticky;
top:0;
z-index:1000;
background:var(--surface-secondary);
border-bottom:1px solid var(--border-default);
}

.et-header__inner{
display:flex;
align-items:center;
justify-content:space-between;
min-height:72px;
}

.et-header__brand{
display:flex;
align-items:center;
gap:12px;
color:var(--text-primary);
}

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

.et-header__brand-text{
font-family:var(--font-heading);
font-size:1.2rem;
letter-spacing:.05em;
}

.et-header__nav{
display:flex;
}

.et-header__menu{
display:flex;
align-items:center;
gap:24px;
margin:0;
padding:0;
}

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

.et-header__menu a{
font-size:0.9rem;
text-transform:uppercase;
color:var(--text-secondary);
position:relative;
}

.et-header__menu a::after{
content:"";
position:absolute;
left:0;
bottom:-6px;
height:2px;
width:0;
background:var(--accent-blue);
transition:width var(--transition-fast);
}

.et-header__menu a:hover::after{
width:100%;
}

.et-header__contact{
color:var(--text-primary);
}

.et-header__toggle{
display:none;
width:40px;
height:40px;
justify-content:center;
}

.et-header__toggle span{
width:22px;
height:2px;
background:var(--text-primary);
display:block;
}

@media(max-width:900px){
.et-header__brand-text{display:none;}

.et-header__toggle{display:flex;}

.et-header__nav{
position:fixed;
top:72px;
right:0;
width:280px;
height:calc(100vh - 72px);
background:var(--surface-secondary);
transform:translateX(100%);
transition:transform var(--transition-medium);
padding:24px;
overflow-y:auto;
}

.et-header__nav.open{
transform:translateX(0);
}

.et-header__menu{
flex-direction:column;
align-items:flex-start;
gap:16px;
}
}