.container {

    width:
        min(
            calc(100% - 40px),
            var(--container-width)
        );

    margin:
        0 auto;

}

.site-header {

    position:
        sticky;

    top:
        0;

    z-index:
        1000;

    background:
        rgba(255,255,255,.95);

    backdrop-filter:
        blur(10px);

    border-bottom:
        1px solid var(--border-color);

}

.header-inner {

    min-height:
        80px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

}

.main-navigation {

    display:
        flex;

    align-items:
        center;

    gap:
        35px;

}

.main-navigation ul {

    display:
        flex;

    gap:
        28px;

    list-style:
        none;

    margin:
        0;

    padding:
        0;

}

.main-navigation a {

    font-size:
        14px;

    font-weight:
        700;

    transition:
        var(--transition);

}

.main-navigation a:hover,
.main-navigation a.active {

    color:
        var(--color-orange);

}

.site-logo {

    font-size:
        28px;

    font-weight:
        800;

    letter-spacing:
        -1px;

}

.logo-kali {

    color:
        var(--color-blue);

}

.logo-net {

    color:
        var(--color-orange);

}

.menu-toggle {

    display:
        none;

}