/* Shared HRS identity, kept left-to-right in every interface language. */
.brand {display:inline-flex;align-items:center;gap:.65rem;direction:ltr;white-space:nowrap;text-decoration:none}
.brand>img {flex:none;object-fit:contain}
.brand .brand-wordmark {display:flex;flex-direction:column;align-items:flex-start;gap:.14rem;color:inherit;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1}
.brand .brand-name {font-size:1.65rem;font-weight:800;letter-spacing:-.055em}
.brand .brand-wordmark strong {font-size:.57rem;font-weight:650;letter-spacing:.32em;text-transform:uppercase;padding-inline-start:.1rem}
.site-footer .brand .brand-name {font-size:1.4rem}
.site-footer .brand .brand-wordmark strong {font-size:.49rem}
.brand:focus-visible {outline:3px solid #84b6ff;outline-offset:6px;border-radius:5px}
.brand .brand-image {display:block;position:relative;width:158px;height:60px;overflow:hidden;flex:none}
.brand .brand-image>img {position:absolute;width:186px;height:93px;max-width:none;left:-15px;top:-17px;object-fit:contain}
/* The same transparent PNG supplies both surfaces. Only the wordmark changes
   colour; the blue/violet monogram always keeps its original colour. */
.brand .brand-image>.brand-lettering {filter:grayscale(1) brightness(0) invert(1);clip-path:inset(0 0 0 42%)}
.site-footer .brand .brand-image>.brand-lettering {display:none}
body:not(.showcase-home) .site-footer .brand .brand-image>.brand-lettering {display:block}
.site-header .brand .brand-image>img {width:186px;height:93px;max-width:none}
@media(max-width:480px){.brand .brand-name {font-size:1.45rem}.brand .brand-wordmark strong {font-size:.51rem}}