/* Original brand assets stay unmodified; all dimensions and clear space are CSS. */
.image.is-redion-logo {
  box-sizing: border-box;
  width: 223px;
  max-width: 223px;
  padding: 24px;
}

.image.is-redion-logo .brand-logo-artwork {
  display: block;
}

.image.is-redion-logo .brand-logo-artwork > img {
  display: block;
  width: 175px;
  height: 30px;
  max-width: none;
  object-fit: contain;
}

/* The supplied PNG is 2160x1215. Its visible artwork occupies
   x=510, y=404, width=1176, height=479. Hide only the transparent margins
   in CSS, keeping the complete logo and tagline proportional at 175px wide. */
.image.is-redion-logo-tagline .brand-logo-artwork {
  position: relative;
  overflow: hidden;
  width: 175px;
  height: calc(175px * 479 / 1176);
}

.image.is-redion-logo-tagline .brand-logo-artwork > img {
  position: absolute;
  left: calc(-175px * 510 / 1176);
  top: calc(-175px * 404 / 1176);
  width: calc(175px * 2160 / 1176);
  height: auto;
}