/* My Own Roadie – Logo (Komponente x-brand.logo), genutzt von Band-Manager und Landingpage.
   Punkt und Ring des Icons passen sich über --brand-dot / --brand-ring dem Hintergrund an. */
.hv-brand {
  display: inline-flex; align-items: center; gap: .65rem;
  color: var(--hv-heading, #fff);
  text-decoration: none;
}
.hv-brand:hover { color: var(--hv-heading, #fff); }
.hv-brand-icon { flex: 0 0 auto; display: block; }
.hv-brand-text {
  font-family: "Unbounded", "Inter", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1.02;
}
.hv-brand--sm .hv-brand-icon { width: 34px; height: 34px; }
.hv-brand--sm .hv-brand-text { font-size: .95rem; }
.hv-brand--md .hv-brand-icon { width: 42px; height: 42px; }
.hv-brand--md .hv-brand-text { font-size: 1.05rem; }
.hv-brand--lg { gap: 1rem; }
.hv-brand--lg .hv-brand-icon { width: 72px; height: 72px; }
.hv-brand--lg .hv-brand-text { font-size: 1.9rem; text-align: left; }