/* Approved basil leaf and wordmark, shared by desktop, mobile and auth. */
.recipanion-wordmark {
  display: block;
  width: 280px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
header .brand-title {
  line-height: 0;
}
header .brand-subtitle {
  margin-top: 5px;
}
.auth-brand h1 .recipanion-wordmark {
  width: 300px;
  margin: 0 auto;
}
@media (max-width: 620px) {
  header .brand-title .recipanion-wordmark {
    width: clamp(190px, 62vw, 250px);
  }
  .auth-brand h1 .recipanion-wordmark {
    width: min(280px, 100%);
  }
}