/* Persistent navigation, with anchor clearance matched to its actual height. */
html { scroll-padding-top: calc(var(--header-height, 120px) + 18px); }
.site-header { position: sticky; top: 0; z-index: 50; box-shadow: 0 4px 24px #00000012; }
.home > .site-header.site-header { background: rgba(9,28,42,.88); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
/* Approved walking bear identity — 7 October 2026. */
.wordmark {
  display: inline-flex;
  align-items: center;
  gap: .38em;
  padding-right: 0;
  color: var(--ink);
  white-space: nowrap;
}
.wordmark span {
  position: static;
  color: inherit;
}
.wordmark .brand-bear {
  display: block;
  flex: 0 0 auto;
  width: 3.65em;
  height: 1.93em;
  background-color: currentColor;
  -webkit-mask: url('/assets/madrid-produce-bear.png') center / contain no-repeat;
  mask: url('/assets/madrid-produce-bear.png') center / contain no-repeat;
}
.wordmark .brand-name {
  display: block;
  font: inherit;
  letter-spacing: inherit;
  line-height: .96;
}
@media (min-width: 1101px) and (max-width: 1350px) {
  .site-header { gap: 24px; }
  .header-note { padding-left: 20px; }
  .site-header nav { gap: 20px; }
}
@media (max-width: 700px) {
  .site-header { column-gap: 12px; }
  .site-header .wordmark { font-size: 19px; }
  .language-switch { padding-left: 8px; gap: 0; }
  .language-switch a { width: 32px; }
  footer .wordmark { font-size: 19px; }
  footer p { flex-basis: 100%; }
}
@media (max-width: 360px) {
  .site-header .wordmark { font-size: 17px; }
  .site-header { column-gap: 8px; }
}