/* Golden header once the page is scrolled */
.hdr::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:0;
  background:linear-gradient(90deg,#8a6a2b 0%,#b8923f 18%,#dcc183 36%,#f3e4b8 50%,#dcc183 64%,#b8923f 82%,#8a6a2b 100%);
  transition:opacity .4s ease;
}
.hdr{ transition:box-shadow .4s ease; }
.hdr.is-scrolled::before{ opacity:1; }
.hdr.is-scrolled{ box-shadow:0 8px 24px rgba(0,0,0,.18); }
.hdr.is-scrolled::after{ opacity:0; }
.hdr.is-scrolled .brand-name{ color:#1c1608; }
.hdr.is-scrolled .navlink{ color:#2b2312; letter-spacing:.12em; }
.hdr.is-scrolled .navlink:hover{ color:#000; }
.hdr.is-scrolled .navlink::after{ background:#2b2312; }