@font-face {
  font-family: "Young Serif";
  src: url("/brand/YoungSerif-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

.cord-wordmark {
  display: inline-block;
  flex-shrink: 0;
  margin: 0;
  font-family: "Young Serif", serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;
  line-height: 1;
  text-transform: none;
  vertical-align: middle;
  white-space: nowrap;
}

.cord-wordmark--minimum {
  font-size: 19px;
  letter-spacing: 0;
}

.cord-wordmark--product {
  font-size: 28px;
  letter-spacing: -0.015em;
}

.cord-wordmark--header {
  font-size: 48px;
  letter-spacing: -0.02em;
}

.cord-wordmark--hero {
  font-size: 96px;
  letter-spacing: -0.025em;
}

.cord-wordmark--black,
.cord-wordmark--theme {
  color: #000000;
}

.cord-wordmark--white,
.dark .cord-wordmark--theme {
  color: #ffffff;
}