/* The supplied brand asset stays byte-for-byte unchanged. Only its display
   viewport selects the emblem; the adjacent word remains editable CMS text. */
.brand {
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    white-space: nowrap;
}

.brand-word {
    display: inline-block;
    line-height: 1;
}

.brand-mark {
    position: relative;
    display: block;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    overflow: hidden;
}

.brand-mark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* Original 2000 × 2000 artwork: square crop x730,y653,width528,height528.
   Its separate embedded CEVYRA text starts at y1239, outside this viewport. */
.brand-mark--cevyra-original img {
    position: absolute;
    left: -138.257576%;
    top: -123.674242%;
    width: 378.787879%;
    height: 378.787879%;
    max-width: none;
    object-fit: fill;
}

@media (max-width: 900px) {
    .brand { gap: 8px; }
    .brand-mark { flex-basis: 36px; width: 36px; height: 36px; }
}

@media (max-width: 480px) {
    .header-inner { gap: 14px; }
    .site-header .brand { font-size: 29px; gap: 7px; }
    .site-header .header-actions { gap: 12px; }
    .site-header .language-pair { gap: 6px; }
}

@media (max-width: 360px) {
    .site-header .brand { font-size: 27px; }
    .site-header .brand-mark { flex-basis: 32px; width: 32px; height: 32px; }
}