/* Compact card-inspired wordmark with balanced space around the divider. */
body > header .header-brand-group .brand,
body > header .header-brand-group .reference-wordmark { width: 204px; }
body > header .header-brand-group,
body > header.inner-page-header .header-brand-group {
  gap: 18px;
  align-items: center;
  flex-wrap: nowrap;
}

/* The title-case name and bronze details match the approved card front. */
body > header .header-brand-group .reference-wordmark {
  background-image: url('jahnna-cobrand-wordmark.svg?v=20261010-card');
  filter: none;
  height: 62px;
}

body > header .header-brand-group .header-brand-connector {
  display: block;
  flex: 0 0 1px;
  width: 1px;
  height: 32px;
  padding: 0;
  margin: 0;
  background: #b7a89b;
  border: 0;
  font-size: 0;
  line-height: 0;
}

body > header .header-brand-group .header-real-logo {
  display: block;
  width: 82px;
  height: auto;
  aspect-ratio: 260 / 120;
  object-fit: contain;
  filter: none;
}

@media (max-width: 1100px) {
  body > header .header-brand-group,
  body > header.inner-page-header .header-brand-group { gap: 14px; }
  body > header .header-brand-group .header-real-logo { width: 70px; }
}

@media (max-width: 780px) {
  body > header .header-brand-group .brand,
  body > header .header-brand-group .reference-wordmark { width: 168px; }
  body > header .header-brand-group,
  body > header.inner-page-header .header-brand-group { gap: 12px; }
  body > header .header-brand-group .header-brand-connector { height: 28px; }
  body > header .header-brand-group .header-real-logo { width: 62px; }
}

@media (max-width: 600px) {
  body > header.inner-page-header .header-brand-group .header-real-logo { width: 52px; }
  body > header.inner-page-header .header-brand-group .brand,
  body > header.inner-page-header .header-brand-group .reference-wordmark { width: 142px; }
  body > header.inner-page-header .header-brand-group { gap: 9px; }
  body > header.inner-page-header .header-brand-group .header-brand-connector { height: 26px; }
}

@media (max-width: 380px) {
  body > header .header-brand-group,
  body > header.inner-page-header .header-brand-group { gap: 10px; }
  body > header .header-brand-group .header-brand-connector { height: 26px; }
  body > header .header-brand-group .header-real-logo { width: 51px; }
  body > header:not(.inner-page-header) .header-brand-group .brand,
  body > header:not(.inner-page-header) .header-brand-group .reference-wordmark { width: 142px; }
  body > header.inner-page-header .header-brand-group .header-real-logo { width: 44px; }
  body > header.inner-page-header .header-brand-group .brand,
  body > header.inner-page-header .header-brand-group .reference-wordmark { width: 120px; }
  body > header.inner-page-header .header-brand-group { gap: 8px; }
}
