/* Equal visible artwork width and stable layout boxes in both languages.
   Alpha bounds: EN (47,33)-(1880,785); ES (173,23)-(1890,783).
   The approved PNG artwork is unmodified. */
.brand-art{position:relative;display:inline-block;vertical-align:middle;width:220px;max-width:100%;aspect-ratio:1833/812;overflow:hidden;flex-shrink:0;line-height:0}
.brand-art img[data-hey316-brand]{position:absolute;display:block;width:106.055646%;max-width:none;height:auto;left:-2.564103%;top:50%;transform:translateY(-50.556242%);object-fit:contain;margin:0}
.brand-art[data-brand-art="es"] img[data-hey316-brand]{width:113.220734%;left:-10.075713%;transform:translateY(-49.814586%)}
.brand-logo:has(.brand-art),.wordmark:has(.brand-art),.logo:has(.brand-art){display:inline-flex;align-items:center;line-height:1;letter-spacing:0;padding-right:0}
.title-logo .brand-art{width:min(640px,82vw)}
.app-header .brand-art{width:130px}
.preview-pages footer .brand-art,.home-footer .brand-art{width:160px}
.family-top .brand-art{width:180px}
.account-brand{display:block;margin-bottom:10px}
.account-brand .brand-art{width:180px}
#hey-welcome .brand-art{width:220px}
#hey-admin-preview .brand-logo:has(.brand-art){display:block;width:min(440px,100%);max-width:100%;height:auto}
#hey-admin-preview .brand-art{display:block;width:100%}
@media(max-width:700px){.brand-art{width:190px}.app-header .brand-art{width:110px}.family-top .brand-art{width:150px}}