.site-header {
    position: fixed; top: 0; left: 0; right: 0;
    background: var(--white); z-index: 1000;
    transition: var(--transition);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.site-header.scrolled { box-shadow: var(--shadow-md); border-bottom: transparent; }
.header-container { display: flex; justify-content: space-between; align-items: center; height: 90px; transition: height 0.3s; }
.site-header.scrolled .header-container { height: 76px; }
.logo { max-height: 55px; width: auto; }
.main-navigation ul { display: flex; gap: 32px; align-items: center; }
.main-navigation a { color: var(--text-dark); font-weight: 500; font-size: 15px; position: relative; }
.main-navigation a:hover, .main-navigation a.active { color: var(--primary-gold); }
.main-navigation a::after {
    content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px;
    background: var(--primary-gold); transition: var(--transition);
}
.main-navigation a:hover::after { width: 100%; }
.menu-toggle { display: none; background: transparent; border: none; cursor: pointer; padding: 10px; flex-direction: column; gap: 5px; }
.menu-toggle .hamburger { display: block; width: 24px; height: 2px; background: var(--primary-blue); transition: var(--transition); }