/* Approved Platfora lettering and original Relay, September 12, 2026.
   Source PNGs retain their built-in clear space and original proportions. */
.brand-lockup {
  --logo-width: 220px;
  display: inline-grid;
  align-items: center;
  width: var(--logo-width);
  flex-shrink: 0;
  margin-inline-start: calc(var(--logo-width) * -0.06536);
  vertical-align: middle;
  text-decoration: none;
}
.brand-lockup img {
  grid-area: 1 / 1;
  display: block;
  width: 100%;
  height: auto;
}
.brand-lockup .brand-dark { display: none; }
body[data-surface="dark"] .brand-lockup .brand-light { display: none; }
body[data-surface="dark"] .brand-lockup .brand-dark { display: block; }
.brand-lockup:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.footer-brand .brand-lockup {
  /* Full-name export: 200px of clear space in a 2262px-wide canvas. */
  --logo-width: 338px;
  margin-inline-start: calc(var(--logo-width) * -0.08842);
  margin-block-start: calc(var(--logo-width) * -0.08842);
}
.footer-brand .brand-lockup + p { margin-top: 4px; }
@media (min-width: 901px) and (max-width: 1150px) {
  .site-header .brand-lockup { --logo-width: 200px; }
}
@media (max-width: 900px) {
  .site-header .brand-lockup, .mobile-menu-top .brand-lockup { --logo-width: 210px; }
  .footer-brand .brand-lockup { --logo-width: 296px; }
}