.ns-brand {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 0;
    max-width: 100%;
    line-height: 0;
}

.ns-brand-wordmark {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.ns-brand-symbol {
    display: none;
    width: 44px;
    max-width: 100%;
    height: auto;
    flex: 0 0 auto;
}

.login-aside > .ns-brand {
    width: clamp(280px, 28vw, 410px);
}

.sidebar .brand-lockup.ns-brand {
    width: 100%;
    min-height: 88px;
    padding: 0 4px 30px;
}

.hq-sidebar .hq-brand.ns-brand {
    width: 100%;
    min-height: 88px;
    padding: 4px 4px 32px;
}

.ns-support-sidebar .ns-brand {
    width: 100%;
}

.terminal-card .brand.ns-brand {
    width: min(290px, 100%);
    margin-bottom: 24px;
}

.boot-screen .ns-brand {
    width: min(340px, 75vw);
}

.hq-loading .ns-brand {
    width: min(300px, 75vw);
    margin-bottom: 25px;
}

.ns-support-ended .ns-brand {
    width: min(300px, 100%);
    margin: 0 auto 28px;
}

@media (min-width: 761px) {
    .sidebar-collapsed .sidebar .ns-brand-wordmark {
        display: none;
    }

    .sidebar-collapsed .sidebar .ns-brand-symbol {
        display: block;
    }
}

@media (min-width: 621px) {
    .hq-shell.hq-collapsed .hq-brand .ns-brand-wordmark {
        display: none;
    }

    .hq-shell.hq-collapsed .hq-brand .ns-brand-symbol {
        display: block;
    }
}

@media (max-width: 760px) {
    .login-aside > .ns-brand {
        width: min(310px, 100%);
    }
}

@media (max-width: 620px) {
    .hq-sidebar .hq-brand.ns-brand {
        width: min(240px, 100%);
        min-height: 0;
        padding: 0 4px 18px;
    }
}