/* Official NSDS identity mark. The source artwork remains unchanged. */
.brand,.wordmark{
  display:block;
  width:76px;
  height:72px;
  flex:0 0 auto;
  background:url('nsds-logo-transparent.webp') center/contain no-repeat;
  font-size:0!important;
  line-height:0;
  overflow:hidden;
  mix-blend-mode:multiply;
}
.brand span,.wordmark span{display:none!important}
.footer-bottom .brand{width:92px;height:88px}
.intro-mark{
  width:clamp(130px,14vw,190px);
  height:clamp(126px,13.6vw,184px);
  background:url('nsds-logo-transparent.webp') center/contain no-repeat;
  font-size:0!important;
  line-height:0;
  mix-blend-mode:multiply;
}
.intro-mark span{display:none!important}
.ns-mark{
  width:clamp(124px,13vw,182px);
  height:clamp(150px,15.7vw,220px);
  margin:0 auto!important;
  background:url('nsds-intro-monogram.webp') center/contain no-repeat;
  color:transparent!important;
  font-size:0!important;
  filter:brightness(0) invert(1);
  opacity:.92!important;
  transform:translateY(16px);
}
.login form:before{
  content:'';
  display:block;
  width:112px;
  height:108px;
  margin:0 auto 24px;
  background:url('nsds-logo-transparent.webp') center/contain no-repeat;
  mix-blend-mode:multiply;
}
@media(max-width:760px){
  .brand,.wordmark{width:60px;height:58px}
  .footer-bottom .brand{width:74px;height:71px}
  .intro-mark{width:138px;height:134px}
  .ns-mark{width:126px;height:162px}
}