/* Shared geometry for React navigation and the generated portfolio document. */
.site-nav {
  box-sizing: border-box;
  height: calc(var(--ds-logo-h) + var(--ds-space-md) * 2 + var(--ds-line));
  padding: var(--ds-space-md) var(--ds-space-xl);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: var(--ds-line);
  border-bottom-style: solid;
}
.site-nav > a { display: inline-flex; align-items: center; }
.site-nav > a img { display: block; height: var(--ds-logo-h); width: auto; }
@media (max-width: 767px) {
  .site-nav {
    height: calc(var(--ds-logo-h) + var(--ds-space-sm) * 2 + var(--ds-line));
    padding: var(--ds-space-sm) var(--ds-space-md);
  }
}