/* The PMPR wordmark — the single web implementation.
 *
 * A port of `PMPRLogo` (app/Step2Audio/Shared/PMPRDesign.swift:52-70): heavy
 * italic, negative tracking, and a thin trailing "speed bar" offset to the
 * right. Monochrome by design — it renders in currentColor and is never tinted.
 *
 * THIS FILE EXISTS TO STOP A FOURTH COPY. The mark was already written three
 * times — Swift, web/style.css, and capture-extension/content.css. Two of those
 * are outside this stylesheet's reach, but the web app and the landing page can
 * at least share one, so both import this instead of redeclaring it.
 *
 * Everything is em-based, so a single font-size scales the whole lockup:
 *
 *   <span class="pmpr-logo" style-free size via a class or inline font-size>
 *     <span class="pmpr-logo-word">PMPR</span>
 *     <span class="pmpr-logo-bar"></span>
 *   </span>
 *
 * The Swift geometry, for anyone checking the translation:
 *   spacing   size * 0.06   → margin-top: 0.06em
 *   kerning   size * -0.02  → letter-spacing: -0.02em
 *   bar w/h   size * 1.9 / max(2, size * 0.075)
 *   offset    size * 0.10   → translateX(0.1em)
 *
 * Avenir Next is Apple-only and Monotype-licensed, so it cannot be self-hosted.
 * Off Apple this falls back to Helvetica/Arial, which keeps the tight tracking
 * and the bar — the two things carrying the identity.
 */

.pmpr-logo {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1;
  color: currentColor;
}

.pmpr-logo-word {
  font-family: var(--display);
  font-weight: var(--w-heavy);
  font-style: italic;
  letter-spacing: -0.02em;
  line-height: 1;
}

.pmpr-logo-bar {
  width: 1.9em;
  height: max(2px, 0.075em);
  background: currentColor;
  margin-top: 0.06em;
  transform: translateX(0.1em);
}