#nav {
    min-height: 60px;
}

.navbar {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 2rem;

    nav {
        display: flex;
        align-items: center;
        gap: 4px;

        a {
            text-decoration: none;
            color: #7a6e65;
            padding: 4px 8px;
            text-transform: uppercase;
            font-size: 0.75rem;
            letter-spacing: 0.05em;
        }

        a:hover,
        a.active {
            color: #3a2f22;
        }

        a.active {
            border-bottom: 1px solid #3a2f22;
        }

        .nav-home {
            font-size: 1rem;
            font-weight: 700;
            text-transform: none;
            letter-spacing: normal;
        }

        .separator {
            color: #9c8e82;
        }
    }
}