/* Site banner: centered brand lockup (menu pages with hamburger) */
.banner-center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: 0;
  flex: 1;
}
.banner-brand {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-width: 0;
}
.banner-brand-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: 100%;
}
.site-banner .banner-title,
.banner-brand .banner-title {
  margin: 0;
  max-width: 100%;
  font-weight: 700;
  font-size: clamp(1.2rem, 3.5vw, 1.65rem);
  letter-spacing: 0.02em;
  color: #FFFFFF;
  text-shadow:
    0 -2px 0 rgba(255, 255, 255, 0.22),
    0 2px 0 rgba(0, 0, 0, 0.55);
}
.site-banner .banner-title strong,
.banner-brand .banner-title strong {
  font-weight: inherit;
  color: inherit;
}