/* LeoHub logo slot.
 * Replace only /assets/logo.webp to change the avatar.
 * Quick tuning: edit the variables below.
 * Circle preset: set both radius variables to 50%.
 */
:root {
  --brand-frame-size: 48px;
  --brand-frame-radius: 14px;
  --brand-avatar-size: 40px;
  --brand-avatar-radius: 10px;
  --brand-avatar-fit: cover;
}

.brand-mark {
  width: var(--brand-frame-size);
  height: var(--brand-frame-size);
  border-radius: var(--brand-frame-radius);
  overflow: hidden;
}

.brand-logo {
  width: var(--brand-avatar-size);
  height: var(--brand-avatar-size);
  display: block;
  flex: none;
  border-radius: var(--brand-avatar-radius);
  object-fit: var(--brand-avatar-fit);
  object-position: center;
}

@media (max-width: 640px) {
  :root {
    --brand-frame-size: 46px;
    --brand-avatar-size: 38px;
  }
}