/* Use the supplied artwork as-is. Object-fit hides only its empty vertical
   margins; the wordmark is not stretched, filtered, or redrawn. */
.auth-logo img,
.shell .top-brand img,
.shell .brand img{
  display:block;
  height:auto;
  aspect-ratio:5 / 1;
  object-fit:cover;
  object-position:50% 47.8%;
  filter:none;
  mix-blend-mode:screen;
  image-rendering:auto;
}
.auth-logo{margin:12px 0 28px}
.auth-logo img{width:400px;max-width:100%}
.shell .top-brand{
  min-height:180px;
  padding:24px 20px;
  background:#000;
}
.shell .top-brand img{width:560px;max-width:100%}
.shell .brand img{width:144px;max-width:100%}
@media(max-width:680px){
  .shell .top-brand{min-height:136px;padding:20px 16px}
  .shell .top-brand img{width:420px}
  .auth-logo{margin:8px 0 24px}
  .auth-logo img{width:360px}
}