/* Text-only branding follows the current theme in every app surface. */
.jiin-wordmark {
  display: inline-block;
  color: var(--jn-text, var(--c-title, #f5f0e6));
  font-family: 'DM Sans', 'Segoe UI', system-ui, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.04em;
  white-space: nowrap;
  user-select: none;
}
#home-screen .jiin-hero-wordmark {
  display: block;
  margin: 27px auto 25px;
  font-size: clamp(48px, 6vw, 72px);
}
#auth-overlay.cinema .jiin-auth-wordmark {
  color: #f5f0e6;
  font-size: clamp(64px, 8vw, 104px);
}
#auth-overlay.cinema .auth-brand-beta {
  color: rgba(245, 240, 230, .55);
  font: 400 11px 'JetBrains Mono', monospace;
  letter-spacing: .3em;
}

/* Phone wordmarks share a 28px inset without moving the chat/Excel controls. */
@media (max-width: 600px) {
  #home-screen[data-jiin-view] .jiin-top > .jiin-brand {
    padding-left: max(8px, env(safe-area-inset-left, 0px));
  }
  #home-screen[data-jiin-view="chat"] > .chat-header > .chat-brand {
    padding-left: 20px;
  }
  html #home-screen[data-jiin-view] :is(.jiin-top > .jiin-brand, .chat-header > .chat-brand) > .jiin-wordmark {
    font-size: 32px;
  }
}