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

.site-header{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    z-index:1000;

    background:transparent;

    transition:all .35s ease;

}

.header__container{

    width:min(1400px,92%);

    margin:0 auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:32px 0;

}

.site-branding{

    display:flex;

    align-items:center;

}

.site-title{

    color:#F5F5F3;

    text-decoration:none;

    font-size:2rem;

    font-weight:700;

    letter-spacing:.05em;

}

.primary-navigation{

    display:flex;

    align-items:center;

}

.primary-menu{

    display:flex;

    gap:40px;

    list-style:none;

    margin:0;

    padding:0;

}

.primary-menu a{

    color:#F5F5F3;

    text-decoration:none;

    text-transform:uppercase;

    font-size:.78rem;

    letter-spacing:.18em;

    transition:.25s;

}

.primary-menu a:hover{

    color:#C89A4E;

}