/* Supplied artwork is displayed unchanged, with half-height clear space. */
.brand {
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  text-decoration:none;
  margin-inline:23px;
}
.brand picture { display:block; line-height:0; }
.brand img { display:block; height:46px; width:auto; }
.brand .brand-reversed { display:none; }
header:has(> .brand) { padding-block:23px; }
:root[data-theme="dark"] .brand .brand-standard { display:none; }
:root[data-theme="dark"] .brand .brand-reversed { display:block; }
@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) .brand .brand-standard { display:none; }
  :root:not([data-theme="light"]) .brand .brand-reversed { display:block; }
}
/* Dark bands always use the reversed artwork, even in the light theme. */
.dark .brand .brand-standard,
.band.dark .brand .brand-standard { display:none; }
.dark .brand .brand-reversed,
.band.dark .brand .brand-reversed { display:block; }
@media (max-width:640px) {
  .brand { margin-inline:19px; }
  .brand img { height:38px; }
  header:has(> .brand) { padding-block:19px; }
}