/* Artwork is copied verbatim from mobile/assets/icon.png. */
@font-face {
  font-family: "NutriBuddy Brand";
  src: url("./brand-font.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.nb-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  color: #2d2c28;
  text-decoration: none;
}
.nb-brand-mark {
  display: block;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  object-fit: contain;
}
.nb-brand-copy { display: flex; min-width: 0; flex-direction: column; }
.nb-brand-wordmark {
  display: block;
  color: #2d2c28;
  font-family: "NutriBuddy Brand", Inter, sans-serif;
  font-size: 20px;
  font-weight: 900;
  font-style: italic;
  line-height: 26px;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  white-space: nowrap;
}
.nb-brand-wordmark > span { opacity: 0.55; }
.nb-brand-large .nb-brand-wordmark { font-size: clamp(20px, 6.8vw, 34px); line-height: 1.12; letter-spacing: -0.8px; }
.nb-brand-caption { color: #7a7872; font-size: 10px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; }
.nb-brand-mark-small { width: 22px; height: 22px; }
/* Compact host surfaces scale the same artwork without redefining its typography. */
.nb-brand-compact .nb-brand-wordmark { font-size: 16px; line-height: 22px; letter-spacing: -0.32px; }
@media (max-width: 380px) {
  .marketing-header > div { padding-inline: 16px; }
  .marketing-header .nb-brand { gap: 9px; }
  .marketing-header .nb-brand-mark { width: 31.5px; height: 31.5px; }
  .marketing-header .nb-brand-wordmark { font-size: 15px; line-height: 19.5px; letter-spacing: -0.3px; }
}