404.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="robots" content="noindex, follow" />
    <meta name="theme-color" content="#050914" />
    <link rel="icon" href="./favicon.svg" type="image/svg+xml" />
    <link rel="stylesheet" href="./styles.css" />
    <title>Not found — Hullwork</title>
    <style>.not-found{min-height:100vh;display:grid;place-items:center;text-align:center}.not-found strong{color:var(--cyan);font:700 12px ui-monospace,monospace;letter-spacing:.14em}.not-found h1{margin:22px auto;font-size:clamp(70px,18vw,180px)}.not-found p{color:var(--muted);font-size:17px}.not-found .button{margin-top:18px}</style>
  </head>
  <body>
    <main class="not-found wrap">
      <div><strong>404 / BOUNDARY REACHED</strong><h1>Not found.</h1><p>This route does not resolve to a Hullwork system.</p><a class="button primary" href="./">Return home <span>↗</span></a></div>
    </main>
  </body>
</html>