.monk-branding__login-link {
  display: block;
  margin-block-end: 1.5rem;
}

.monk-branding__login-logo {
  block-size: auto;
  display: block;
  inline-size: min(18rem, 78vw);
  margin-inline: auto;
}

.monk-branding__wordmark {
  --btn-icon-size: auto;
  block-size: auto;
  min-inline-size: 0;
  padding: 0.15rem 0.35rem;
}

.monk-branding__wordmark-logo {
  block-size: auto;
  display: block;
  inline-size: min(10rem, 38vw);
  max-inline-size: min(10rem, 38vw);
  min-inline-size: 7.5rem;
}

.monk-branding__footer-logo {
  block-size: auto;
  display: block;
  inline-size: min(15rem, 68vw);
  max-inline-size: min(15rem, 68vw);
  min-inline-size: 10rem;
}

@media (max-width: 600px) {
  .monk-branding__login-logo {
    inline-size: min(15rem, 72vw);
  }

  .monk-branding__wordmark-logo {
    inline-size: min(8.5rem, 48vw);
    max-inline-size: min(8.5rem, 48vw);
    min-inline-size: 6.5rem;
  }
}