header{

    height:80px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 clamp(20px,5vw,80px);

    background:white;

    box-shadow:0 2px 10px rgba(0,0,0,.08);

}


.logo{

    font-size:clamp(1.8rem,3vw,2.2rem);

    font-weight:bold;

    color:#6A4E42;

    letter-spacing:1px;

}



nav{

    display:flex;

    gap:clamp(20px,3vw,40px);

}



nav a{

    text-decoration:none;

    color:#444;

    font-weight:500;

    font-size:clamp(.9rem,1.2vw,1rem);

    letter-spacing:.3px;

    transition:.3s;

}



nav a:hover{

    color:#8B5E3C;

}