.signature {
  --spacing: 2.2em;

  align-items: center;
  background: url('/assets/images/general/jf-signature.svg') left top / auto 3.3em no-repeat;
  display: flex;
  font-size: var(--font-size-large);
  gap: 0.5em;
  letter-spacing: var(--letter-spacing);
  line-height: var(--line-height);
  padding-top: 4.3em;
  position: relative;
  width: 100%;
}

.signature:before {
  background: url('/assets/images/general/jf-avatar.jpg') center / cover no-repeat;
  border-radius: 100%;
  content: '';
  display: inline-flex;
  height: 3em;
  width: 3em;
}

.signature dl {
  display: flex;
  flex-direction: column;
}

.signature dl dt {
  font-weight: 500;
}

.signature dl dd {
  font-style: italic;
}

@media(prefers-color-scheme: dark) {

  .signature {
    background-image: url('/assets/images/general/jf-signature-dark.svg');
  }

}