.navbar-brand-stacked {
    display: inline-flex;
    flex-direction: column;
    gap: .05rem;
    line-height: 1;
}

.navbar-brand-main {
    color: #fff;
    font-family: "Space Grotesk", system-ui, sans-serif;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

.navbar-brand-sub {
    color: rgba(255, 255, 255, .58);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.navbar .nav-link {
    border-radius: 6px;
    padding-right: .75rem;
    padding-left: .75rem;
}

.navbar .nav-link.active,
.navbar .nav-link:focus,
.navbar .nav-link:hover {
    background-color: rgba(255, 255, 255, .12);
    color: #fff;
}

.navbar .bi {
    font-size: 1.35rem;
}

@media (max-width: 575.98px) {
    .navbar-brand-main {
        font-size: 1.2rem;
    }

    .navbar-brand-sub {
        font-size: .52rem;
        letter-spacing: .12em;
    }
}

.site-footer {
    color: var(--bs-secondary-color);
}

.site-footer a {
    color: inherit;
}