@font-face {
  font-family: Quicksand;
  src: url("fonts/quicksand-700.ttf");
  font-weight: 700;
  font-display: swap;
}
.ll-brand {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  flex: none;
  white-space: nowrap;
  color: #420b33;
  font: 700 1.7rem/1 Quicksand, system-ui, sans-serif;
  letter-spacing: -.055em;
  text-decoration: none;
  vertical-align: middle;
}
.ll-brand img {
  display: block;
  flex: none;
  width: 1.75rem;
  height: auto;
}
.ll-bar {
  width: min(76rem, calc(100% - clamp(2rem, 8vw, 8rem)));
  min-height: 5.1rem;
  margin-inline: auto;
  display: flex;
  align-items: center;
}
.ll-brand-surface .ll-brand { background: #fbf8f4; padding: .35rem .55rem; border-radius: .25rem; }
@media (max-width: 43rem) {
  .ll-brand { font-size: 1.35rem; }
  .ll-brand img { width: 1.4rem; }
  .ll-bar { min-height: 4.65rem; }
}