@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&display=swap');

.koreum-wordmark {
    --koreum-color: #ffffff;
    display: inline-flex;
    align-items: center;
    color: var(--koreum-color);
    font-family: 'Montserrat', 'Arial Black', Arial, sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.015em;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.koreum-wordmark__o {
    width: 0.93em;
    height: 0.93em;
    margin: 0 0.025em 0 0.045em;
    object-fit: contain;
}

.koreum-product-name {
    display: block;
    color: #c9a050;
    font-family: 'Montserrat', 'Arial Black', Arial, sans-serif;
    font-size: 0.43rem;
    font-weight: 800;
    letter-spacing: 0.23em;
    line-height: 1.3;
    text-transform: uppercase;
}

.koreum-brand-lockup {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    color: inherit;
    text-decoration: none;
}

.koreum-brand-lockup:visited,
.koreum-brand-lockup:hover,
.koreum-brand-lockup:focus {
    color: inherit;
    text-decoration: none;
}

.koreum-brand-lockup--auth {
    align-items: center;
    margin: 4px auto 26px;
}

.koreum-brand-lockup--auth .koreum-wordmark {
    font-size: 1.85rem;
}

.koreum-brand-lockup--auth .koreum-product-name {
    font-size: 0.5rem;
}

.koreum-brand-lockup--nav .koreum-wordmark {
    font-size: 1.55rem;
}

.koreum-brand-lockup--nav .koreum-product-name {
    font-size: 0.48rem;
}

.koreum-brand-lockup--sidebar .koreum-wordmark {
    font-size: 0.9rem;
}

.koreum-brand-lockup--sidebar .koreum-product-name {
    font-size: 0.34rem;
}

#sidebar-menu .koreum-wordmark {
    font-size: 1.18rem !important;
    margin-top: 0 !important;
}

@media (max-width: 480px) {
    .koreum-brand-lockup--nav .koreum-wordmark { font-size: 1.18rem; }
    .koreum-brand-lockup--nav .koreum-product-name { font-size: 0.38rem; }
}