{{define "landing-content"}}
      <div class="landing-grid">
      <section class="hero">
        <h2 class="hero-title">Forging systems from controlled chaos.</h2>
        <p class="hero-sub">
          Engineering, music, and experiments connected under one namespace.
          This site is the central entry point to everything running on <strong>chaosmith.systems</strong>.
        </p>

        <div class="hero-grid">
          <div class="pill">
            <span>Engineering</span>
            Modular input devices, VR / XR tooling, custom infra.
          </div>
          <div class="pill">
            <span>Audio</span>
            Cinematic strings, deathstep textures, dreadful vibes.
          </div>
          <div class="pill">
            <span>Labs</span>
            Prototypes, agents, data stacks, weird side projects.
          </div>
        </div>

        <div class="hero-footer">
          <a class="btn-primary" href="/blog/" hx-get="/blog/" hx-target="main" hx-push-url="true">View blog</a>
          <p class="subnote">
            This is an evolving node. Expect broken links, work-in-progress bs,
            and the occasional cursed experiment.
          </p>
        </div>
      </section>

      <aside class="side">
        <div class="card">
          <h2>Currently in focus</h2>
          <ul class="list">
            <li>
              <span class="list-label">ARCHON GRID</span>
              <span class="list-tag">symbolic engine</span>
            </li>
            <li>
              <span class="list-label">Modular VR / XR input</span>
              <span class="list-tag">hardware</span>
            </li>
            <li>
              <span class="list-label">Star Citizen tools</span>
              <span class="list-tag">analytics</span>
            </li>
            <li>
              <span class="list-label">Dreadscore / deathstep</span>
              <span class="list-tag">music</span>
            </li>
          </ul>
        </div>

        <div class="card">
          <h2>Links & contact</h2>
          <p>Later this block can link to projects, docs, and public repos hosted on subdomains.</p>
          <div class="links">
            <div class="chip"><a href="https://git.chaosmith.systems">Git repos</a></div>
            <div class="chip"><a href="https://t.me/CyrnikBeerz">Telegram meme channel</a></div>
            <div class="chip"><a href="matrix:u/@pierre:chaosmith.systems">Matrix: @pierre:chaosmith.systems</a></div>
            <div class="chip"><a href="mailto:pierre@chaosmith.systems">Email: pierre@chaosmith.systems</a></div>
          </div>
        </div>
      </aside>
      <img src="ABSTRACTS.webp" style="box-shadow: 0 4px 24px rgba(0,0,0,0.6); border-radius: 6px;" />
      </div>
{{end}}