work.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Zero State products and experiments.">
<meta name="theme-color" content="#F4F0E8">
<title>Work — Zero State</title>
<link rel="icon" href="assets/zero-state-mark.svg" type="image/svg+xml">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>

<header class="site-header" data-header>
  <div class="shell nav-wrap">
    <a class="brand" href="index.html" aria-label="Zero State home">
      <img src="assets/zero-state-mark.svg" alt="" width="34" height="34">
      <span>ZERØ STATE</span>
    </a>
    <button class="menu-button" type="button" aria-expanded="false" aria-controls="site-nav" data-menu-button>
      <span class="sr-only">Toggle navigation</span><span></span><span></span>
    </button>
    <nav id="site-nav" class="site-nav" aria-label="Primary" data-nav>
      <a href="work.html">Work</a>
      <a href="philosophy.html">Philosophy</a>
      <a href="about.html">About</a>
      <a class="nav-cta" href="contact.html">Begin here</a>
    </nav>
  </div>
</header>

<main id="main">
  <section class="page-hero shell">
    <p class="eyebrow">Work</p>
    <h1>Products are the evidence.</h1>
    <p class="hero-lede">The portfolio is not a demonstration of a single category. It is a record of applying the same discipline to different problems.</p>
  </section>

  <section class="section shell evidence">
    <div class="evidence-list">
      <article class="evidence-item">
        <div class="evidence-index">01</div>
        <div class="evidence-body">
          <div class="evidence-meta">Governed symbolic intelligence</div>
          <h3>Abraxas</h3>
          <p>Abraxas v2.0 is a governed symbolic-intelligence architecture centered on deterministic execution, receipt-first provenance, observable processes, recursive continuity, contract-bound operators, and human-in-the-loop sovereignty over root definitions.</p>
          <p>Its default posture is advisory and projection-only unless a governed activation lane explicitly authorizes more.</p>
          <p class="status">Candidate · deploy held · production activation denied</p>
          <a class="text-link" href="products/abraxas.html">Open product page <span aria-hidden="true">↗</span></a>
        </div>
      </article>

      <article class="evidence-item">
        <div class="evidence-index">02</div>
        <div class="evidence-body">
          <div class="evidence-meta">Movement and presence</div>
          <h3>Waykin</h3>
          <p>Waykin investigates how movement, place, memory, and adaptive audio can form a more meaningful relationship between software and lived experience.</p>
          <p class="status">Active development</p>
          <a class="text-link" href="products/waykin.html">Open product page <span aria-hidden="true">↗</span></a>
        </div>
      </article>

      <article class="evidence-item">
        <div class="evidence-index">03</div>
        <div class="evidence-body">
          <div class="evidence-meta">Modular synthesis</div>
          <h3>PatchHive</h3>
          <p>PatchHive applies structured analysis and thoughtful interface design to the creative complexity of modular synthesis.</p>
          <p class="status">Active development</p>
          <a class="text-link" href="products/patchhive.html">Open product page <span aria-hidden="true">↗</span></a>
        </div>
      </article>

      <article class="evidence-item">
        <div class="evidence-index">04</div>
        <div class="evidence-body">
          <div class="evidence-meta">Tactical cyberpunk RPG</div>
          <h3>HexWire</h3>
          <p>HexWire is a tactical cyberpunk hex-grid RPG for iPhone and iPad built in SwiftUI and SpriteKit. Its pressure-driven combat loop makes every action trade power for exposure: Signal → Power → Trace → Escalation → Lay Low → Tempo Tradeoff.</p>
          <p>Four runners—street samurai, mage, decker, and face—move through six authored multi-room missions and interstitial scenes, supported by a persistent economy, faction heat, seeded replay rerolls, an endless gauntlet, and New Game+ scaling. GameState remains the single gameplay authority while UI and SpriteKit layers emit intents and render from state.</p>
          <p class="status">Stabilized vertical slice · CI-verified · device and App Store release gates remain</p>
          <a class="text-link" href="products/hexwire.html">Open product page <span aria-hidden="true">↗</span></a>
        </div>
      </article>

      <article class="evidence-item">
        <div class="evidence-index">05</div>
        <div class="evidence-body">
          <div class="evidence-meta">Satirical survivor roguelite</div>
          <h3>Surveillance Survivor</h3>
          <p>Surveillance Survivor is an iPhone-first satirical survivor roguelite about dodging privatized cameras, weaponizing suspicion, and extracting through temporary Blind Spots across a ten-city American campaign.</p>
          <p>Its deterministic Swift core is authoritative while SpriteKit projects the gameplay state through a SwiftUI application shell. The current vertical slice includes escalating Suspicion, destructible LPR poles, upgrades, district authorities, campaign unlocks, and Blind Spot extraction.</p>
          <p class="status">Active pre-alpha · simulator-ready vertical slice · not release-ready</p>
          <a class="text-link" href="products/surveillance-survivor.html">Open product page <span aria-hidden="true">↗</span></a>
        </div>
      </article>

      <article class="evidence-item">
        <div class="evidence-index">06</div>
        <div class="evidence-body">
          <div class="evidence-meta">Interactive systems</div>
          <h3>Experiments</h3>
          <p>Zero State experiments extend the same philosophy into unfamiliar formats where assumptions can be tested quickly and visibly.</p>
          <p class="status">Ongoing</p>
          <a class="text-link" href="products/experiments.html">Open product page <span aria-hidden="true">↗</span></a>
        </div>
      </article>
    </div>
  </section>
</main>

<footer class="site-footer">
  <div class="shell footer-grid">
    <a class="brand footer-brand" href="index.html">
      <img src="assets/zero-state-mark-inverse.svg" alt="" width="32" height="32">
      <span>ZERØ STATE</span>
    </a>
    <p>Software for a world that keeps changing.</p>
    <div class="footer-links">
      <a href="privacy.html">Privacy</a>
      <a href="terms.html">Terms</a>
      <span>© <span data-year></span> Zero State</span>
    </div>
  </div>
</footer>
<script src="script.js"></script>
</body>
</html>