/* Trisect Media v7.2 — mobile logo reliability */
.site-header .brand{display:inline-flex;flex:0 0 auto;align-items:center;min-width:0;line-height:0}
.site-header .brand img{display:block;width:144px;max-width:100%;height:auto;object-fit:contain;object-position:left center}
@media(max-width:760px){
  .site-header .header-inner{min-width:0;gap:12px}
  .site-header .brand{position:relative;z-index:2;flex-shrink:0;width:124px;max-width:42vw;min-height:45px}
  .site-header .brand img{width:124px;max-width:100%;height:auto;max-height:58px;object-fit:contain}
  .site-header .menu-toggle{flex:0 0 43px}
}
@media(max-width:360px){.site-header .brand{width:116px}.site-header .brand img{width:116px}}

/* V7.3: stop footer branding stretching on narrow mobile screens.
   Height comes from the original logo's intrinsic 750:320 aspect ratio,
   never the old HTML height=75 attribute when CSS narrows its width. */
.site-footer .footer-main a img {
  display: block;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: left center;
}