/* Keep the approved artwork intact; frame its white margins for a compact header. */
.top{flex-wrap:wrap}
.brand-logo{
  position:relative;
  display:block;
  flex:none;
  width:440px;
  max-width:100%;
  aspect-ratio:5 / 1;
  overflow:hidden;
  background:#fff;
  border-radius:12px;
  text-decoration:none;
}
.brand-logo img{
  position:absolute;
  display:block;
  width:100%;
  height:auto;
  left:0;
  top:50%;
  transform:translateY(-50%);
}
.brand-logo:focus-visible{outline:3px solid #35d391;outline-offset:4px}
@media(max-width:580px){
  .brand-logo{width:100%;border-radius:10px}
  .top .pills{width:100%;justify-content:flex-start}
}