/* Compact card-inspired wordmark with balanced space around the divider. */
:root { --site-header-height: 81px; }
/* Match the homepage's compact header on standalone pages. */
body:has(> header.inner-page-header) > header.inner-page-header {
  height: var(--site-header-height); min-height: var(--site-header-height);
  padding: 5px 24px;
}
body:has(> header.inner-page-header) > header .header-brand-group .reference-wordmark,
body > header:not(.inner-page-header) .header-brand-group .reference-wordmark { height: 52px; }
body:has(.service-editorial-page) > header.inner-page-header { margin-bottom: calc(-1 * var(--site-header-height)); }
.service-editorial-page .service-editorial-hero { padding-top: var(--site-header-height); min-height: calc(440px + var(--site-header-height)); }
@media (min-width: 781px) {
  body:has(.about-reference-page) > header.inner-page-header { margin-bottom: calc(-1 * var(--site-header-height)); }
  .about-reference-page .page-intro .about-reference-hero-photo { padding-top: var(--site-header-height); }
}
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=20261011-font-fit');
  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: rgba(112, 91, 74, .5);
  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) {
  :root { --site-header-height: 66px; }
  body:has(> header.inner-page-header) > header.inner-page-header { padding: 5px 14px; }
  body:has(> header.inner-page-header) > header .header-brand-group .reference-wordmark,
  body > header:not(.inner-page-header) .header-brand-group .reference-wordmark { height: 46px; }
  .service-editorial-page .service-editorial-hero { min-height: calc(430px + var(--site-header-height)); }
  body > header { transition: transform .32s cubic-bezier(.22,.61,.36,1); }
  body > header.header--scroll-hidden { transform: translateY(calc(-100% - 2px)); }
  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 (prefers-reduced-motion: reduce) {
  body > header { transition: none; }
}
@media print {
  body > header.header--scroll-hidden { transform: none; }
}

@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; }
}

/* The boxed asset's wordmark is 50 units tall at its native 260-unit width. */
body > header { --real-logo-width:82px;--real-clear-space:calc(var(--real-logo-width) * .1923077); }
body > header:not(.inner-page-header) { height:var(--site-header-height);min-height:var(--site-header-height);padding-top:5px;padding-bottom:5px; }
body > header .header-brand-group,
body > header.inner-page-header .header-brand-group { gap:var(--real-clear-space); }
body > header:not(.inner-page-header) .header-brand-group { gap:max(var(--real-clear-space),18px); }
body > header .header-real-link {
 padding:var(--real-clear-space) var(--real-clear-space) var(--real-clear-space) 0;
}
body > header .header-brand-group .header-real-logo,
body > header.inner-page-header .header-brand-group .header-real-logo { width:var(--real-logo-width); }
@media(max-width:1100px){body > header { --real-logo-width:70px; }}
@media(max-width:780px){
 body > header { --real-logo-width:62px; }
 body > header:not(.inner-page-header) { padding-left:clamp(20px,5vw,32px);padding-right:clamp(20px,5vw,32px);gap:12px; }
 body > header:not(.inner-page-header) .header-brand-group { gap:max(var(--real-clear-space),clamp(16px,4vw,24px)); }
 body > header:not(.inner-page-header) .header-brand-group .brand,
 body > header:not(.inner-page-header) .header-brand-group .reference-wordmark { width:min(clamp(168px,34vw,204px),calc(100vw - 222px)); }
 /* Share the homepage glass menu with every page that has a menu toggle. */
 body > header:has(.menu-toggle) { background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(139,96,69,.14); }
 body > header:has(.menu-toggle)::before {
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:rgba(250,246,241,.52);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 }
 body > header:has(.menu-toggle) nav.open {
  background:rgba(250,246,241,.52);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(139,96,69,.18);box-shadow:0 18px 36px rgba(48,37,30,.10);
  max-height:calc(100svh - var(--site-header-height));max-height:calc(100dvh - var(--site-header-height));overflow-y:auto;
 }
 body > header:has(.menu-toggle) nav.open>a:not(.button) {
  display:flex;justify-content:center;align-items:center;width:100%;text-align:center;
  font-size:18px;line-height:1.5;letter-spacing:.02em;
 }
 body > header:has(.menu-toggle) nav.open>a[aria-current=page]:after { left:50%;right:auto;width:24px;transform:translateX(-50%);bottom:3px; }
 body > header:has(.menu-toggle) .menu-toggle { border-color:#d7c3b1;background:transparent;color:#392e27;font-size:12px; }
}
@media(max-width:600px){body > header.inner-page-header { --real-logo-width:52px; }}
@media(max-width:380px){
 body > header { --real-logo-width:51px; }body > header.inner-page-header { --real-logo-width:44px; }
 body > header:not(.inner-page-header) { padding-left:14px;padding-right:14px;gap:8px; }
 body > header:not(.inner-page-header) .header-brand-group { gap:max(var(--real-clear-space),10px); }
 body > header:not(.inner-page-header) .header-brand-group .brand,
 body > header:not(.inner-page-header) .header-brand-group .reference-wordmark { width:142px; }
}
@media(max-width:780px) and (prefers-reduced-transparency:reduce){
 body > header:has(.menu-toggle)::before,body > header:has(.menu-toggle) nav.open { background:#faf6f1;backdrop-filter:none;-webkit-backdrop-filter:none; }
}