:root {
  --brand-serif: "Cooper Black", "Cooper Std Black", Georgia, "Times New Roman", serif;
  --brand-sans: "Cooper Black", "Cooper Std Black", Georgia, "Times New Roman", serif;
  --nav-logo-size: 130px;
  --nav-logo-drop: 24px;
  --mobile-nav-logo-size: 54px;
}

.brand-wordmark {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.brand-kicker,
.brand-name {
  display: block;
  font-family: var(--brand-serif);
  font-weight: 900;
  text-transform: none;
}

.brand-kicker {
  font-size: clamp(0.58rem, 0.68vw, 0.78rem);
  line-height: 0.9;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.brand-name {
  font-size: clamp(1.15rem, 1.7vw, 1.82rem);
  font-style: italic;
  line-height: 0.82;
  letter-spacing: 0.015em;
}

@media (max-width: 920px) {
  .nav .brand-wordmark,
  .sample-nav .brand-wordmark {
    position: fixed;
    left: 50%;
    width: max-content;
    max-width: calc(100vw - 132px);
    transform: translateX(-50%);
    overflow: hidden;
    pointer-events: none;
  }

  .brand-kicker {
    font-size: 0.5rem;
  }

  .brand-name {
    font-size: 1.12rem;
  }
}