/* Shared tweaks for every page */

/* Banner across the top: keep the artwork, take up less of the screen */
.site-banner { width: 100%; background: #FCF9F2; display: flex; justify-content: center; overflow: hidden; }
.site-banner img {
  display: block;
  width: auto !important;
  max-width: 100%;
  height: clamp(110px, 15vw, 210px) !important;
  object-fit: contain;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
}

/* Slimmer menu bar on larger screens */
@media (min-width: 901px) {
  .nav-bar { padding-top: 16px !important; padding-bottom: 16px !important; }
}