---
import Base from '../layouts/Base.astro';

/**
 * Ours rather than Starlight's (`disable404Route: true` in astro.config.mjs). A reader who
 * mistypes a marketing URL should not land in documentation chrome with a sidebar of pages
 * they were not looking for.
 */
---

<Base title="Page not found" description="That page does not exist on this site.">
  <section class="page notfound">
    <p class="eyebrow">404</p>
    <h1>That page does not exist</h1>
    <p class="prose">
      The link may be out of date, or the page may not be written yet — this site is being
      built in phases.
    </p>
    <p><a href="/">Back to the homepage</a> &middot; <a href="/docs/">Documentation</a></p>
  </section>
</Base>

<style>
  .notfound {
    padding-block: clamp(3rem, 9vw, 6rem);
  }

  .notfound h1 {
    margin: 0 0 1rem;
    color: var(--gold);
  }
</style>