/* Aged timber header and centered responsive navigation */
.site-header {
  background:
    linear-gradient(90deg,rgba(9,4,2,.18),rgba(20,9,4,.04) 30%,rgba(7,3,1,.28)),
    url('assets/dark-walnut-header.png') center 54% / cover no-repeat;
  border-bottom:3px solid #24130b;
  box-shadow:inset 0 1px rgba(255,214,161,.22),inset 0 -2px rgba(0,0,0,.68),0 5px 18px #0007;
}
.site-header:before {
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.25));
  opacity:1;
}
.site-header:after {
  background:none;
}
.brand-logo {width:180px;height:180px;margin-top:65px;filter:drop-shadow(0 10px 10px #000a)}
.footer-brand .brand-logo {width:86px;height:86px;margin:0}

@media(max-width:1000px) {
  .brand-logo {width:150px;height:150px;margin-top:54px}
  .nav-links {
    position:fixed;top:50%;left:50%;right:auto;
    width:min(390px,calc(100vw - 36px));
    transform:translate(-50%,-50%);
    padding:34px;align-items:center;text-align:center;gap:0;
    border:2px solid #c79d57;
    background:linear-gradient(#432516f5,#26140cf8),repeating-linear-gradient(2deg,#5c341f 0 5px,#422516 6px 12px);
    box-shadow:0 25px 70px #000b,inset 0 0 0 5px #ffffff0b;
  }
  .nav-links a {width:100%;padding:13px 8px;border-bottom:1px solid #d7b36e32;font:700 14px var(--serif);letter-spacing:.03em}
  .nav-links a:last-child {border-bottom:0}
  .nav-links.open {display:flex}
  .menu-toggle {position:relative;z-index:2}
}
@media(max-width:640px) {
  .brand-logo {width:122px;height:122px;margin-top:45px}
  .footer-brand .brand-logo {width:76px;height:76px;margin:0}
  .nav-links {top:50%;padding:27px}
  .nav-links a {padding:11px 7px}
}