/* Identity follows the resolved page theme (explicit preference or device default). */
.brand-art { display:inline-grid; vertical-align:middle; flex-shrink:0; }
.brand-art img { grid-area:1/1; display:block; width:100%; height:100%; object-fit:contain; }
.brand-art .brand-dark { display:none; }
[data-theme="dark"] .brand-art .brand-light { display:none; }
[data-theme="dark"] .brand-art .brand-dark { display:block; }
[data-theme="light"] .brand-art .brand-light { display:block; }
[data-theme="light"] .brand-art .brand-dark { display:none; }
.brand-header { width:clamp(112px,30vw,144px); height:42px; }
.brand-footer { width:156px; height:45px; }
.brand-key { width:24px; height:44px; }