.logo-10x-architect {
  display: inline-block;
  line-height: 0;
}

.logo-10x-architect svg {
  display: block;
  height: 100%;
  width: auto;
}

/* Inline variant for use within text - rendered as a true inline so it
   sits inside a text flow without forcing its own line box. */
.logo-10x-architect-inline {
  display: inline;
  line-height: inherit;
}

.logo-10x-architect-inline svg {
  display: inline;
  /* 1.05em (not 1.1em like the developer mark) because the architect glyphs
     occupy a taller fraction of their viewBox; this renders both marks at the
     same visual cap-height inline. Keep in sync with .logo-10x-inline. */
  height: 1.05em;
  width: auto;
  vertical-align: middle;
}