/* Shared spaced M A R S wordmark, matching Mars.uss and the game header. */
.brand img.mars-wordmark {
  display: block;
  width: 144px;
  height: auto;
  max-width: 100%;
}
.brand small { letter-spacing: 2.5px; }
.game-title .mars-wordmark {
  display: block;
  width: min(430px, 85%);
  height: auto;
  margin-bottom: 14px;
}
.game-title .game-subtitle {
  display: block;
  font-size: clamp(34px, 5vw, 66px);
  letter-spacing: -.03em;
  line-height: 1.1;
}
.alpha-signup .game-title .mars-wordmark { width: min(280px, 85%); }
.alpha-signup .game-title .game-subtitle { font-size: clamp(28px, 5vw, 38px); }
.standalone-brand {
  display: inline-block;
  margin-bottom: 24px;
  text-decoration: none;
}
.standalone-brand img.mars-wordmark { width: 144px; }
@media (max-width: 760px) {
  .topbar .brand img.mars-wordmark { width: 125px; }
  .game-title .mars-wordmark { width: min(310px, 90%); }
}

/* Keep the original game artwork and game subtitle side by side at every width. */
.alpha-signup .game-title { display: flex; align-items: center; gap: clamp(10px, 3vw, 24px); }
.alpha-signup .alpha-brand { display: block; flex: 1 1 56%; min-width: 0; max-width: 270px; }
.alpha-signup .alpha-brand img { display: block; width: 100%; height: auto; }
.alpha-signup .alpha-colony { display: block; color: #e9eceb; font: 400 clamp(10px, 2vw, 13px)/1.2 Arial, sans-serif; letter-spacing: .3em; text-align: center; margin-top: -2px; }
.alpha-signup .game-title .game-subtitle { flex: 0 0 auto; font-size: clamp(18px, 3vw, 30px); white-space: nowrap; letter-spacing: -.02em; }