/* Canela is resolved from an installed face until a font file is supplied. */
@font-face {
  font-family: 'Canela';
  src: local('Canela Regular'), local('Canela-Regular'), local('Canela');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.brand,
.footer-top > .brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  font-family: 'Canela', Georgia, 'Times New Roman', serif;
  font-size: 33px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.025em;
}

.brand-name {
  display: block;
  white-space: nowrap;
}

.brand-tagline {
  display: block;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: .035em;
  white-space: nowrap;
}

@media (max-width: 1150px) {
  .brand,
  .footer-top > .brand {
    font-size: 30px;
  }
}

@media (max-width: 740px) {
  .brand,
  .footer-top > .brand {
    font-size: 28px;
  }

  .brand-tagline {
    font-size: 11px;
  }
}