about.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="About Zero State.">
<meta name="theme-color" content="#F4F0E8">
<title>About — 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">About</p>
    <h1>A software company at the beginning of its work.</h1>
    <p class="hero-lede">Zero State develops software from an adaptive, first-principles philosophy.</p>
  </section>

  <section class="section shell longform">
    <h2>Our position</h2>
    <p>We are neither waiting for the future nor claiming to own it. We are learning how to build responsibly within changing technological conditions.</p>

    <div class="threshold-cross"></div>

    <h2>Our method</h2>
    <p>We begin from reality, remove expired assumptions, preserve what remains true, and use emerging technologies deliberately.</p>

    <h2>Our standard</h2>
    <p>We allow the quality, coherence, and durability of the work to reveal whether the philosophy has value.</p>
  </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>