/* EXX wordmark — ONE shared asset: /exx-wordmark.png
   Markup (identical everywhere):
   <img class="exx-mark exx-mark--SIZE" src="/exx-wordmark.png" alt="EXX" />
   Word-only. No icon box, no side glyph, no "E XX" spacing.
*/
.exx-mark{
  display:block;
  width:auto;
  height:22px;
  border:0;
  padding:0;
  margin:0;
  background:none;
  box-shadow:none;
  object-fit:contain;
  object-position:left center;
  flex-shrink:0;
  user-select:none;
  -webkit-user-drag:none;
}
.exx-mark--hero{ height:56px }
.exx-mark--modal{ height:40px }
.exx-mark--nav{ height:22px }
.exx-mark--sm{ height:20px }
.exx-mark--xs{ height:17px }

@media (max-width:560px){
  .exx-mark--hero{ height:44px }
  .exx-mark--nav{ height:20px }
}
@media (max-width:420px){
  .exx-mark--nav{ height:18px }
}

/* Never show stray brand icons beside the wordmark */
.logo > img:not(.exx-mark),
.brand > img:not(.exx-mark),
.modal-logo > img:not(.exx-mark),
.logo .fx-mark,
.logo .dot,
.brand .dot,
img.wordmark:not(.exx-mark){ display:none !important }

.logo, .brand, .modal-logo{
  display:flex;
  align-items:center;
  gap:0;
}
.modal-logo{ justify-content:center }