/* Wordmark identity: preserve the established typography and align its accent. */
.header .brand {
  align-items: baseline;
  gap: .23em;
}
.header .brand-accent {
  width: .52em;
  height: .52em;
  color: var(--lime);
  align-self: baseline;
  vertical-align: baseline;
  overflow: visible;
  transition: transform .3s ease;
  transform-origin: center;
}
.header .brand:hover .brand-accent {
  transform: rotate(22.5deg);
}