@font-face {
  font-family: 'Barlow Condensed';
  src: url('assets/fonts/BarlowCondensed-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root { --display-font: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif; }

h1, h2, h3,
.section-title h1, .section-title h2, .recent-heading h2,
.contact-section h2, .artist-dialog h2, .card h3,
.auth-page .auth-card h1, .auth-page .portal-state h2,
.artist-name > strong, .recent-track .artist-name > strong,
.shows-table td:nth-child(2) strong, .agent-card strong,
.sidebar nav a, .login-button, .auth-page .back-link,
.auth-page .portal-actions > a, #show-artist-filter {
  font-family: var(--display-font);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.section-title h1 { font-size: 38px; line-height: 1.1; }
.section-title h2, .contact-section h2 { font-size: 25px; line-height: 1.2; }
.recent-heading h2 { font-size: 21px; line-height: 1.2; }
.sidebar nav a { font-size: 18px; line-height: 1.25; letter-spacing: .06em; }
.login-button, .auth-page .back-link, .auth-page .portal-actions > a { font-size: 16px; }
.artist-name > strong { min-width: 0; font-size: 18px; line-height: 1.2; overflow-wrap: anywhere; }
.recent-track .artist-name > strong { font-size: 16px; line-height: 1.2; }
.artist-name > span { flex-shrink: 0; }
.artist-dialog h2 { font-size: 38px; line-height: 1.1; overflow-wrap: anywhere; }
.shows-table td:nth-child(2) strong { font-size: 17px; line-height: 1.25; }
.agent-card strong { font-size: 18px; line-height: 1.25; }
#show-artist-filter { font-size: 15px; }
.auth-page .auth-card h1 { font-size: 42px; line-height: 1.1; overflow-wrap: anywhere; }
.auth-page .portal-state h2 { font-size: 25px; line-height: 1.2; }
.section-title h1 > span, .section-title h2 > span {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}

@media (max-width: 760px) {
  .section-title h1 { font-size: 34px; }
  .section-title h2, .contact-section h2 { font-size: 23px; }
  .recent-heading h2 { font-size: 19px; }
  .artist-name > strong { font-size: 16px; }
  .recent-track .artist-name > strong { font-size: 15px; }
  .artist-dialog h2 { font-size: 32px; }
  .auth-page .auth-card h1 { font-size: 36px; }
}