/* Transparent brand artwork lets the page background show through; preserve aspect ratios. */
.brand{display:flex;align-items:center;gap:10px;min-width:0;letter-spacing:normal}
.brand-mark{display:block;flex:none;width:56px;height:auto;border-radius:0;background:transparent;box-shadow:none}
.brand-mark img{display:block;width:100%;height:auto}
.brand-logo{display:block;width:222px;max-width:100%;height:auto}
.preview-brand{display:flex;align-items:center;gap:20px;max-width:940px;margin:auto;padding:24px 22px 0}
.brand-byline{font-size:11px;letter-spacing:1px;color:#68786e;white-space:nowrap}
.preview-brand+main{padding-top:12px}
@media(max-width:760px){
 .brand{gap:8px}.brand-mark{width:44px}.brand-logo{width:190px}
}
@media(max-width:600px){
 .app-header .header-actions{margin-left:auto}
 .preview-brand{padding:20px 14px 0;flex-wrap:wrap;gap:10px}
}
