/* The supplied artwork is kept intact. The mask frames its transparent padding
   and lets the same wordmark follow the surrounding foreground color. */
.brand-logo,
.brand .brand-logo,
.auth-wordmark .brand-logo {
  display:inline-block;
  position:relative;
  flex-shrink:0;
  width:3.1em;
  height:auto;
  aspect-ratio:2928 / 986;
  min-height:0;
  margin:0;
  vertical-align:-.16em;
  overflow:hidden;
  text-indent:-9999px;
  white-space:nowrap;
  font-size:inherit;
  line-height:1;
  letter-spacing:0;
  color:inherit;
}
.brand-logo::before {
  content:"";
  position:absolute;
  inset:0;
  background:currentColor;
  -webkit-mask:url('/homepage-assets/brand/saanjh-logo.webp') 53.605769% 45.870536% / 114.20765% 190.872211% no-repeat;
  mask:url('/homepage-assets/brand/saanjh-logo.webp') 53.605769% 45.870536% / 114.20765% 190.872211% no-repeat;
}
.saanjh-logo .brand-logo { width:180px; }
.footer-heading .saanjh-logo .brand-logo { width:clamp(180px,24vw,320px); }
.menu-view .brand .brand-logo { width:122px; }
.auth-view .auth-wordmark .brand-logo { width:132px; }
.staff-view .admin-sidebar .brand-words .brand-logo { width:112px; }
.mobile-welcome small .brand-logo { width:52px; }
.eyebrow .brand-logo { width:58px; }
.footer-bottom .brand-logo { width:65px; }
@media(max-width:700px) {
  .site-header .saanjh-logo .brand-logo { width:132px; }
}
@media(forced-colors:active) {
  .brand-logo::before { background:CanvasText; }
}