/*
 * Fingerprinted public-shell layer. Pages serves static CSS very aggressively
 * on the custom domain, so this unique asset makes the shared-shell update
 * available immediately while public-shell.css remains the canonical base.
 */
.site-header {
  gap: normal;
  color: var(--opura-shell-text);
  font-family: var(--opura-sans);
  font-size: 16px;
  line-height: normal;
}

.site-header .wordmark {
  justify-self: start;
  display: inline-flex;
  align-items: baseline;
  font-family: var(--opura-serif);
  font-size: 1.15rem;
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: normal;
}

.site-header .wordmark span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

.landing-footer {
  font-family: var(--opura-sans);
  font-size: 16px;
  line-height: normal;
}

.footer-wordmark { font-weight: 400; }

.legal-page .site-header { background: #0d0e0d; }
.releases-page .site-header { gap: normal; }

@media (max-width: 760px) {
  .menu-toggle { place-items: center; }

  .site-header .menu-toggle > span {
    grid-area: 1 / 1;
    position: static;
    display: block;
    width: 100%;
    height: 1px;
    margin: 0;
    background: currentColor;
    transform: none;
    transition: transform .2s ease;
  }

  .site-header .menu-toggle > span:first-child { transform: translateY(-3px); }
  .site-header .menu-toggle > span:last-child { transform: translateY(3px); }
  .site-header .menu-toggle[aria-expanded="true"] > span:first-child { transform: rotate(45deg); }
  .site-header .menu-toggle[aria-expanded="true"] > span:last-child { transform: rotate(-45deg); }
}