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

.brand-home-link .brand-title,
.brand-home-link:hover .brand-title,
.brand-home-link:focus-visible .brand-title {
  font-family: "Recoheat Manrope", Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.05em;
  color: #202a2a;
  white-space: nowrap;
}

.brand-home-link .brand-title span { color: #be481b; }

@media (max-width: 600px) {
  .brand-home-link .brand-title,
  .brand-home-link:hover .brand-title,
  .brand-home-link:focus-visible .brand-title { font-size: 1.4rem; }
}