/* Official supplied artwork. Invisible blank line boxes retain the original
   brand slot's font metrics across browsers; they contain no duplicate name. */
.brand--official { position: relative; width: 250px; flex-shrink: 0; }
.brand--official .brand__spacer { visibility: hidden; }
.brand--official img { position: absolute; display: block; max-width: none; object-fit: contain; }
.brand--official .brand__logo { width: 250px; height: auto; left: 0; bottom: 0; }
.brand--official .brand__symbol { display: none; }
.site-header .brand--official .brand__logo { top: 50%; bottom: auto; transform: translateY(-50%); }
@media (max-width: 1199px) and (min-width: 1100px) {
  .brand--official { width: 220px; }
  .brand--official .brand__logo { width: 220px; }
}
@media (max-width: 599px) {
  .site-header .brand--official { width: 46px; }
  .site-header .brand--official .brand__logo { display: none; }
  .site-header .brand--official .brand__symbol { display: block; width: 46px; height: 44px; left: 0; top: 50%; transform: translateY(-50%); }
}