/* The homepage positioning sits below the wordmark, as on the presentation cover. */
.hero-hud { top: 80px; left: clamp(24px, 5vw, 80px); right: clamp(24px, 5vw, 80px); align-items: baseline; }
.hero-hud > span.hero-positioning { display: block; font: 200 16px/1.5 var(--sans); letter-spacing: .04em; color: var(--mute); white-space: nowrap; }
@media (max-width: 1200px) {
  .hero-hud { left: 28px; right: 28px; }
}
@media (max-width: 800px) {
  .hero-hud { top: 64px; left: 24px; right: 24px; }
  .hero-hud > span.hero-positioning { font-size: 13px; }
}
@media (max-width: 420px) {
  .hero-hud { left: 14px; right: 14px; }
  .hero-hud > span:last-child { display: none; }
}