.nav{position:fixed;inset:0 0 auto 0;z-index:200;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;background:#2A2419}
.nav-logo{display:flex;align-items:center;gap:10px;color:#F7F5EF !important;flex-shrink:0}
.nav-logo img{display:block;width:55px !important;height:auto !important;max-width:55px !important}
.nav-links{display:flex;gap:30px;list-style:none;align-items:center;margin:0;padding:0}
.nav-links a{font-size:14px;color:rgba(247,245,239,.75);transition:color .3s}
.nav-links a.active,.nav-links a:hover{color:#F7F5EF}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;z-index:201}
.burger span{width:24px;height:2px;background:#F7F5EF;display:block;border-radius:2px;transition:.3s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){
.nav-links{display:none}
.nav-links.open{display:flex;flex-direction:column;position:fixed;inset:0;background:#2A2419;padding:100px 8% 60px;gap:26px;align-items:flex-start;z-index:199}
.nav-links.open a{font-size:26px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;color:#F7F5EF !important}
.burger{display:flex}
.nav-logo img{width:50px !important;max-width:50px !important}
}