/* Keep the supplied dimensional artwork intact; let the walnut surface span the bar. */
.site-header {
  height: auto;
  min-height: 132px;
  padding: 6px 4%;
  gap: 24px;
  color: #f3dfb4;
  background-color: #38251c;
  background-image: linear-gradient(90deg, #120a0652, #120a060d 55%, #120a0630), url('assets/header-walnut.png');
  background-size: cover;
  background-position: center;
  border-top: 2px solid #8f5140;
  border-bottom: 1px solid #ae7d47;
  box-shadow: inset 0 -2px 8px #140c0870;
}
.site-header .brand-wood {
  position: relative;
  display: block;
  width: clamp(300px, 29vw, 380px);
  min-width: 0;
  aspect-ratio: 1080 / 455;
  flex-shrink: 1;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent), linear-gradient(transparent, #000 5%, #000 95%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent), linear-gradient(transparent, #000 5%, #000 95%, transparent);
  mask-composite: intersect;
}
.site-header .brand-wood img {
  position: absolute;
  width: 118.51852%;
  max-width: none;
  height: auto;
  left: -7.40741%;
  top: -3.29671%;
}
.site-header nav {
  gap: clamp(18px, 2.4vw, 36px);
  margin-left: auto;
  font-size: 15px;
  text-shadow: 0 2px 4px #130a06;
}
.site-header nav a { white-space: nowrap; }
.site-header nav a:hover { color: #fff5df; }
.site-header nav a:focus-visible,
.site-header .cart-trigger:focus-visible { outline-color: #ffe3a5; }
.site-header .brand-wood:focus-visible { outline: none; filter: brightness(1.25); }
.site-header .cart-trigger {
  flex-shrink: 0;
  min-height: 48px;
  min-width: 56px;
  justify-content: center;
  color: #f3dfb4;
  text-shadow: 0 1px 3px #190c05;
}
.site-header .cart-trigger svg { width: 24px; height: 26px; }
.site-header .cart-count {
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  line-height: 26px;
  border: 1px solid #bd8b54;
  background: #722b24;
  color: #fff0cb;
  font-size: 14px;
  box-shadow: inset 0 1px 3px #210c07, 0 2px 4px #1c0f0970;
}
@media (max-width: 900px) {
  .site-header nav { display: none; }
  .site-header .cart-trigger { margin-left: auto; }
}
@media (max-width: 700px) {
  .site-header { min-height: 0; padding: 6px 12px; gap: 10px; }
  .site-header .brand-wood { width: min(300px, calc(100vw - 100px)); flex-shrink: 1; }
  .site-header .cart-trigger { gap: 7px; }
  .site-header .cart-word { display: none; }
}
@media (forced-colors: active) {
  .site-header { border-color: CanvasText; }
  .site-header .brand-wood { forced-color-adjust: none; }
  .site-header .brand-wood:focus-visible { outline: 3px solid Highlight; }
  .site-header .cart-trigger, .site-header .cart-count { color: ButtonText; border-color: ButtonText; }
}