diff --git a/landing/fonts/DepartureMono-Regular.woff b/landing/fonts/DepartureMono-Regular.woff
new file mode 100644
index 0000000..b7bb672
Binary files /dev/null and b/landing/fonts/DepartureMono-Regular.woff differ
diff --git a/landing/fonts/DepartureMono-Regular.woff2 b/landing/fonts/DepartureMono-Regular.woff2
new file mode 100644
index 0000000..b4a23dc
Binary files /dev/null and b/landing/fonts/DepartureMono-Regular.woff2 differ
diff --git a/landing/index.html b/landing/index.html
new file mode 100644
index 0000000..eae5656
--- /dev/null
+++ b/landing/index.html
@@ -0,0 +1,643 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Luna — Your Loyal AI Assistant</title>
+  <meta name="description" content="Luna is an open-source loyal AI assistant that handles tasks, answers questions, and manages workflows.">
+  <style>
+    @font-face {
+      font-family: 'Departure Mono';
+      src: url('fonts/DepartureMono-Regular.woff2') format('woff2'),
+           url('fonts/DepartureMono-Regular.woff') format('woff');
+      font-weight: normal;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+
+    :root {
+      --black: #1a1a1a;
+      --dark: #2a2a2a;
+      --gray: #888;
+      --light: #e8e8e8;
+      --bg: #f5f5f0;
+      --white: #ffffff;
+      --accent: #1a1a1a;
+    }
+
+    html { scroll-behavior: smooth; }
+
+    body {
+      background: var(--bg);
+      color: var(--black);
+      font-family: 'Departure Mono', 'Courier New', monospace;
+      font-size: 13px;
+      line-height: 1.6;
+      overflow-x: hidden;
+      min-height: 100vh;
+    }
+
+    /* ── Nav ── */
+    nav {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 24px 48px;
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 100;
+      background: var(--bg);
+    }
+
+    .nav-logo {
+      font-size: 14px;
+      font-weight: normal;
+      color: var(--black);
+      text-decoration: none;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .nav-logo-icon {
+      width: 24px;
+      height: 24px;
+      display: inline-block;
+      font-size: 18px;
+      line-height: 24px;
+    }
+
+    .nav-links {
+      display: flex;
+      gap: 32px;
+      list-style: none;
+    }
+
+    .nav-links a {
+      color: var(--gray);
+      text-decoration: none;
+      font-size: 12px;
+      transition: color 0.2s;
+    }
+
+    .nav-links a:hover {
+      color: var(--black);
+    }
+
+    /* ── Hero ── */
+    .hero {
+      min-height: 100vh;
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      align-items: center;
+      padding: 100px 48px 48px;
+      gap: 40px;
+    }
+
+    .hero-left {
+      max-width: 520px;
+    }
+
+    .hero-title {
+      font-family: 'Departure Mono', monospace;
+      font-size: 72px;
+      line-height: 0.95;
+      letter-spacing: -0.02em;
+      color: var(--black);
+      margin-bottom: 24px;
+      font-weight: normal;
+    }
+
+    .hero-title span {
+      display: block;
+    }
+
+    .hero-subtitle {
+      font-size: 14px;
+      color: var(--gray);
+      line-height: 1.7;
+      margin-bottom: 36px;
+      max-width: 400px;
+    }
+
+    .hero-actions {
+      display: flex;
+      align-items: center;
+      gap: 24px;
+    }
+
+    .btn-primary {
+      font-family: 'Departure Mono', monospace;
+      font-size: 12px;
+      padding: 14px 32px;
+      background: var(--black);
+      color: var(--white);
+      border: none;
+      cursor: pointer;
+      text-decoration: none;
+      display: inline-block;
+      transition: background 0.2s;
+    }
+
+    .btn-primary:hover {
+      background: var(--dark);
+    }
+
+    .btn-text {
+      font-family: 'Departure Mono', monospace;
+      font-size: 12px;
+      color: var(--gray);
+      text-decoration: none;
+      transition: color 0.2s;
+    }
+
+    .btn-text:hover {
+      color: var(--black);
+    }
+
+    .btn-text::after {
+      content: ' >';
+    }
+
+    /* ── ASCII Art Container ── */
+    .hero-right {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+    }
+
+    .ascii-art {
+      font-family: 'Departure Mono', monospace;
+      font-size: 5.5px;
+      line-height: 1.0;
+      letter-spacing: 0.02em;
+      color: var(--black);
+      white-space: pre;
+      user-select: none;
+      opacity: 0.85;
+    }
+
+    /* ── Features ── */
+    .features {
+      max-width: 1000px;
+      margin: 0 auto;
+      padding: 80px 48px;
+    }
+
+    .section-title {
+      font-size: 28px;
+      color: var(--black);
+      margin-bottom: 48px;
+      font-weight: normal;
+    }
+
+    .features-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 32px;
+    }
+
+    .feature {
+      padding: 24px 0;
+      border-top: 1px solid var(--light);
+    }
+
+    .feature-name {
+      font-size: 13px;
+      color: var(--black);
+      margin-bottom: 8px;
+    }
+
+    .feature-desc {
+      font-size: 11px;
+      color: var(--gray);
+      line-height: 1.6;
+    }
+
+    /* ── Terminal CTA ── */
+    .terminal-section {
+      max-width: 600px;
+      margin: 0 auto;
+      padding: 60px 48px;
+      text-align: center;
+    }
+
+    .terminal-block {
+      border: 1px solid var(--light);
+      padding: 24px 28px;
+      text-align: left;
+      margin-bottom: 32px;
+      background: var(--white);
+    }
+
+    .terminal-block .line {
+      font-size: 12px;
+      color: var(--gray);
+      line-height: 2;
+    }
+
+    .terminal-block .line .prompt {
+      color: var(--black);
+    }
+
+    .cta-row {
+      display: flex;
+      gap: 24px;
+      justify-content: center;
+    }
+
+    /* ── Footer ── */
+    footer {
+      text-align: center;
+      padding: 48px;
+      border-top: 1px solid var(--light);
+      font-size: 11px;
+      color: var(--gray);
+    }
+
+    footer a {
+      color: var(--black);
+      text-decoration: none;
+    }
+
+    /* ── Responsive ── */
+    @media (max-width: 900px) {
+      .hero {
+        grid-template-columns: 1fr;
+        text-align: center;
+        padding-top: 120px;
+      }
+
+      .hero-left {
+        max-width: 100%;
+      }
+
+      .hero-subtitle {
+        max-width: 100%;
+      }
+
+      .hero-actions {
+        justify-content: center;
+      }
+
+      .hero-right {
+        order: -1;
+      }
+
+      .ascii-art {
+        font-size: 3.5px;
+      }
+
+      .hero-title {
+        font-size: 48px;
+      }
+
+      .features-grid {
+        grid-template-columns: 1fr;
+      }
+
+      nav {
+        padding: 16px 24px;
+      }
+
+      .nav-links {
+        display: none;
+      }
+    }
+
+    @media (max-width: 480px) {
+      .hero-title { font-size: 36px; }
+      .ascii-art { font-size: 2.8px; }
+      .hero { padding: 100px 24px 40px; }
+      .features { padding: 48px 24px; }
+    }
+  </style>
+</head>
+<body>
+
+  <!-- ── Nav ── -->
+  <nav>
+    <a class="nav-logo" href="#">
+      <span class="nav-logo-icon">~</span>
+      luna
+    </a>
+    <ul class="nav-links">
+      <li><a href="#features">Features</a></li>
+      <li><a href="#get-started">Get Started</a></li>
+      <li><a href="https://github.com/Array-Ventures/coworker">GitHub</a></li>
+    </ul>
+  </nav>
+
+  <!-- ── Hero ── -->
+  <section class="hero">
+    <div class="hero-left">
+      <h1 class="hero-title">
+        <span>LUNA</span>
+        <span>AI</span>
+        <span>AGENT</span>
+      </h1>
+      <p class="hero-subtitle">
+        Your loyal AI assistant, helping you
+        manage tasks, build apps, and make
+        smarter decisions.
+      </p>
+      <div class="hero-actions">
+        <a class="btn-primary" href="https://github.com/Array-Ventures/coworker">Get Started</a>
+        <a class="btn-text" href="#features">See How It Works</a>
+      </div>
+    </div>
+    <div class="hero-right">
+      <pre class="ascii-art" id="luna-art" aria-label="ASCII art of Luna the corgi"></pre>
+    </div>
+  </section>
+
+  <!-- ── Features ── -->
+  <section class="features" id="features">
+    <h2 class="section-title">What Luna can do</h2>
+    <div class="features-grid">
+      <div class="feature">
+        <div class="feature-name">Chat Assistant</div>
+        <div class="feature-desc">Answer questions, draft content, summarize documents, brainstorm ideas</div>
+      </div>
+      <div class="feature">
+        <div class="feature-name">App Builder</div>
+        <div class="feature-desc">Create internal dashboards and tools, maintained with git version control</div>
+      </div>
+      <div class="feature">
+        <div class="feature-name">Skills Marketplace</div>
+        <div class="feature-desc">Install community-built skills and extend capabilities on the fly</div>
+      </div>
+      <div class="feature">
+        <div class="feature-name">Scheduled Tasks</div>
+        <div class="feature-desc">Run recurring workflows on a cron schedule, fully autonomous</div>
+      </div>
+      <div class="feature">
+        <div class="feature-name">Integrations</div>
+        <div class="feature-desc">Google Workspace, WhatsApp, and any MCP-compatible service</div>
+      </div>
+      <div class="feature">
+        <div class="feature-name">Multi-Provider</div>
+        <div class="feature-desc">OpenAI, Anthropic, Google, Groq, or any compatible endpoint</div>
+      </div>
+    </div>
+  </section>
+
+  <!-- ── Get Started ── -->
+  <section class="terminal-section" id="get-started">
+    <div class="terminal-block">
+      <div class="line"><span class="prompt">$ </span>git clone https://github.com/Array-Ventures/coworker</div>
+      <div class="line"><span class="prompt">$ </span>bun install</div>
+      <div class="line"><span class="prompt">$ </span>bun run dev</div>
+    </div>
+    <div class="cta-row">
+      <a class="btn-primary" href="https://github.com/Array-Ventures/coworker">View on GitHub</a>
+      <a class="btn-text" href="https://github.com/Array-Ventures/coworker/releases">Download App</a>
+    </div>
+  </section>
+
+  <!-- ── Footer ── -->
+  <footer>
+    built by <a href="https://github.com/Array-Ventures">array ventures</a>
+  </footer>
+
+  <script>
+    // ══════════════════════════════════════════════════════════════════
+    //  LUNA — Horizontal-line "halftone" ASCII art
+    //
+    //  Technique: Dense horizontal lines (─) fill the background.
+    //  The corgi figure is carved out as NEGATIVE SPACE (blank/space).
+    //  Where the figure is, lines are broken/absent.
+    //  This creates a stencil/screen-print effect on a white page.
+    //
+    //  Grid: ~100 wide × 60 tall
+    //  Characters:  ─ (line), space (figure), . (light texture)
+    // ══════════════════════════════════════════════════════════════════
+
+    // Frame 1: Luna facing screen — ears up, sitting, front view of face
+    const F1 = `
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────                                      ──────────────────────────────────
+──────────────────────────                                          ────────────────────────────────
+────────────────────────               ──────────────                 ──────────────────────────────
+───────────────────────          ─────────────────────────              ────────────────────────────
+──────────────────────        ─────────────────────────────              ───────────────────────────
+─────────────────────       ─────────────────────────────────             ──────────────────────────
+──────────────────────     ────────────────────────────────────            ─────────────────────────
+───────────────────────   ──────────────────────────────────────           ─────────────────────────
+────────────────────────  ───────────────────────────────────────          ─────────────────────────
+──────────────────────── ─────────────────────────────────────────         ─────────────────────────
+───────────────────────  ──────────────────────────────────────────        ─────────────────────────
+───────────────────────  ──────────────────────────────────────────        ─────────────────────────
+───────────────────────  ──────────────────────────────────────────        ─────────────────────────
+───────────────────────  ───────────────────────────────────────────       ─────────────────────────
+──────────────────────  ─────────────────────────────────────────────      ─────────────────────────
+──────────────────────  ──────────────────────────────────────────────     ─────────────────────────
+─────────────────────  ────────────────────────────────────────────────    ─────────────────────────
+─────────────────────  ────────────────────────────────────────────────    ─────────────────────────
+─────────────────────  ─────────────────────────────────────────────────   ─────────────────────────
+────────────────────  ───────          ─────────────          ──────────   ─────────────────────────
+────────────────────  ──────            ───────────            ─────────   ─────────────────────────
+────────────────────  ─────   ───────    ─────────   ───────    ────────   ─────────────────────────
+────────────────────  ─────  ─────────   ─────────  ─────────   ────────   ─────────────────────────
+────────────────────  ─────  ─────────   ─────────  ─────────   ────────   ─────────────────────────
+────────────────────  ─────  ──────────  ─────────  ──────────  ────────   ─────────────────────────
+────────────────────  ──────  ─────────  ─────────  ─────────  ─────────   ─────────────────────────
+─────────────────────  ──────            ─────────            ─────────    ─────────────────────────
+─────────────────────  ───────          ─────────────          ────────    ─────────────────────────
+─────────────────────  ────────────────────────────────────────────────    ─────────────────────────
+─────────────────────  ────────────────────────────────────────────────    ─────────────────────────
+──────────────────────  ──────────────────────────────────────────────     ─────────────────────────
+──────────────────────  ──────────────────       ─────────────────────     ─────────────────────────
+──────────────────────  ─────────────────         ────────────────────     ─────────────────────────
+───────────────────────  ────────────────         ───────────────────      ─────────────────────────
+───────────────────────  ─────────────────       ────────────────────      ─────────────────────────
+───────────────────────   ───────────────────────────────────────────      ─────────────────────────
+────────────────────────  ──────────────────────────────────────────       ─────────────────────────
+─────────────────────────  ──────────          ──────────                  ─────────────────────────
+──────────────────────────  ──────                ──────                   ─────────────────────────
+───────────────────────────                                             ────────────────────────────
+──────────────────────────                                              ────────────────────────────
+─────────────────────────                                                ───────────────────────────
+────────────────────────                                                  ──────────────────────────
+───────────────────────                                                    ─────────────────────────
+──────────────────────                                                      ────────────────────────
+─────────────────────                                                        ───────────────────────
+─────────────────────                                                         ──────────────────────
+─────────────────────                                                          ─────────────────────
+─────────────────────                                                           ────────────────────
+─────────────────────                                                           ────────────────────
+──────────────────────                                                         ─────────────────────
+──────────────────────                                                         ─────────────────────
+───────────────────────                                                       ──────────────────────
+─────────────────────────                                                   ────────────────────────
+───────────────────────────                                              ───────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────`;
+
+    // Frame 2: Luna head turned slightly right — ears shift, face angled
+    const F2 = `
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────
+──────────────────────────────────                                ──────────────────────────────────
+────────────────────────────────                                    ────────────────────────────────
+──────────────────────────────             ──────────────              ─────────────────────────────
+─────────────────────────────        ─────────────────────────          ───────────────────────────
+────────────────────────────       ─────────────────────────────         ──────────────────────────
+───────────────────────────      ─────────────────────────────────        ─────────────────────────
+───────────────────────────     ────────────────────────────────────       ─────────────────────────
+───────────────────────────    ──────────────────────────────────────      ─────────────────────────
+───────────────────────────   ───────────────────────────────────────      ─────────────────────────
+───────────────────────────   ────────────────────────────────────────     ─────────────────────────
+───────────────────────────  ──────────────────────────────────────────    ─────────────────────────
+───────────────────────────  ──────────────────────────────────────────    ─────────────────────────
+───────────────────────────  ──────────────────────────────────────────    ─────────────────────────
+───────────────────────────  ───────────────────────────────────────────   ─────────────────────────
+──────────────────────────  ─────────────────────────────────────────────  ─────────────────────────
+──────────────────────────  ──────────────────────────────────────────────  ────────────────────────
+──────────────────────────  ────────────────────────────────────────────── ─────────────────────────
+──────────────────────────  ────────────────────────────────────────────── ─────────────────────────
+─────────────────────────  ──────────────────────────────────────────────── ────────────────────────
+─────────────────────────  ────────────          ──────────          ────── ────────────────────────
+─────────────────────────  ───────────            ─────────           ───── ────────────────────────
+─────────────────────────  ──────────   ───────    ────────   ───────  ──── ────────────────────────
+─────────────────────────  ──────────  ─────────   ────────  ─────────  ─── ────────────────────────
+─────────────────────────  ──────────  ─────────   ────────  ─────────  ─── ────────────────────────
+─────────────────────────  ──────────  ──────────  ────────  ──────────  ── ────────────────────────
+─────────────────────────  ───────────  ─────────  ────────  ─────────  ─── ────────────────────────
+──────────────────────────  ──────────            ──────────           ──── ────────────────────────
+──────────────────────────  ───────────          ────────────          ──── ────────────────────────
+──────────────────────────  ──────────────────────────────────────────────  ────────────────────────
+──────────────────────────  ──────────────────────────────────────────────  ────────────────────────
+──────────────────────────  ─────────────────────────────────────────────  ─────────────────────────
+───────────────────────────  ─────────────────          ─────────────────  ─────────────────────────
+───────────────────────────  ────────────────            ────────────────  ─────────────────────────
+───────────────────────────  ─────────────────          ────────────────   ─────────────────────────
+───────────────────────────   ────────────────────────────────────────    ──────────────────────────
+────────────────────────────  ──────────────────────────────────────────  ──────────────────────────
+─────────────────────────────  ────────────────────────────────────────   ──────────────────────────
+──────────────────────────────  ──────────          ──────────           ────────────────────────────
+───────────────────────────────  ──────                ──────           ─────────────────────────────
+────────────────────────────────                                      ──────────────────────────────
+────────────────────────────────                                      ──────────────────────────────
+───────────────────────────────                                        ─────────────────────────────
+──────────────────────────────                                          ────────────────────────────
+─────────────────────────────                                            ───────────────────────────
+────────────────────────────                                              ──────────────────────────
+───────────────────────────                                                ─────────────────────────
+───────────────────────────                                                 ────────────────────────
+──────────────────────────                                                   ───────────────────────
+──────────────────────────                                                    ──────────────────────
+──────────────────────────                                                    ──────────────────────
+──────────────────────────                                                   ───────────────────────
+───────────────────────────                                                  ───────────────────────
+────────────────────────────                                               ─────────────────────────
+──────────────────────────────                                           ───────────────────────────
+────────────────────────────────                                       ─────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────`;
+
+    // Frame 3: Luna head turned left — mirror shift
+    const F3 = `
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────                                ────────────────────────────────────────────
+──────────────────────                                    ──────────────────────────────────────────
+────────────────────              ──────────────             ───────────────────────────────────────
+──────────────────          ─────────────────────────         ─────────────────────────────────────
+─────────────────         ─────────────────────────────        ────────────────────────────────────
+────────────────        ─────────────────────────────────       ───────────────────────────────────
+────────────────       ────────────────────────────────────      ──────────────────────────────────
+────────────────      ──────────────────────────────────────     ──────────────────────────────────
+────────────────     ───────────────────────────────────────     ──────────────────────────────────
+────────────────     ────────────────────────────────────────    ──────────────────────────────────
+────────────────    ──────────────────────────────────────────   ──────────────────────────────────
+────────────────    ──────────────────────────────────────────   ──────────────────────────────────
+────────────────    ──────────────────────────────────────────   ──────────────────────────────────
+────────────────   ───────────────────────────────────────────   ──────────────────────────────────
+────────────────  ─────────────────────────────────────────────  ──────────────────────────────────
+────────────────  ──────────────────────────────────────────────  ─────────────────────────────────
+────────────────  ──────────────────────────────────────────────  ─────────────────────────────────
+────────────────  ──────────────────────────────────────────────  ─────────────────────────────────
+───────────────  ────────────────────────────────────────────────  ────────────────────────────────
+───────────────  ──────          ──────────          ────────────  ────────────────────────────────
+───────────────  ─────            ─────────            ──────────  ────────────────────────────────
+───────────────  ────   ───────    ────────   ───────    ─────────  ───────────────────────────────
+───────────────  ────  ─────────   ────────  ─────────   ─────────  ───────────────────────────────
+───────────────  ────  ─────────   ────────  ─────────   ─────────  ───────────────────────────────
+───────────────  ────  ──────────  ────────  ──────────  ─────────  ───────────────────────────────
+───────────────  ─────  ─────────  ────────  ─────────  ──────────  ───────────────────────────────
+───────────────  ──────            ──────────           ──────────  ───────────────────────────────
+────────────────  ──────          ────────────          ──────────  ───────────────────────────────
+────────────────  ──────────────────────────────────────────────  ─────────────────────────────────
+────────────────  ──────────────────────────────────────────────  ─────────────────────────────────
+────────────────  ─────────────────────────────────────────────  ──────────────────────────────────
+────────────────  ─────────────────          ──────────────────  ──────────────────────────────────
+────────────────  ────────────────            ─────────────────  ──────────────────────────────────
+─────────────────  ────────────────          ─────────────────   ──────────────────────────────────
+─────────────────  ───────────────────────────────────────────   ──────────────────────────────────
+─────────────────  ─────────────────────────────────────────── ────────────────────────────────────
+──────────────────  ────────────────────────────────────────  ─────────────────────────────────────
+───────────────────           ──────────          ──────────  ─────────────────────────────────────
+────────────────────           ──────                ──────  ──────────────────────────────────────
+─────────────────────                                       ───────────────────────────────────────
+─────────────────────                                       ───────────────────────────────────────
+──────────────────────                                      ───────────────────────────────────────
+───────────────────────                                    ────────────────────────────────────────
+────────────────────────                                  ─────────────────────────────────────────
+─────────────────────────                                ──────────────────────────────────────────
+──────────────────────────                              ───────────────────────────────────────────
+───────────────────────────                            ────────────────────────────────────────────
+────────────────────────────                          ─────────────────────────────────────────────
+────────────────────────────                           ────────────────────────────────────────────
+────────────────────────────                           ────────────────────────────────────────────
+───────────────────────────                            ────────────────────────────────────────────
+───────────────────────────                           ─────────────────────────────────────────────
+──────────────────────────                           ──────────────────────────────────────────────
+─────────────────────────                          ────────────────────────────────────────────────
+───────────────────────                          ──────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────
+────────────────────────────────────────────────────────────────────────────────────────────────────`;
+
+    // ══════════════════════════════════════════════════════════
+    //  ANIMATION ENGINE
+    // ══════════════════════════════════════════════════════════
+
+    const artEl = document.getElementById('luna-art');
+
+    const sequence = [
+      { frame: F1, duration: 3000 },
+      { frame: F2, duration: 2000 },
+      { frame: F1, duration: 2500 },
+      { frame: F3, duration: 2000 },
+      { frame: F1, duration: 3000 },
+      { frame: F2, duration: 1500 },
+      { frame: F3, duration: 1500 },
+      { frame: F1, duration: 4000 },
+    ];
+
+    let frameIndex = 0;
+
+    function render() {
+      const step = sequence[frameIndex];
+      artEl.textContent = step.frame;
+      frameIndex = (frameIndex + 1) % sequence.length;
+      setTimeout(render, step.duration);
+    }
+
+    // Boot
+    render();
+  </script>
+</body>
+</html>
