.site-footer {
  margin-block-start: var(--space-8);
  padding: var(--space-6) var(--space-5) var(--space-7);
  border-block-start: var(--border-hair) solid var(--color-rule);
  color: var(--color-muted);
  font-size: var(--step-0);
  text-align: center;
}
.site-footer__sep {
  display: inline-block;
  inline-size: 0.35em;
  block-size: 0.35em;
  margin-inline: var(--space-3);
  vertical-align: middle;
  background: var(--color-gold);
  transform: rotate(45deg);
}
.site-footer__fine {
  font-family: var(--font-ui);
  font-size: var(--step--1);
}