/* Crisp original vector lettering, shared by all responsive brand lockups. */
.modern-perodua-wordmark,
.brand-wordmark,
.lanyard-id-brand > span {
  display: inline-block;
  flex: 0 0 auto;
  width: 6rem;
  height: .65rem;
  padding: 0;
  overflow: hidden;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  vertical-align: middle;
  background: currentColor;
  -webkit-mask-image: url('/media/perodua-wordmark.svg');
  mask-image: url('/media/perodua-wordmark.svg');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.modern-perodua-lockup,
.brand-lockup {align-items:center;flex-shrink:0;}
.modern-brand,.brand {min-width:0;}
.lanyard-id-brand > span {width:66%;height:auto;aspect-ratio:120/13;color:#111;}
@media (max-width: 767px) {
  .modern-perodua-wordmark,.brand-wordmark {width:4.5rem;height:.4875rem;}
}
@media (max-width: 380px) {
  .modern-perodua-wordmark,.brand-wordmark {width:4rem;height:.433333rem;}
}