/*==========================================================
HEADER
==========================================================*/



.site-header{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:1000;

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

    backdrop-filter:blur(10px);

    transition:background .35s ease;


}

.header__container{

    width:min(1400px,92%);

    margin:0 auto;

    min-height:110px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.site-branding{

    display:flex;

    align-items:center;

}

.custom-logo{

    display:block;

    width:auto;

    max-height:72px;

    height:auto;

}

.primary-navigation{

    display:flex;

    align-items:center;

}

.primary-menu{

    display:flex;

    align-items:center;

    gap:48px;

    margin:0;

    padding:0;

    list-style:none;

}

.primary-menu li{

    margin:0;

}

.primary-menu a{

    color:#ffffff;

    text-decoration:none;

    text-transform:uppercase;

    letter-spacing:.18em;

    font-size:.82rem;

    font-weight:500;

    transition:.3s;

}

.primary-menu a:hover{

    color:#C89A4E;

}