/* Display the supplied square PNG without changing its pixels or proportions. */
.brand-logo{display:inline-block;flex-shrink:0;width:68px;height:32px;background:#fff;border-radius:4px;overflow:hidden;vertical-align:middle}
.brand-logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.demo-bar,.topbar{background:#fff;color:#24334c;border-bottom:2px solid #e1e7f1}
.demo-bar span{color:#657389}.demo-links a{color:#1f4092}
.brand small{color:#657389}.top-actions a,.logout{color:#1f4092;border-color:#d5deec}
.intro-brand{display:flex;align-items:center;gap:18px}.intro-brand .brand-logo{width:150px;height:60px;background:transparent}.intro-brand .wordmark{font-size:clamp(28px,4vw,52px)}
@media(max-width:650px){.topbar-inner{flex-wrap:wrap;gap:12px}.intro-brand{gap:12px}.intro-brand .brand-logo{width:86px;height:36px}.intro-brand .wordmark{font-size:clamp(22px,6vw,34px)}}