.official-logo {
  display: block;
  width: 190px;
  height: 82px;
  object-fit: contain;
}

.brand-lockup--large .official-logo {
  width: min(560px, 102%);
  height: auto;
  transform: translate(-8%, -25%);
}

.brand-lockup--large {
  display: block;
  width: min(470px, 85%);
  height: 180px;
  overflow: hidden;
}

.sidebar-logo .official-logo {
  width: 208px;
  height: auto;
  transform: translate(-16px, -44px);
}

.sidebar-logo {
  display: block;
  height: 60px;
  overflow: hidden;
}

.mobile-brand .official-logo {
  width: 226px;
  height: auto;
  transform: translate(-17px, -40px);
}

.mobile-brand {
  display: block;
  width: 190px;
  height: 80px;
  overflow: hidden;
}