/* Approved A04 artwork, transparent and at the original wordmark width. */
.topbar > .wordmark.brand-asset-logo,
footer .wordmark.brand-asset-logo {
  position: relative;
  color: transparent !important;
  flex: 0 0 auto;
}
.topbar > .wordmark.brand-asset-logo > .brand-asset-image,
footer .wordmark.brand-asset-logo > .brand-asset-image {
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  width: 100%;
  max-width: none;
  height: auto;
  background: transparent;
  pointer-events: none;
}
.topbar > .wordmark.brand-asset-logo > .brand-asset-image {
  transform: translateY(-50%);
}
/* The hidden original text preserves its responsive width. Align neighbours
   with the centre of the letters rather than the complete underlined artwork. */
footer .wordmark.brand-asset-logo > .brand-asset-image {
  transform: translateY(-29.4201%);
}
@media (max-width: 760px) {
  .topbar > .wordmark.brand-asset-logo > .brand-asset-image { left: 2px; }
}

/* Centre the separator against the visible capitals and balance its visible gaps. */
footer > div > .wordmark {
  margin-inline-end: -.37em;
}
footer > div > .wordmark,
footer > div > span {
  line-height: 1;
}
@supports (text-box-trim: trim-both) and (text-box-edge: cap alphabetic) {
  footer > div > .wordmark,
  footer > div > span {
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }
}