@font-face {
  font-family: "Cellaring Brand";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/@fontsource/poppins@5.3.0/files/poppins-latin-500-normal.woff2") format("woff2");
}

:root {
  --brand: "Cellaring Brand", "Avenir Next", "Century Gothic", Arial, sans-serif;
}

.brand-logo {
  --brand-logo-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: calc(var(--brand-logo-height) * 0.1);
  width: max-content;
  height: var(--brand-logo-height);
  color: var(--ink, #1a1a1d);
  line-height: 1;
  white-space: nowrap;
}

.brand-logo--light {
  color: #ffffff;
}

.brand-logo-mark {
  display: block;
  flex: 0 0 auto;
  width: auto;
  height: 100%;
}

.brand-logo-wordmark {
  font-family: var(--brand);
  font-size: calc(var(--brand-logo-height) * 0.75);
  font-weight: 500;
  font-style: normal;
  letter-spacing: -0.035em;
  line-height: 1;
}