.site-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:12px 5%;
}

/* Standard Header */
.site-header{
   background:linear-gradient(
    to bottom,
    rgba(0,0,0,.65),
    rgba(0,0,0,.15)
);

backdrop-filter:blur(8px);
}

/* Index Header */
.transparent-header{
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.55),
        rgba(0,0,0,0)
    ) !important;

    backdrop-filter:none !important;
}

.site-header .brand{
    display:flex;
    align-items:center;
}

.site-header .brand img{
    height:110px !important;
    max-width:240px !important;
    width:auto !important;
    object-fit:contain;
}

.site-header nav{
    display:flex;
    align-items:center;
    gap:28px;
}

.site-header nav a{
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
}

/* MOBILE */

@media(max-width:768px){

    .site-header{
        flex-direction:column !important;
        justify-content:center !important;
        align-items:center !important;

        padding:10px 0 12px !important;

        background:rgba(0,0,0,.92) !important;
        backdrop-filter:blur(10px) !important;
    }

    .site-header .brand{
        justify-content:center !important;
        width:100% !important;
        margin-bottom:8px !important;
    }

    .site-header .brand img{
        height:64px !important;
        max-width:190px !important;
        width:auto !important;
    }

    .site-header nav{
        width:100% !important;

        display:flex !important;
        justify-content:flex-start !important;
        align-items:center !important;

        gap:22px !important;

        overflow-x:auto !important;
        white-space:nowrap !important;

        padding:10px 22px 8px !important;
        margin:0 !important;

        background:rgba(0,0,0,.78) !important;
    }

    .site-header nav::-webkit-scrollbar{
        display:none;
    }

    .site-header nav a{
        color:#f5f1e8 !important;
        font-size:11px !important;
        letter-spacing:2.4px !important;
        line-height:1 !important;
        opacity:1 !important;
    }
}
.site-header{
    height:95px !important;
    min-height:95px !important;
    padding:0 5% !important;
}

.site-header .brand img{
    height:140px !important;
    max-height:75px !important;
}