/* Reuse the exact logo pixels, adding only 2px between its two text lines. */
.pbam .pbam-brand{
  flex:0 1 200px;
  min-width:0;
  max-width:200px;
  gap:0;
}
.pbam .pbam-header>.pbam-button{flex-shrink:0}
.pbam .pbam-footer-brand,
.pbam-404-brand{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  line-height:1;
}
.pbam .pbam-logo,
.pbam-404-brand .pbam-logo{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  row-gap:2px;
  width:200px;
  max-width:100%;
  margin:0;
  padding:0;
  line-height:0;
  letter-spacing:normal;
}
.pbam .pbam-logo-line,
.pbam-404-brand .pbam-logo-line{
  display:block;
  position:relative;
  overflow:hidden;
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
  letter-spacing:normal;
}
.pbam .pbam-logo-main,
.pbam-404-brand .pbam-logo-main{aspect-ratio:960/125}
.pbam .pbam-logo-caption,
.pbam-404-brand .pbam-logo-caption{aspect-ratio:960/61}
.pbam .pbam-logo-line>img,
.pbam-404-brand .pbam-logo-line>img{
  display:block;
  position:absolute;
  left:0;
  width:100%;
  max-width:none;
  max-height:none;
  height:auto;
  object-fit:contain;
  filter:none;
}
.pbam .pbam-logo-main>img,
.pbam-404-brand .pbam-logo-main>img{top:0}
.pbam .pbam-logo-caption>img,
.pbam-404-brand .pbam-logo-caption>img{bottom:0}
.pbam .pbam-footer-brand .pbam-logo,
.pbam-404-brand .pbam-logo{width:220px}
@media(max-width:760px){
  .pbam .pbam-brand{max-width:156px}
  .pbam .pbam-brand .pbam-logo{width:clamp(132px,40vw,156px)}
}