/* Shared Push and Push lockup for product chrome.
   One SVG geometry, CSS-variable theming. Do not import landing.css.
   Do not add surface-specific header/menu rules here. */

.pnp-brand {
  --pnp-brand-accent: #fc5101;
  --pnp-mark-accent: var(--pnp-brand-accent);
  --pnp-mark-neutral: var(--ed-text, var(--pk-ink, #14161a));
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  max-width: 100%;
  color: inherit;
  text-decoration: none;
  line-height: 1;
}

html[data-theme="dark"] .pnp-brand {
  --pnp-mark-neutral: var(--ed-text, #e8e6e1);
}

.pnp-brand__mark {
  flex: none;
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  line-height: 0;
}

.pnp-brand__mark .lp-brand__mark {
  display: block;
  width: 100%;
  height: 100%;
}

.pnp-brand__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.12rem;
  min-width: 0;
}

.pnp-brand__wordmark {
  display: inline-flex;
  align-items: baseline;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  white-space: nowrap;
}

.pnp-brand__push {
  color: var(--ed-text, var(--pk-ink, #14161a));
}

.pnp-brand__push--accent {
  color: var(--pnp-brand-accent);
}

.pnp-brand__and {
  margin-inline: 0.22em;
  font-size: 0.72em;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--ed-muted, var(--pk-ink-soft, #5f636b));
}

.pnp-brand__caption {
  font-family: var(--ed-mono, var(--pk-mono, ui-monospace, monospace));
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ed-text-secondary, var(--pk-ink-mid, #3a3e46));
  line-height: 1;
  white-space: nowrap;
}

.pnp-brand--compact .pnp-brand__copy {
  display: none;
}

@media (max-width: 899px) {
  .pnp-brand--full:not(.pnp-brand--persist-copy) .pnp-brand__copy {
    display: none;
  }
}

.pnp-brand--persist-copy .pnp-brand__copy {
  display: flex;
}