/* Approved artwork is copied unchanged. The frame trims transparent canvas only. */
.tlr-logo { display: inline-flex; align-items: center; flex: 0 0 auto; width: 270px; max-width: 100%; min-height: 48px; padding: 8px 12px; box-sizing: border-box; border-radius: 9px; background: #f4f7f3; }
.tlr-logo-crop { display: block; width: 100%; aspect-ratio: 1975 / 234; position: relative; overflow: hidden; }
.tlr-logo .tlr-logo-crop img { display: block; position: absolute; width: 108.101266%; max-width: none; height: auto; left: -4.050633%; top: -105.128205%; }
.sidebar .tlr-logo { width: 100%; min-height: 44px; padding: 8px 10px; }
.auth-brand .tlr-logo { width: 290px; }
.tlr-brand-link { display: inline-flex; align-items: center; text-decoration: none; max-width: 100%; }
@media (max-width: 600px) { .tlr-logo { width: 218px; min-height: 44px; padding: 8px 10px; } .auth-brand .tlr-logo { width: 270px; } }
@media (max-width: 380px) { .tlr-logo { width: 190px; min-height: 40px; } }
/* Let the mobile banner and branded navigation take their actual height. */
@media (max-width: 720px) {
  .tlr-branded-home .founding-banner { position: relative; }
  .tlr-branded-home .site-header { position: relative; inset: auto; height: auto; min-height: 72px; background: #07131d; }
  .tlr-branded-home .nav { gap: 12px; }
  .tlr-branded-home .nav-links .button { padding-inline: 12px; font-size: .78rem; white-space: nowrap; }
  .tlr-branded-home .hero { padding-top: 32px; }
}
@media (max-width: 380px) { .tlr-branded-home .tlr-logo { width: 150px; } }