/* Alternate logo direction: a compact, geometric treatment of the supplied
   original NAR / A / R mark. The surrounding page remains the editorial
   redesign system; only the brand lockup changes. */
.wordmark {
  width: min(214px, 27vw);
  display: block;
}
.brand-logo {
  display: block;
  width: 100%;
  height: auto;
}
.header .wordmark {
  width: min(178px, 23vw);
}
.footer-main .wordmark {
  width: min(246px, 25vw);
}
.alternate-note {
  display: none;
}
@media (max-width: 850px) {
  .header .wordmark {
    width: 158px;
  }
}
@media (max-width: 700px) {
  .header .wordmark {
    width: 154px;
  }
  .footer-main .wordmark {
    width: 220px;
  }
  .alternate-note {
    display: block;
    margin-bottom: 24px;
    color: var(--accent);
  }
}
@media (max-width: 370px) {
  .header .wordmark {
    width: 140px;
  }
}