.roster .athlete,
.roster .player,
.community-feature article,
.directory-card,
body[data-athlete-profile] main {
  font-family: "Barlow", Arial, sans-serif;
}

.roster .athlete h3,
.roster .player h3,
.community-feature article h3,
.directory-card h3,
body[data-athlete-profile] main h1 {
  color: #f6d58a;
  background: none;
  font-family: "Barlow Condensed", Impact, "Arial Narrow", sans-serif;
  font-size: clamp(1.85rem, 4vw, 2.65rem);
  font-weight: 800;
  letter-spacing: .025em;
  line-height: 1.05;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.roster .player h3 :is(.player-first, .player-last) {
  display: inline;
  margin: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-shadow: none;
}

.directory-card h3 a,
body[data-athlete-profile] main h1 span {
  color: inherit;
}

.directory-card h3 a:hover,
.directory-card h3 a:focus-visible {
  text-decoration: underline;
  text-underline-offset: .15em;
}

body[data-athlete-profile] main h1 {
  font-size: clamp(2.75rem, 8vw, 5.75rem);
}

/* Keep directory listings easy to scan while giving represented athletes more space. */
.directory-card[data-tier="directory"] > a {
  display: block;
  width: min(144px, calc(100% - 44px));
  margin: 20px 22px 0;
}

.directory-card[data-tier="directory"] > a > img {
  height: 104px;
  border-radius: 8px;
}