404.html

<!DOCTYPE html><html lang="en" class="theme-light"><head><meta charset="utf-8"><style>
  @layer base, patterns, components, utilities;
</style><meta name="viewport" content="width=device-width, initial-scale=1"><style>@font-face{font-family:Geist-6baef7c69d40d091;src:url("/_astro/fonts/aca20910286926ab.woff2") format("woff2");font-display:swap;font-weight:400;font-style:normal;}@font-face{font-family:Geist-6baef7c69d40d091;src:url("/_astro/fonts/8130889379b3af44.woff2") format("woff2");font-display:swap;font-weight:400;font-style:italic;}@font-face{font-family:Geist-6baef7c69d40d091;src:url("/_astro/fonts/46c184d703b52837.woff2") format("woff2");font-display:swap;font-weight:500;font-style:normal;}@font-face{font-family:Geist-6baef7c69d40d091;src:url("/_astro/fonts/0dcf78221a5cc053.woff2") format("woff2");font-display:swap;font-weight:600;font-style:normal;}@font-face{font-family:"Geist-6baef7c69d40d091 fallback: Arial";src:local("Arial");font-display:swap;font-weight:400;font-style:normal;size-adjust:104.7553%;ascent-override:95.9379%;descent-override:28.1609%;line-gap-override:0%;}@font-face{font-family:"Geist-6baef7c69d40d091 fallback: Arial";src:local("Arial");font-display:swap;font-weight:400;font-style:italic;size-adjust:104.7553%;ascent-override:95.9379%;descent-override:28.1609%;line-gap-override:0%;}@font-face{font-family:"Geist-6baef7c69d40d091 fallback: Arial";src:local("Arial");font-display:swap;font-weight:500;font-style:normal;size-adjust:104.7553%;ascent-override:95.9379%;descent-override:28.1609%;line-gap-override:0%;}@font-face{font-family:"Geist-6baef7c69d40d091 fallback: Arial";src:local("Arial");font-display:swap;font-weight:600;font-style:normal;size-adjust:104.7553%;ascent-override:95.9379%;descent-override:28.1609%;line-gap-override:0%;}:root{--font-sans:Geist-6baef7c69d40d091,"Geist-6baef7c69d40d091 fallback: Arial",sans-serif;}</style><link rel="preload" href="/_astro/fonts/aca20910286926ab.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_astro/fonts/8130889379b3af44.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_astro/fonts/46c184d703b52837.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_astro/fonts/0dcf78221a5cc053.woff2" as="font" type="font/woff2" crossorigin><style>@font-face{font-family:"Geist Mono-1eea941e4aa8d985";src:url("/_astro/fonts/8776f51c4fb03084.woff2") format("woff2");font-display:swap;font-weight:400;font-style:normal;}@font-face{font-family:"Geist Mono-1eea941e4aa8d985";src:url("/_astro/fonts/22d4677bccd6a8f4.woff2") format("woff2");font-display:swap;font-weight:500;font-style:normal;}@font-face{font-family:"Geist Mono-1eea941e4aa8d985 fallback: Arial";src:local("Arial");font-display:swap;font-weight:400;font-style:normal;size-adjust:134.5893%;ascent-override:74.6716%;descent-override:21.9185%;line-gap-override:0%;}@font-face{font-family:"Geist Mono-1eea941e4aa8d985 fallback: Arial";src:local("Arial");font-display:swap;font-weight:500;font-style:normal;size-adjust:134.5893%;ascent-override:74.6716%;descent-override:21.9185%;line-gap-override:0%;}:root{--font-mono:"Geist Mono-1eea941e4aa8d985","Geist Mono-1eea941e4aa8d985 fallback: Arial",sans-serif;}</style><link rel="preload" href="/_astro/fonts/8776f51c4fb03084.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_astro/fonts/22d4677bccd6a8f4.woff2" as="font" type="font/woff2" crossorigin><style>@font-face{font-family:"Geist Pixel Square-ab2799b2d91b7a97";src:url("/_astro/fonts/f21e7c767efacc98.woff2") format("woff2");font-display:swap;font-weight:400;font-style:normal;}@font-face{font-family:"Geist Pixel Square-ab2799b2d91b7a97 fallback: Arial";src:local("Arial");font-display:swap;font-weight:400;font-style:normal;size-adjust:109.4659%;ascent-override:91.8094%;descent-override:26.949%;line-gap-override:0%;}:root{--font-pixel:"Geist Pixel Square-ab2799b2d91b7a97","Geist Pixel Square-ab2799b2d91b7a97 fallback: Arial",sans-serif;}</style><link rel="preload" href="/_astro/fonts/f21e7c767efacc98.woff2" as="font" type="font/woff2" crossorigin><title>Page not found | Cusable</title><meta name="description" content="The page you're looking for doesn't exist."><link rel="canonical" href="https://cusable.com/404/"><meta name="robots" content="noindex, nofollow"><meta property="og:type" content="website"><meta property="og:site_name" content="Cusable"><meta property="og:title" content="Page not found | Cusable"><meta property="og:description" content="The page you're looking for doesn't exist."><meta property="og:url" content="https://cusable.com/404/"><meta property="og:image" content="https://cusable.com/og-image.jpg"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Page not found | Cusable"><meta name="twitter:description" content="The page you're looking for doesn't exist."><meta name="twitter:image" content="https://cusable.com/og-image.jpg"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" href="/favicon.ico"><meta name="generator" content="Astro v7.3.5"><link rel="stylesheet" href="/_astro/Eyebrow.CwJ9smpU.css"><style>@layer components{.hero-error_wrap{flex-direction:column;align-items:start;width:100%;display:flex}.hero-error_code{margin-bottom:var(--space-6);font-family:var(--pixel-family);font-size:min(var(--display) * 2.5, 40vw);line-height:var(--line-height-display);color:var(--brand-500)}}
</style></head><body><a href="#main" class="button_wrap skip-link"><span class="button_text text-style-trim">Skip to main content</span></a><header class="nav_wrap"><div class="nav_inner"><a class="nav_logo" href="/"><img class="nav_logo_mark" src="/favicon.svg" alt="" aria-hidden="true">Cusable</a><nav class="nav_menu" id="nav-menu" aria-label="Main"><div class="nav_menu_inner"><ul class="nav_links text-style-label"><li><a class="nav_link" href="/writing">Writing</a></li><li><a class="nav_link" href="/about">About</a></li></ul></div></nav><a href="/work/" class="button_wrap nav_cta"><span class="button_text text-style-trim">View work</span></a><button class="nav_toggle" type="button" aria-label="Menu" aria-expanded="false" aria-controls="nav-menu"><span class="nav_toggle_icon"></span></button></div></header><noscript><style>
    .nav_toggle {
      display: none;
    }
    .nav_menu {
      grid-template-rows: 1fr;
      visibility: visible;
    }
    .nav_menu_inner {
      opacity: 1;
    }
  </style></noscript><script type="module">var e=document.querySelector(`.nav_wrap`),t=e?.querySelector(`.nav_toggle`);if(e&&t){let n=n=>{e.classList.toggle(`open`,n),t.setAttribute(`aria-expanded`,String(n))};t.addEventListener(`click`,()=>{n(t.getAttribute(`aria-expanded`)!==`true`)}),e.querySelectorAll(`a`).forEach(e=>{e.addEventListener(`click`,()=>n(!1))}),document.addEventListener(`keydown`,r=>{r.key===`Escape`&&e.classList.contains(`open`)&&(n(!1),t.focus())}),document.addEventListener(`click`,t=>{let r=t.target;e.classList.contains(`open`)&&r instanceof Node&&(e.contains(r)||n(!1))}),window.matchMedia(`(width >= 48rem)`).addEventListener(`change`,e=>{e.matches&&n(!1)})}</script><main id="main" tabindex="-1"><section class="section flex-grow"><div class="container"><div class="hero-error_wrap"><p class="hero-error_code" aria-hidden="true">404</p><div class="eyebrow_wrap"><span class="eyebrow_marker" aria-hidden="true"></span><p class="eyebrow_text text-style-label">Error 404 · Module not found</p></div><h1 style="--_mw: 18ch;" class="heading text-style-h2">Nothing at this address.</h1><p style="--_mw: 44ch;" class="text text-style-large">The page may have moved, or the link that brought you here is out of date.</p><div class="button-wrapper"><a href="/work/" class="button_wrap"><span class="button_text text-style-trim">View work</span></a></div></div></div></section></main><footer class="footer_wrap theme-invert"><div class="footer_inner"><div class="footer_cta"><h2 style="--_mw: 22ch;" class="heading text-style-h2">See how I build systems that have to stay up.</h2><a href="/work/" class="button_wrap"><span class="button_text text-style-trim">View work</span></a></div><ul class="footer_links"><li><a class="footer_link" href="mailto:hello@cusable.com">hello@cusable.com</a></li><li><a class="footer_link" href="https://www.linkedin.com/in/nicklandryit" rel="noopener">LinkedIn</a></li></ul><p class="footer_mark" aria-hidden="true">CUSABLE</p><p class="footer_copyright text-style-label">&copy; 2026&#160;Cusable</p></div></footer></body></html>