.wordmark {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.wordmark-ring {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #D4A24C;
    flex-shrink: 0;
}

.wordmark-small .wordmark-ring {
    width: 26px;
    height: 26px;
    font-size: 12px;
}

.wordmark-large .wordmark-ring {
    width: 40px;
    height: 40px;
    font-size: 18px;
}

.wordmark-ring i {
    color: #D4A24C;
}

.wordmark-text {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-weight: 700;
    margin: 0;
    letter-spacing: 0.02em;
}

.wordmark-small .wordmark-text {
    font-size: 15px;
}

.wordmark-large .wordmark-text {
    font-size: 22px;
}

.wordmark-text-light {
    color: #FAF6EF;
}

.wordmark-text-dark {
    color: #2A2029;
}

.wordmark-lens {
    font-family: 'Patrick Hand', cursive;
    font-weight: 400;
    color: #D4A24C;
}

.wordmark-small .wordmark-lens {
    font-size: 22px;
}

.wordmark-large .wordmark-lens {
    font-size: 32px;
}

.wordmark-dark .wordmark-ring,
.wordmark-dark .wordmark-ring i {
    color: #241B2E;
    border-color: #241B2E;
}