/* ==========================================
   Navigation
========================================== */

.nav{

    display:flex;

    align-items:center;

}

.nav ul{

    display:flex;

    gap:40px;

}

.nav li{

    position:relative;

}

.nav a{

    position:relative;

    display:inline-block;

    padding:6px 0;

    color:var(--color-text);

    font-size:.95rem;

    letter-spacing:.12em;

    text-transform:uppercase;

}

.nav a::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-6px;

    width:0;

    height:2px;

    background:var(--color-gold);

    transition:.3s;

}

.nav a:hover::after{

    width:100%;

}

.menu-button{

    display:none;

    font-size:2rem;

    color:var(--color-gold);

}