/* Frame the supplied artwork without modifying the original image. */
.brand-artwork{display:block;position:relative;width:220px;max-width:100%;aspect-ratio:570/133;overflow:hidden;flex:none;mix-blend-mode:screen}
.brand-artwork>img{position:absolute;display:block;width:132.105264%;max-width:none;height:auto;left:-16.491229%;top:-83.458647%}
.brand:has(.brand-artwork){gap:0;flex-shrink:0;line-height:1}
.welcome-header .brand-artwork{width:244px}
.welcome-footer .brand-artwork{width:220px}
.network-shell .sidebar .brand{display:block;width:100%}
.network-shell .sidebar .brand-artwork{width:205px}
.demo-entry-page>header .brand-artwork{width:232px}
.share-card .brand-artwork{width:210px}
@media(max-width:1180px){.network-shell .sidebar .brand-artwork{width:166px}}
@media(max-width:800px){.network-shell .mobile-brand .brand-artwork{width:178px}}
@media(max-width:640px){.welcome-header .brand-artwork{width:190px}.demo-entry-page>header .brand-artwork{width:190px}}
@media(max-width:520px){.network-shell .mobile-brand .brand-artwork{width:156px}.welcome-header .brand-artwork{width:172px}.demo-entry-page>header .brand-artwork{width:166px}.share-card .brand-artwork{width:180px}}
@media(max-width:360px){.network-shell .mobile-brand .brand-artwork{width:136px}.welcome-header .brand-artwork{width:151px}.demo-entry-page>header .brand-artwork{width:150px}}