/* Shared header sizing: scene state changes appearance, never typography. */
.journey-header {
  --header-nav-size:14.5px;
  --header-brand-size:22px;
  --header-icon-size:35px;
  --header-cta-padding:12px 20px;
}
.journey-header .desktop-nav { font-size:var(--header-nav-size); }
.journey-header .brand { font-size:var(--header-brand-size); }
.journey-header .brand img { width:var(--header-icon-size); height:var(--header-icon-size); }
.journey-header .nav-cta { padding:var(--header-cta-padding); }
@media (min-width:768px) and (max-width:1100px) {
  .journey-header { --header-nav-size:12px; --header-brand-size:20px; --header-icon-size:32px; --header-cta-padding:12px; }
}
@media (max-width:767px) {
  .journey-header { --header-brand-size:19.5px; --header-icon-size:30.5px; }
}