@font-face {
  font-family: "BeatBloom Manrope";
  src: url("/assets/manrope-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

/* Airier lettering, shared by the presentation and studio wordmarks. */
header .brand,
.site-footer .brand {
  font-family: "BeatBloom Manrope", Inter, system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.625rem;
  font-kerning: normal;
  font-synthesis: none;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.site-footer .brand {
  font-size: clamp(1.875rem, 1.2rem + 2.4vw, 2.75rem);
}

.site-footer .brand-mark {
  flex-shrink: 0;
  gap: 0.105em;
  height: 1.2em;
  margin-right: 0.36em;
}

.site-footer .brand-mark i {
  width: 0.16em;
  height: 37.5%;
}

.site-footer .brand-mark i:nth-child(2) {
  height: 75%;
}

.site-footer .brand-mark i:nth-child(3) {
  height: 100%;
}

.site-footer .brand-mark i:nth-child(4) {
  height: 65.625%;
}

.site-footer .brand-mark i:nth-child(5) {
  height: 31.25%;
}

@media (max-width: 650px) {
  header .brand {
    font-size: 1.45rem;
  }
}