/* The source archive contains only a compiled app, so this keeps the brand patch isolated. */
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("./geist.woff2") format("woff2");
}

@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("./geist-mono.woff2") format("woff2");
}

body {
  font-family: "Geist", system-ui, -apple-system, sans-serif;
}

.font-mono2 {
  font-family: "Geist Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
}

header > div:first-child::before {
  width: 7.9rem;
  height: 0.875rem;
  flex: 0 0 auto;
  content: "";
  background: url("./marrow-wordmark-dark.png") left center / contain no-repeat;
}

header > div:first-child > span:nth-child(1),
header > div:first-child > span:nth-child(2) {
  display: none;
}

.mx-gallery-home {
  position: absolute;
  z-index: 30;
  top: 10px;
  left: 12px;
  width: 8.5rem;
  height: 2rem;
  border-radius: 4px;
}

.mx-gallery-home:focus-visible {
  outline: 2px solid #9c7a26;
  outline-offset: 2px;
}

@media (max-width: 420px) {
  header > div:first-child::before {
    width: 6.9rem;
    height: 0.75rem;
  }

  .mx-gallery-home {
    width: 7.4rem;
  }
}