.fg-logo {
  --fg-logo-scale: 1;
  --fg-logo-authored-width: 18rem;
  --fg-logo-font-family: var(--fg-font-lockup);
  --fg-logo-font-size: var(--fg-size-logo-svg-inside);
  --fg-logo-font-weight: 700;
  --fg-logo-home-title-size: var(--fg-size-logo-svg-home-title);
  --fg-logo-home-tagline-size: var(--fg-size-logo-svg-home-tagline);

  display: block;
  inline-size: 100%;
  max-inline-size: calc(var(--fg-logo-authored-width) * var(--fg-logo-scale));
  text-decoration: none;
  color: currentColor;
  line-height: 0;
}

.fg-logo__svg {
  display: block;
  inline-size: 100%;
  block-size: auto;
  overflow: visible;
}

.fg-logo__svg-text {
  font-family: var(--fg-font-lockup);
  font-size: var(--fg-logo-font-size);
  font-weight: 500;
  white-space: pre;
  fill: currentColor;
}

.fg-logo-wrap {
  margin: 0;
}

.fg-logo__svg-rule {
  stroke: currentColor;
  stroke-width: 3px;
}

.fg-logo__svg-text--home-title {
  font-size: var(--fg-logo-home-title-size);
  font-weight: 500;
}

.fg-logo__svg-text--home-tagline {
  font-size: var(--fg-logo-home-tagline-size);
  font-weight: 500;
  letter-spacing: 0.02em;
}