/* Remove the logo's dark matte with the inline SVG alpha filter, preserving header transparency. */
.brand { display: block; flex: 0 0 auto; line-height: 0; }
.brand-logo { display: block; width: 156px; height: 96px; max-width: 100%; object-fit: cover; filter: url(#logo-remove-matte); }
.site-header { position: sticky; top: 0; z-index: 20; padding-top: .5rem; padding-bottom: .5rem; }
footer .brand { opacity: 1; }
footer .brand-logo { width: 240px; height: 148px; }
@media (max-width: 1000px) {
  .site-header { padding-top: .35rem; padding-bottom: .35rem; }
  .site-header .brand-logo { width: 132px; height: 82px; }
}

.site-header .menu-toggle { color: inherit; }

/* Deeper forest green for the regular site's translucent navigation. */
:root:not([data-season="christmas"]) .site-header {
  background: rgba(7, 29, 19, .92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}