/* Stronger IASME FIGHTER wordmark on desktop and phone. */
.login-brand img {
  width: 64px;
  height: 64px;
}
.login-brand b {
  font-size: 28px;
  letter-spacing: 4px;
}
.login-brand small {
  margin-top: 3px;
  font-size: 15px;
  letter-spacing: 6px;
}

@media (max-width: 850px) {
  .login-story {
    display: flex;
    min-height: auto;
    padding: 28px 20px 30px;
  }
  .login-story footer {
    display: none;
  }
  .login-story .login-brand {
    display: flex;
    margin-bottom: 28px;
  }
  .login-message {
    margin: 0;
  }
  .login-message > small {
    font-size: 8px;
  }
  .login-message h1 {
    margin: 10px 0 13px;
    font-size: clamp(34px, 11vw, 48px);
    letter-spacing: -2px;
  }
  .login-message > p {
    font-size: 12px;
  }
  .login-features {
    margin-top: 18px;
    gap: 8px;
  }
  .login-features span {
    font-size: 9px;
  }
  .mobile-login-brand { display: none; }
  .mobile-login-brand img {
    width: 50px;
    height: 50px;
  }
  .mobile-login-brand b {
    font-size: 18px;
    letter-spacing: 2px;
  }
}