.maf-brand {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    text-decoration: none;
    color: #2d3f58;
    transform: translateY(8px);
}

.maf-brand:focus-visible {
    outline: 2px solid var(--maf-color-info);
    outline-offset: 4px;
    border-radius: var(--maf-radius-sm);
}

.maf-brand__icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.maf-brand__icon svg {
    height: 100%;
    width: auto;
}

.maf-brand__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.maf-brand__title {
    font-family: var(--maf-font-display);
    font-weight: var(--maf-font-weight-bold);
    color: #2d3f58;
    line-height: 1;
    white-space: nowrap;
}

.maf-brand__subtitle {
    font-family: var(--maf-font-display);
    font-weight: var(--maf-font-weight-regular);
    color: #2d3f5899;
    line-height: 1;
    padding-bottom: 0.15em;
    white-space: nowrap;
}

/* Sizes */

.maf-brand--sm .maf-brand__icon {
    height: 28px;
}

.maf-brand--sm .maf-brand__title {
    font-size: 0.9375rem;
}

.maf-brand--sm .maf-brand__subtitle {
    font-size: 0.6875rem;
}

.maf-brand--md .maf-brand__icon {
    height: 36px;
}

.maf-brand--md .maf-brand__title {
    font-size: 1.125rem;
}

.maf-brand--md .maf-brand__subtitle {
    font-size: 0.75rem;
}

.maf-brand--lg .maf-brand__icon {
    height: 50px;
}

.maf-brand--lg .maf-brand__title {
    font-size: 1.375rem;
}

.maf-brand--lg .maf-brand__subtitle {
    font-size: 0.875rem;
}