/* The logo is real, selectable HTML lettering in the licensed Ragna font.
   All ordinary page text continues to use Outfit. */
@font-face {
  font-family: 'Bellavista Ragna';
  src: url('/brand-fonts/ragna-logo-v1.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.brand-wordmark {
  position: relative;
  display: block;
  container-type: inline-size;
  aspect-ratio: 3.8 / .7;
  flex-shrink: 0;
}
body .brand-wordmark .brand-text,
body .brand-wordmark .brand-letter {
  font-family: 'Bellavista Ragna', serif !important;
  font-weight: 400 !important;
  font-style: normal;
  font-synthesis: none;
  font-kerning: none;
  font-variant-ligatures: none;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
body .brand-wordmark .brand-text {
  position: absolute;
  left: 0;
  top: calc(50% + .124em);
  transform: translateY(-50%);
  display: flex;
  white-space: nowrap;
  /* Official font: Bellavista advances total 3.8 em, cap height .7 em. */
  font-size: 26.315789cqw;
}
body .brand-wordmark .brand-letter {
  display: block;
  flex: none;
  font-size: inherit;
  transform: translateX(var(--brand-shift, 0px));
}
.brand-inline .brand-wordmark { aspect-ratio: auto; }

.bv-channel-brand.brand-wordmark { filter: none; color: inherit; }