/* Display the supplied transparent artwork without changing the source PNGs.
   Frames omit the empty canvas margins and preserve each logo's proportions. */
.mt-brand-art { position: relative; display: block; overflow: hidden; flex: none; }
.mt-brand-art > img { position: absolute; display: block; max-width: none; height: auto; }
.mt-brand-icon { width: 3.1rem; aspect-ratio: 1126 / 861; }
.mt-brand-icon > img { width: 111.368%; left: -5.773%; top: -23.810%; }
.mt-brand-wordmark { width: 11.5rem; aspect-ratio: 2061 / 307; }
.mt-brand-wordmark > img { width: 105.386%; left: -3.348%; top: -70.358%; }
.mt-brand-full { width: 14rem; max-width: 100%; aspect-ratio: 1392 / 869; }
.mt-brand-full > img { width: 104.023%; left: -2.730%; top: -12.658%; }
.site-navbar .brand-lockup { gap: .7rem; }
.site-navbar .brand-tagline { margin-top: .35rem; font-size: .58rem; letter-spacing: .035em; }
.login-brand, .register-story-logo { flex-direction: column; gap: .75rem; }
.login-brand { margin-bottom: 1.5rem; }
.login-brand .brand-tagline, .register-story-logo .brand-tagline { margin: 0; white-space: normal; text-align: center; }
.register-story-logo .mt-brand-full { width: clamp(12rem, 20vw, 16rem); }
.mt-footer .footer-signature { max-width: 100%; }
.footer-signature .mt-brand-full { width: 13rem; }
@media (max-width: 575.98px) {
  .site-navbar .container-xxl { --bs-gutter-x: 1.5rem; }
  .site-navbar .mt-brand-icon { display: none; }
  .site-navbar .mt-brand-wordmark { width: 7.5rem; }
  .site-navbar .brand-tagline { font-size: .42rem; letter-spacing: 0; }
  .login-brand .mt-brand-full, .register-story-logo .mt-brand-full { width: 12rem; }
}
@media (max-width: 359.98px) {
  .site-navbar .mt-brand-wordmark { width: 6.6rem; }
}