/* Keep the number asset independent from the editable brand lettering. */
.navbar-custom .navbar-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 286px;
  height: 70px;
  padding: 6px 14px;
  background: #fff;
  text-decoration: none;
}
.brand-logo {
  display: flex;
  flex-direction: column;
  gap: 3px;
  width: 258px;
  color: #242320;
  font-family: "STSong", "Songti TC", "PMingLiU", "SimSun", serif;
  white-space: nowrap;
}
.brand-logo-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 43px;
}
.brand-logo-number {
  display: block;
  flex: 0 0 110px;
  height: 43px;
  /* Align visible digit outlines with the Chinese glyphs, allowing for SVG padding. */
  position: relative;
  top: -2px;
}
.brand-logo-number img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
}
.brand-logo-title {
  font-size: 34px;
  font-weight: 900;
  -webkit-text-stroke: 0.25px currentColor;
  line-height: 1;
  letter-spacing: 0.5px;
}
.brand-logo-subtitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 2px;
}
.brand-logo-subtitle::before,
.brand-logo-subtitle::after {
  content: "";
  flex: 1 1 0;
  height: 1px;
  background: linear-gradient(90deg, #94600e, #d7a43f, #94600e);
}
@media (max-width: 767px) {
  .navbar-custom .navbar-brand {
    width: 246px;
    height: 60px;
    padding: 6px 10px;
  }
  .brand-logo { width: 226px; gap: 2px; }
  .brand-logo-main { height: 37px; gap: 8px; }
  .brand-logo-number { flex-basis: 97px; height: 37px; top: -1.5px; }
  .brand-logo-title { font-size: 29px; }
  .brand-logo-subtitle { font-size: 10px; letter-spacing: 1.8px; gap: 7px; }
}