/* Only the header endorsement is adjusted. Original site styles remain untouched.
   Keep ScoreBraid centred on its own device, with smaller by Kernframe inline. */
.site-header .brand {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
}
.site-header .brand-mark { display: block; flex-shrink: 0; object-fit: contain; }
.site-header .brand-name { display: block; line-height: 1; white-space: nowrap; }
.site-header .parent-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: .3125rem;
  padding: 0;
  margin-left: 0;
  border: 0;
  line-height: 1;
  white-space: nowrap;
}
.site-header .parent-brand > span {
  font-size: .5625rem;
  line-height: 1;
  font-weight: 400;
  color: var(--subtle);
}
.site-header .parent-brand img {
  display: block;
  width: 4.75rem;
  height: auto;
  aspect-ratio: 1292.2 / 274;
  object-fit: contain;
  opacity: .88;
  flex: 0 0 auto;
}
/* Retain every original header height. Collapse links before the inline brand
   would compete with navigation at intermediate widths. */
@media (max-width: 1000px) {
  .site-header .menu-toggle { display: grid; margin-left: auto; flex: 0 0 2.625rem; }
  .site-header .nav-links {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-left: 0;
    padding: 1.125rem 1.375rem;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: #0c1628f7;
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(1.125rem);
  }
  .site-header .nav-links.open { display: flex; }
  .site-header .nav-links > a { padding: .75rem .5rem; font-size: .8125rem; }
  .site-header .nav-links .button { margin-top: .75rem; justify-content: space-between; min-height: 2.75rem; }
}
@media (max-width: 700px) {
  .site-header .nav-bar { gap: .6875rem; }
  .site-header .parent-brand { gap: .25rem; }
  .site-header .parent-brand > span { font-size: .5rem; }
  .site-header .parent-brand img { width: 4rem; }
}
@media (max-width: 370px) {
  .site-header .nav-bar { gap: .5rem; }
  .site-header .brand { gap: .5rem; }
  .site-header .brand-mark { width: 2.125rem; height: 2.125rem; }
  .site-header .brand-name { font-size: 1.1875rem; }
  .site-header .parent-brand img { width: 3.5rem; }
  .site-header .parent-brand > span { font-size: .4375rem; }
  .site-header .menu-toggle { width: 2.375rem; flex-basis: 2.375rem; }
}