/* Full-width LSS wordmark: retain the original high-resolution artwork. */
.site-header .brand { min-width:0; flex:0 0 auto; gap:0; }
.site-header .brand img { width:360px; height:66px; max-width:none; object-fit:cover; object-position:50% 41%; }
.site-header .brand .company-copy { display:none; }
@media (max-width:1060px) { .site-header .brand img { width:340px; height:62px; } }
@media (max-width:640px) { .site-header .brand img { width:min(300px, calc(100vw - 92px)); height:54px; } }

/* Use normal image resampling on desktop; clip whitespace in the link box.
   Mobile rendering and the original high-resolution logo stay unchanged. */
@media (min-width:641px) {
  .site-header .brand { position:relative; width:360px; max-width:100%; height:66px; overflow:hidden; }
  .site-header .brand img { position:absolute; top:-22px; left:0; display:block; width:100%; height:auto; object-fit:fill; }
}
@media (min-width:641px) and (max-width:1060px) {
  .site-header .brand { width:340px; height:62px; }
  .site-header .brand img { top:-21px; }
}