.site-header { position: fixed; inset: 0 0 auto; z-index: 1000; background: #101010; box-shadow: 0 6px 24px rgba(0,0,0,.32); }
.site-header__top { height: var(--header-top-height); background: linear-gradient(90deg,#101010,#191919 50%,#101010); border-bottom: 1px solid rgba(255,255,255,.08); }
.site-header__inner { width: min(var(--container), calc(100% - 64px)); height: 100%; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-logo { display: flex; align-items: center; flex: 0 0 auto; }
.site-logo img { width: auto; height: 48px; object-fit: contain; }
.social-links { display: flex; align-items: center; gap: 10px; }
.social-link { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.04); transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.social-link:hover { transform: translateY(-1px); border-color: rgba(255,138,0,.65); background: rgba(255,138,0,.12); }
.social-link svg { width: 18px; height: 18px; fill: #fff; }
.social-link:hover svg { fill: var(--color-orange); }
.menu-toggle { display: none; width: 46px; height: 46px; padding: 0; border: 1px solid rgba(255,138,0,.62); background: #202020; cursor: pointer; }
.menu-toggle__icon, .menu-toggle__icon::before, .menu-toggle__icon::after { display: block; width: 21px; height: 2px; margin: auto; background: #fff; content: ''; transition: transform .2s ease, opacity .2s ease; }
.menu-toggle__icon { position: relative; }
.menu-toggle__icon::before { position: absolute; top: -7px; left: 0; }
.menu-toggle__icon::after { position: absolute; top: 7px; left: 0; }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon { background: transparent; }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon::before { transform: translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon::after { transform: translateY(-7px) rotate(-45deg); }
.site-header__nav { height: var(--header-nav-height); overflow: hidden; background: linear-gradient(90deg,#111,#1a1a1a 50%,#111); transition: height .24s ease, opacity .2s ease, transform .24s ease; }
.main-navigation { width: min(var(--container), calc(100% - 52px)); height: 100%; margin-inline: auto; }
.main-navigation ul { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); height: 100%; margin: 0; padding: 0; list-style: none; }
.main-navigation li { position: relative; min-width: 0; }
.main-navigation li:not(:last-child)::after { position: absolute; top: 50%; right: 0; width: 2px; height: 18px; transform: translateY(-50%); background: linear-gradient(var(--color-orange-strong),var(--color-orange)); content: ''; }
.main-navigation a { display: flex; height: 100%; align-items: center; justify-content: center; padding-inline: 8px; color: #fff; font-size: clamp(.72rem,1vw,.88rem); text-align: center; text-decoration: none; white-space: nowrap; transition: color .2s ease, background .2s ease; }
.main-navigation a:hover, .main-navigation a[aria-current="page"] { color: var(--color-orange); background: rgba(255,255,255,.035); }
.social-links--mobile { display: none; }
.site-header.is-compact .site-header__nav { height: 0; opacity: 0; transform: translateY(-100%); }
.site-header.is-compact + main { }

@media (max-width: 980px) and (min-width: 769px) {
    .site-header__inner { width: min(100% - 40px,980px); }
    .main-navigation { width: min(100% - 24px,980px); }
    .site-logo img { height: 44px; }
    .social-link { width: 34px; height: 34px; }
    .main-navigation a { padding-inline: 4px; font-size: .72rem; }
}

@media (max-width: 768px) {
    .site-header__inner { width: calc(100% - 28px); gap: 12px; }
    .site-logo { max-width: calc(100% - 58px); }
    .site-logo img { height: auto; max-height: 49px; max-width: 190px; }
    .social-links--desktop { display: none; }
    .menu-toggle { display: grid; place-items: center; flex: 0 0 auto; }
    .site-header__nav { position: absolute; top: var(--header-top-height); left: 0; width: 100%; height: auto; max-height: 0; opacity: 0; transform: translateY(-8px); overflow: hidden; pointer-events: none; background: #111; box-shadow: 0 16px 34px rgba(0,0,0,.38); }
    .site-header__nav.is-open { max-height: calc(100vh - var(--header-top-height)); opacity: 1; transform: translateY(0); overflow-y: auto; pointer-events: auto; }
    .main-navigation { width: 100%; height: auto; }
    .main-navigation ul { display: flex; height: auto; flex-direction: column; }
    .main-navigation li { border-bottom: 1px solid rgba(255,255,255,.08); }
    .main-navigation li::after { display: none; }
    .main-navigation a { min-height: 54px; justify-content: flex-start; padding: 0 22px; font-size: .92rem; }
    .social-links--mobile { display: flex; padding: 16px 20px; background: #161616; }
    .site-header.is-compact .site-header__nav { transform: translateY(-8px); }
    .site-header.is-compact .site-header__nav.is-open { transform: translateY(0); }
}