/* Shared header layout for the compass logo. */
header .wrap { align-items: center; }
.wordmark { display: inline-flex; flex: 0 0 auto; max-width: 100%; }
.wordmark img { display: block; width: 240px; max-width: 100%; height: auto; }
header nav { font-family: 'IBM Plex Sans', sans-serif; text-transform: none; letter-spacing: normal; flex-wrap: wrap; }
@media (max-width: 620px) {
  header .wrap { flex-direction: column; align-items: flex-start; gap: 16px; }
  .wordmark img { width: 220px; }
}