/* Keep the supplied horizontal logo in a proportional viewport at every size. */
.brand{display:block;width:230px;flex:0 0 auto}
.brand .logo{position:static;display:block;width:100%;height:auto;aspect-ratio:218/49;overflow:visible;transform:none;line-height:0}
.brand .logo-art{display:block;width:100%;height:auto;overflow:hidden}
@media(max-width:1100px){.brand{width:205px}.brand .logo{width:100%;transform:none}}
@media(max-width:580px){.brand{width:190px}.brand .logo{width:100%;transform:none}}
@media(max-width:360px){.brand{width:175px}}
/* The standalone PNG needs no sprite positioning, SVG filters or blending. */
.brand .logo img{position:static;display:block;width:100%;height:auto;max-width:100%;left:auto;top:auto;mix-blend-mode:normal;object-fit:contain}