/* ApexTrace identity: outlined wordmark and solid racing emblem. */
.wordmark .brand-symbol { width: 32px; height: 24px; flex: 0 0 auto; object-fit: contain; }
.wordmark .brand-name { width: 158px; height: auto; flex: 0 0 auto; }
.hero-brand { margin: 0 auto; }
.hero-brand .hero-logo { width: min(100%, 420px); line-height: 1; }
.hero-brand .brand-lockup { width: 100%; height: auto; }
/* Keep the existing subtitle typography while making it the visible text H1. */
.hero-heading h1.hero-subtitle { font: inherit; font-size: 27px; color: inherit; margin: 18px 0; }
.brand-context { margin-block: 20px; color: var(--muted); font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.brand-context a { color: var(--mint); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1280px) {
  .hero-heading h1.hero-subtitle { font-size: 24px; }
}
.apextrace-admin-brand .brand-symbol { width: 32px; height: 24px; }
.apextrace-admin-brand .brand-name { width: 166px; height: auto; }
.apextrace-admin-brand .brand-admin-label { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 500px) {
  .wordmark .brand-symbol { width: 26px; height: 20px; }
  .wordmark .brand-name { width: 116px; height: auto; }
  .topbar .beta-tag { display: none; }
  .hero-brand .hero-logo { width: min(100%, 300px); }
  .hero-heading h1.hero-subtitle { margin-top: 8px; }
}