/* Optical small-size monoline identity with a reversed orange F. Only the
   large homepage wordmark flips; navigation and footers stay still. */
.brand-signature { display: block; flex: none; width: 136px; line-height: 0; }
.brand-signature img, .brand .brand-signature img {
  display: block; width: 100%; height: auto; aspect-ratio: 880 / 250;
  max-width: 100%; border-radius: 0; background: transparent;
  object-fit: contain; box-shadow: none; filter: none;
}
.home-page #nav .brand-signature { width: 136px; }
.f-logo .brand-signature, .site-footer .brand-signature { width: 156px; }
.brand-accessible {
  position: absolute !important; width: 1px; height: 1px; padding: 0;
  margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
@media (max-width: 760px) {
  .home-page #nav .brand-signature, .site-nav .brand-signature { width: 106px; }
  .f-logo .brand-signature, .site-footer .brand-signature { width: 142px; }
}
@media (max-width: 370px) {
  .home-page #nav .brand-signature { width: 92px; }
}