/* Header-only optical alignment. The original PNG remains unchanged (2172x724).
   Its meaningful artwork fits (242,80)-(1975,633), including an antialias gutter.
   Use that 1733x553 presentation frame; scale both image axes uniformly. */
.site-header .brand .header-logo-frame {
  display: block;
  position: relative;
  width: 160px;
  max-width: 100%;
  aspect-ratio: 1733 / 553;
  overflow: hidden;
  flex: 0 0 auto;
}
.site-header .brand .header-logo-frame > .brand-wordmark {
  display: block;
  position: absolute;
  left: -13.964224%;
  top: -14.466546%;
  width: 125.331795% !important;
  inline-size: 125.331795% !important;
  max-width: none !important;
  height: auto !important;
  block-size: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0;
  object-fit: contain;
  object-position: left top;
  transform: none;
}
@media (max-width: 700px) {
  .site-header .brand .header-logo-frame { width: 114px; }
}
@media (max-width: 370px) {
  .site-header .brand .header-logo-frame { width: 92px; }
  /* Honour the existing 30px narrow-screen controls: their older flex-basis
     must not force them wider and push Sign in beyond the viewport. */
  .site-header .header-inner .header-actions .header-control {
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
  }
  .site-header .header-inner .header-actions .language-switcher {
    flex: 0 0 34px;
    width: 34px;
    min-width: 34px !important;
  }
  .site-header .header-inner .header-actions .language-switcher select {
    width: 34px !important;
    min-width: 34px !important;
    padding-inline: 1px !important;
  }
}