:root {
    --ground: #f7f4ee;
    --ground-raised: #ece8df;
    --paper: #171310;
    --paper-dim: rgba(23,19,16,0.62);
    --paper-faint: rgba(23,19,16,0.22);
    --line: rgba(23,19,16,0.12);
    --red: #ff2400;
    --red-ink: #0c0a08;
    --red-deep: #b02200;
    --media-ground: #161310;
    --media-ink: #f7f4ee;
    --media-ink-dim: rgba(247,244,238,0.6);
    --media-ink-faint: rgba(247,244,238,0.24);
    --media-line: rgba(247,244,238,0.14);
    --display: 'Inter', system-ui, sans-serif;
    --display-black: 'Inter', system-ui, sans-serif;
    --body: 'Inter', system-ui, sans-serif;
    --mono: 'IBM Plex Mono', 'Consolas', monospace;
    --edge: clamp(24px, 6vw, 96px);
  }

  .home .nav {
    display: block;
    position: absolute;
    background: transparent;
    border-bottom: 0;
    right: 0;
    top: 15px;
  }
  .home  header .brand {
    display: none;
}
.home .nav-links a {
    color: #fff;
}
.home .nav-cta {
    border: 1px solid #fff;
    color: #fff !important;
}
.home .nav-cta:hover {
    border-color: var(--red);
    background: var(--red);
    color: var(--red-ink) !important;
}

@media (max-width: 860px) {
.home .nav {
    right: 0;
    top: 10px;
}
.home  .nav-toggle svg {
    color: #fff;
}
.home .nav.is-open .nav-toggle svg {
    color: #333;
}
.home .nav-links a {
    color: var(--paper-dim);
}
.home .nav-cta {
    border: 1px solid #333;
    color: #333 !important;
}
}