.brand-mark { display: inline-flex; align-items: flex-start; gap: 6px; min-width: 0; line-height: 1 }
.brand-mark img { display: block; flex: none; width: auto; height: var(--brand-logo-h,52px); max-width: none }
/* The brush word 두메 sits in the lower part of the logo (its centre is about 66% down), so the label is centred on that line, not on the whole image. */
.brand-label { white-space: nowrap; margin-top: calc(var(--brand-logo-h,52px) * 0.66 - 0.5em) }
.top-bar-brand,.side-brand,.bare-brand,.top-brand { --brand-logo-h: 32px }
@media (max-width:719px) { .brand { --brand-logo-h: 44px } }
@media (max-width:519px) { .brand { --brand-logo-h: 34px } }