Wednesday, April 15, 2026

is my meow unique to me

a children's book


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Is My Meow Unique To Me?</title>
<style>
  @import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700&display=swap');

  * { margin: 0; padding: 0; box-sizing: border-box; }

  :root {
    --cream: #FFF8F0;
    --warm-orange: #FF8C42;
    --soft-yellow: #FFD166;
    --lavender: #C8A7E7;
    --sky: #92D5E6;
    --sage: #A8D5A2;
    --rose: #F7A8B8;
    --deep-teal: #2A6F7F;
    --ink: #2C2030;
  }

  body {
    background: var(--ink);
    font-family: 'Nunito', sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }

  h1.series-title {
    font-family: 'Fredoka One', cursive;
    color: var(--soft-yellow);
    font-size: clamp(1.2rem, 3vw, 1.8rem);
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 30px;
    opacity: 0.7;
  }

  .book-container {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 700px;
  }

  .page {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 6px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.5);
    animation: fadeUp 0.6s ease both;
  }

  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .page:nth-child(1) { animation-delay: 0.1s; }
  .page:nth-child(2) { animation-delay: 0.2s; }
  .page:nth-child(3) { animation-delay: 0.3s; }
  .page:nth-child(4) { animation-delay: 0.4s; }
  .page:nth-child(5) { animation-delay: 0.5s; }
  .page:nth-child(6) { animation-delay: 0.6s; }
  .page:nth-child(7) { animation-delay: 0.7s; }
  .page:nth-child(8) { animation-delay: 0.8s; }
  .page:nth-child(9) { animation-delay: 0.9s; }
  .page:nth-child(10) { animation-delay: 1.0s; }

  .illustration {
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  /* SVG illustrations inline */
  .illustration svg {
    width: 100%;
    display: block;
  }

  .text-block {
    padding: 24px 30px;
    background: var(--cream);
  }

  .page-num {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #aaa;
    margin-bottom: 6px;
    font-weight: 600;
  }

  .page-text {
    font-family: 'Fredoka One', cursive;
    font-size: clamp(1.1rem, 3.5vw, 1.6rem);
    line-height: 1.55;
    color: var(--ink);
  }

  /* COVER */
  .cover .text-block {
    background: var(--ink);
    text-align: center;
    padding: 30px;
  }
  .cover .page-text {
    color: var(--soft-yellow);
    font-size: clamp(1.6rem, 5vw, 2.4rem);
  }
  .cover .subtitle {
    font-family: 'Nunito', sans-serif;
    color: var(--lavender);
    font-size: 0.9rem;
    margin-top: 10px;
    letter-spacing: 1px;
  }

  /* LAST PAGE */
  .end .text-block {
    background: var(--ink);
    text-align: center;
  }
  .end .page-text {
    color: var(--soft-yellow);
    font-size: clamp(1.3rem, 4vw, 1.9rem);
  }

</style>
</head>
<body>

<div class="book-container">

  <!-- COVER -->
  <div class="page cover">
    <div class="illustration">
      <svg viewBox="0 0 700 420" xmlns="http://www.w3.org/2000/svg">
        <!-- Night sky background -->
        <rect width="700" height="420" fill="#1A0E2E"/>
        <!-- Stars -->
        <circle cx="80" cy="40" r="1.5" fill="white" opacity="0.9"/>
        <circle cx="150" cy="70" r="1" fill="white" opacity="0.7"/>
        <circle cx="250" cy="25" r="2" fill="white" opacity="0.8"/>
        <circle cx="400" cy="50" r="1.5" fill="white" opacity="0.9"/>
        <circle cx="560" cy="30" r="1" fill="white" opacity="0.6"/>
        <circle cx="620" cy="80" r="2" fill="white" opacity="0.7"/>
        <circle cx="330" cy="15" r="1" fill="white" opacity="0.8"/>
        <circle cx="490" cy="60" r="1.5" fill="white" opacity="0.9"/>
        <circle cx="640" cy="45" r="1" fill="white" opacity="0.7"/>
        <circle cx="45" cy="110" r="1" fill="white" opacity="0.5"/>
        <circle cx="680" cy="130" r="1.5" fill="white" opacity="0.8"/>
        <!-- Moon -->
        <circle cx="580" cy="80" r="50" fill="#FFE566"/>
        <circle cx="600" cy="60" r="50" fill="#1A0E2E"/>
        <!-- Rolling hills -->
        <ellipse cx="200" cy="450" rx="300" ry="120" fill="#2A4A2E"/>
        <ellipse cx="550" cy="470" rx="280" ry="100" fill="#1E3A22"/>
        <!-- House silhouette -->
        <rect x="290" y="260" width="120" height="90" fill="#0D1A0F"/>
        <polygon points="270,260 350,200 430,260" fill="#0D1A0F"/>
        <rect x="325" y="300" width="30" height="50" fill="#2A1A0E"/>
        <rect x="295" y="268" width="22" height="22" fill="#FFD166" opacity="0.6"/>
        <rect x="383" y="268" width="22" height="22" fill="#FFD166" opacity="0.6"/>
        <!-- Window warm glow -->
        <rect x="295" y="268" width="22" height="22" fill="#FF8C42" opacity="0.3"/>
        <rect x="383" y="268" width="22" height="22" fill="#FF8C42" opacity="0.3"/>
        <!-- Big cat on windowsill -->
        <!-- Body -->
        <ellipse cx="360" cy="355" rx="35" ry="22" fill="#E8A87C"/>
        <!-- Head -->
        <circle cx="395" cy="342" r="22" fill="#E8A87C"/>
        <!-- Ears -->
        <polygon points="383,325 378,308 396,318" fill="#E8A87C"/>
        <polygon points="407,325 412,308 396,318" fill="#E8A87C"/>
        <polygon points="384,323 380,311 394,319" fill="#C87050"/>
        <polygon points="406,323 410,311 395,319" fill="#C87050"/>
        <!-- Eyes -->
        <ellipse cx="389" cy="341" rx="4" ry="5" fill="#2C2030"/>
        <ellipse cx="401" cy="341" rx="4" ry="5" fill="#2C2030"/>
        <circle cx="390" cy="340" r="1.5" fill="white"/>
        <circle cx="402" cy="340" r="1.5" fill="white"/>
        <!-- Nose -->
        <polygon points="395,346 392,349 398,349" fill="#D06060"/>
        <!-- Mouth curve -->
        <path d="M392,349 Q395,352 398,349" stroke="#C05050" stroke-width="1" fill="none"/>
        <!-- Whiskers -->
        <line x1="395" y1="347" x2="370" y2="344" stroke="#888" stroke-width="1"/>
        <line x1="395" y1="348" x2="370" y2="350" stroke="#888" stroke-width="1"/>
        <line x1="395" y1="347" x2="420" y2="344" stroke="#888" stroke-width="1"/>
        <line x1="395" y1="348" x2="420" y2="350" stroke="#888" stroke-width="1"/>
        <!-- Tail curl -->
        <path d="M330,348 Q310,365 320,375 Q330,385 345,375" stroke="#E8A87C" stroke-width="8" fill="none" stroke-linecap="round"/>
        <!-- MEOW sound wave coming from cat -->
        <text x="420" y="320" font-family="Fredoka One, cursive" font-size="28" fill="#92D5E6" opacity="0.9" transform="rotate(-10,420,320)">meow?</text>
        <!-- Decorative dots/sparkles around meow -->
        <circle cx="416" cy="295" r="3" fill="#FFD166" opacity="0.8"/>
        <circle cx="480" cy="308" r="2" fill="#F7A8B8" opacity="0.8"/>
        <circle cx="510" cy="295" r="3" fill="#C8A7E7" opacity="0.8"/>
      </svg>
    </div>
    <div class="text-block">
      <div class="page-text">Is My Meow<br>Unique To Me?</div>
      <div class="subtitle">A story about the sounds we make and the hearts they reach</div>
    </div>
  </div>

  <!-- PAGE 1 -->
  <div class="page">
    <div class="illustration">
      <svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
        <rect width="700" height="380" fill="#FFF0D8"/>
        <!-- Sunbeams -->
        <line x1="120" y1="0" x2="200" y2="380" stroke="#FFD166" stroke-width="40" opacity="0.15"/>
        <line x1="240" y1="0" x2="320" y2="380" stroke="#FFD166" stroke-width="30" opacity="0.10"/>
        <!-- Floor -->
        <rect x="0" y="300" width="700" height="80" fill="#DEB887"/>
        <!-- Rug -->
        <ellipse cx="350" cy="320" rx="200" ry="30" fill="#FF8C42" opacity="0.4"/>
        <ellipse cx="350" cy="320" rx="160" ry="22" fill="#FF6B35" opacity="0.3"/>
        <!-- Window frame -->
        <rect x="520" y="40" width="140" height="180" rx="5" fill="#92D5E6" opacity="0.6"/>
        <rect x="520" y="40" width="140" height="180" rx="5" fill="none" stroke="#C8A87C" stroke-width="8"/>
        <line x1="590" y1="40" x2="590" y2="220" stroke="#C8A87C" stroke-width="5"/>
        <line x1="520" y1="130" x2="660" y2="130" stroke="#C8A87C" stroke-width="5"/>
        <!-- Plant on windowsill -->
        <rect x="630" y="215" width="20" height="18" fill="#8B5E3C"/>
        <circle cx="640" cy="205" r="16" fill="#5A9A3A"/>
        <circle cx="628" cy="210" r="10" fill="#4A8A2A"/>
        <circle cx="652" cy="210" r="10" fill="#6AAA4A"/>
        <!-- Orange cat sitting, looking up -->
        <!-- Body -->
        <ellipse cx="280" cy="290" rx="55" ry="45" fill="#E8824A"/>
        <!-- Tail -->
        <path d="M235,300 Q190,340 210,360 Q230,375 250,360 Q260,350 255,330" stroke="#E8824A" stroke-width="14" fill="none" stroke-linecap="round"/>
        <!-- Head -->
        <circle cx="280" cy="225" r="45" fill="#E8824A"/>
        <!-- Ears -->
        <polygon points="258,192 248,165 275,183" fill="#E8824A"/>
        <polygon points="302,192 312,165 285,183" fill="#E8824A"/>
        <polygon points="260,190 252,168 273,183" fill="#C86030"/>
        <polygon points="300,190 308,168 287,183" fill="#C86030"/>
        <!-- Eyes looking up wide -->
        <ellipse cx="268" cy="222" rx="7" ry="9" fill="#2C1A10"/>
        <ellipse cx="292" cy="222" rx="7" ry="9" fill="#2C1A10"/>
        <circle cx="270" cy="220" r="3" fill="white"/>
        <circle cx="294" cy="220" r="3" fill="white"/>
        <!-- Glint -->
        <!-- Nose -->
        <polygon points="280,232 276,237 284,237" fill="#D05050"/>
        <!-- Mouth open for meow -->
        <path d="M275,238 Q280,245 285,238" stroke="#B04040" stroke-width="2" fill="#FF8080" opacity="0.7"/>
        <!-- Whiskers -->
        <line x1="280" y1="235" x2="240" y2="228" stroke="#666" stroke-width="1.5"/>
        <line x1="280" y1="236" x2="240" y2="238" stroke="#666" stroke-width="1.5"/>
        <line x1="280" y1="237" x2="240" y2="248" stroke="#666" stroke-width="1.5"/>
        <line x1="280" y1="235" x2="320" y2="228" stroke="#666" stroke-width="1.5"/>
        <line x1="280" y1="236" x2="320" y2="238" stroke="#666" stroke-width="1.5"/>
        <line x1="280" y1="237" x2="320" y2="248" stroke="#666" stroke-width="1.5"/>
        <!-- MEOW in big letters floating up -->
        <text x="340" y="200" font-family="Fredoka One, cursive" font-size="52" fill="#FF8C42" opacity="0.9">MEOW!</text>
        <!-- Sound waves -->
        <path d="M335,195 Q320,170 335,145" stroke="#FF8C42" stroke-width="3" fill="none" opacity="0.5"/>
        <path d="M325,195 Q305,165 325,138" stroke="#FF8C42" stroke-width="2" fill="none" opacity="0.3"/>
        <!-- Stripes on cat -->
        <path d="M260,200 Q270,195 280,200" stroke="#C86030" stroke-width="2" fill="none" opacity="0.6"/>
        <path d="M258,210 Q270,204 282,210" stroke="#C86030" stroke-width="2" fill="none" opacity="0.6"/>
        <path d="M255,240 Q270,270 285,265 Q300,262 310,240" stroke="#C86030" stroke-width="3" fill="none" opacity="0.4"/>
      </svg>
    </div>
    <div class="text-block">
      <div class="page-num">page 1</div>
      <div class="page-text">Every morning, Mango opened his mouth and let out a big, round MEOW.<br><br>But one day, he stopped and wondered...</div>
    </div>
  </div>

  <!-- PAGE 2 -->
  <div class="page">
    <div class="illustration">
      <svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
        <rect width="700" height="380" fill="#E8F4F8"/>
        <!-- Clouds -->
        <ellipse cx="150" cy="60" rx="80" ry="35" fill="white" opacity="0.9"/>
        <ellipse cx="200" cy="50" rx="60" ry="30" fill="white" opacity="0.9"/>
        <ellipse cx="110" cy="55" rx="50" ry="28" fill="white" opacity="0.9"/>
        <ellipse cx="550" cy="80" rx="70" ry="30" fill="white" opacity="0.8"/>
        <ellipse cx="610" cy="70" rx="55" ry="26" fill="white" opacity="0.8"/>
        <!-- Grass -->
        <rect x="0" y="290" width="700" height="90" fill="#5B9A3A"/>
        <!-- Garden path -->
        <ellipse cx="350" cy="370" rx="180" ry="25" fill="#C8A87C" opacity="0.5"/>
        <!-- Big tabby cat sitting in garden - thinking pose -->
        <ellipse cx="340" cy="295" rx="60" ry="50" fill="#C8A060"/>
        <!-- tabby stripes on body -->
        <path d="M295,280 Q320,270 345,280" stroke="#8B6A30" stroke-width="3" fill="none" opacity="0.5"/>
        <path d="M292,296 Q320,285 348,296" stroke="#8B6A30" stroke-width="3" fill="none" opacity="0.5"/>
        <path d="M294,310 Q320,300 346,310" stroke="#8B6A30" stroke-width="3" fill="none" opacity="0.5"/>
        <!-- Tail wrapping around -->
        <path d="M285,320 Q250,360 270,375 Q295,385 310,365 Q320,348 305,330" stroke="#C8A060" stroke-width="14" fill="none" stroke-linecap="round"/>
        <!-- Head tilted - thinking -->
        <circle cx="348" cy="240" r="48" fill="#C8A060" transform="rotate(8,348,240)"/>
        <!-- tabby stripes on face -->
        <path d="M330,210 Q345,205 360,210" stroke="#8B6A30" stroke-width="2" fill="none" opacity="0.5"/>
        <path d="M327,218 Q345,213 363,218" stroke="#8B6A30" stroke-width="2" fill="none" opacity="0.4"/>
        <!-- Ears -->
        <polygon points="325,212 316,188 340,200" fill="#C8A060"/>
        <polygon points="370,212 380,188 358,200" fill="#C8A060"/>
        <polygon points="326,210 319,191 338,200" fill="#A07840"/>
        <polygon points="369,210 377,191 360,200" fill="#A07840"/>
        <!-- Eyes looking sideways thoughtful -->
        <ellipse cx="334" cy="238" rx="7" ry="6" fill="#4A3020"/>
        <ellipse cx="362" cy="235" rx="7" ry="6" fill="#4A3020"/>
        <circle cx="336" cy="237" r="2.5" fill="white"/>
        <circle cx="364" cy="234" r="2.5" fill="white"/>
        <!-- Eyebrow furrowed -->
        <path d="M327,229 Q334,225 341,228" stroke="#8B6A30" stroke-width="2" fill="none"/>
        <path d="M355,226 Q362,222 369,225" stroke="#8B6A30" stroke-width="2" fill="none"/>
        <!-- Nose -->
        <polygon points="348,246 344,251 352,251" fill="#C05050"/>
        <!-- Closed mouth thinking -->
        <path d="M344,252 Q348,254 352,252" stroke="#A04040" stroke-width="1.5" fill="none"/>
        <!-- Whiskers -->
        <line x1="348" y1="248" x2="305" y2="240" stroke="#888" stroke-width="1.5"/>
        <line x1="348" y1="249" x2="305" y2="250" stroke="#888" stroke-width="1.5"/>
        <line x1="348" y1="248" x2="391" y2="240" stroke="#888" stroke-width="1.5"/>
        <line x1="348" y1="249" x2="391" y2="250" stroke="#888" stroke-width="1.5"/>
        <!-- Thought bubble -->
        <circle cx="420" cy="200" r="5" fill="white" opacity="0.8"/>
        <circle cx="440" cy="182" r="8" fill="white" opacity="0.85"/>
        <circle cx="465" cy="165" r="12" fill="white" opacity="0.9"/>
        <ellipse cx="510" cy="135" rx="60" ry="45" fill="white" opacity="0.95"/>
        <!-- Inside thought: tiny cats with speech bubbles -->
        <circle cx="495" cy="128" r="15" fill="#E8824A"/>
        <text x="488" y="133" font-family="Fredoka One, cursive" font-size="10" fill="white">m</text>
        <circle cx="530" cy="132" r="12" fill="#C8A060"/>
        <text x="525" y="137" font-family="Fredoka One, cursive" font-size="9" fill="white">m?</text>
        <text x="470" y="115" font-family="Fredoka One, cursive" font-size="11" fill="#2C2030">meow...</text>
      </svg>
    </div>
    <div class="text-block">
      <div class="page-num">page 2</div>
      <div class="page-text">"Do all cats meow the same?" he thought.<br><br>"Or is my meow... just mine?"</div>
    </div>
  </div>

  <!-- PAGE 3 -->
  <div class="page">
    <div class="illustration">
      <svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
        <!-- Cozy living room -->
        <rect width="700" height="380" fill="#F5E8D0"/>
        <!-- Wall texture -->
        <rect x="0" y="0" width="700" height="250" fill="#EDD9B8"/>
        <!-- Baseboards -->
        <rect x="0" y="245" width="700" height="10" fill="#C8A870"/>
        <!-- Floor -->
        <rect x="0" y="255" width="700" height="125" fill="#D4B896"/>
        <!-- Sofa -->
        <rect x="80" y="210" width="320" height="100" rx="15" fill="#7B6DAA"/>
        <rect x="80" y="195" width="320" height="30" rx="8" fill="#9080CC"/>
        <rect x="80" y="210" width="60" height="100" rx="10" fill="#9080CC"/>
        <rect x="340" y="210" width="60" height="100" rx="10" fill="#9080CC"/>
        <!-- Pillows on sofa -->
        <ellipse cx="175" cy="218" rx="35" ry="20" fill="#F7A8B8"/>
        <ellipse cx="270" cy="216" rx="30" ry="18" fill="#92D5E6"/>
        <!-- Cat on sofa - small black cat with white paws -->
        <ellipse cx="230" cy="230" rx="38" ry="28" fill="#2C2030"/>
        <circle cx="245" cy="204" r="28" fill="#2C2030"/>
        <!-- White chest -->
        <ellipse cx="230" cy="240" rx="18" ry="14" fill="white" opacity="0.9"/>
        <!-- Ears -->
        <polygon points="228,182 220,160 240,174" fill="#2C2030"/>
        <polygon points="262,182 270,160 252,174" fill="#2C2030"/>
        <polygon points="229,180 223,163 238,173" fill="#4A3060"/>
        <polygon points="261,180 267,163 254,173" fill="#4A3060"/>
        <!-- Eyes - big green -->
        <ellipse cx="236" cy="202" rx="7" ry="8" fill="#50AA50"/>
        <ellipse cx="254" cy="202" rx="7" ry="8" fill="#50AA50"/>
        <ellipse cx="236" cy="203" rx="4" ry="6" fill="#1A1020"/>
        <ellipse cx="254" cy="203" rx="4" ry="6" fill="#1A1020"/>
        <circle cx="237" cy="201" r="2" fill="white"/>
        <circle cx="255" cy="201" r="2" fill="white"/>
        <!-- Nose pink -->
        <polygon points="245,210 241,214 249,214" fill="#E07080"/>
        <!-- Mouth -->
        <path d="M241,215 Q245,219 249,215" stroke="#C06070" stroke-width="1.5" fill="none"/>
        <!-- White paws -->
        <ellipse cx="210" cy="252" rx="15" ry="10" fill="white"/>
        <ellipse cx="248" cy="254" rx="15" ry="10" fill="white"/>
        <!-- Whiskers -->
        <line x1="245" y1="212" x2="210" y2="206" stroke="#888" stroke-width="1"/>
        <line x1="245" y1="213" x2="210" y2="216" stroke="#888" stroke-width="1"/>
        <line x1="245" y1="212" x2="280" y2="206" stroke="#888" stroke-width="1"/>
        <line x1="245" y1="213" x2="280" y2="216" stroke="#888" stroke-width="1"/>
        <!-- This cat's meow speech bubble -->
        <ellipse cx="350" cy="155" rx="80" ry="35" fill="white" opacity="0.9" stroke="#9080CC" stroke-width="2"/>
        <polygon points="290,175 275,195 310,172" fill="white" stroke="#9080CC" stroke-width="1"/>
        <text x="310" y="165" font-family="Fredoka One, cursive" font-size="22" fill="#2C2030">mrrrow</text>
        <!-- Second cat - fluffy grey - on floor -->
        <ellipse cx="520" cy="315" rx="55" ry="40" fill="#B0B8C8"/>
        <!-- fluffy details -->
        <circle cx="490" cy="295" r="12" fill="#C8D0E0"/>
        <circle cx="520" cy="285" r="14" fill="#C8D0E0"/>
        <circle cx="548" cy="295" r="12" fill="#C8D0E0"/>
        <circle cx="480" cy="308" r="10" fill="#C8D0E0"/>
        <circle cx="555" cy="308" r="10" fill="#C8D0E0"/>
        <!-- Head fluffy -->
        <circle cx="520" cy="270" r="38" fill="#B0B8C8"/>
        <circle cx="500" cy="258" r="14" fill="#C8D0E0"/>
        <circle cx="520" cy="250" r="16" fill="#C8D0E0"/>
        <circle cx="540" cy="258" r="14" fill="#C8D0E0"/>
        <!-- Ears fluffy -->
        <polygon points="502,252 495,228 515,242" fill="#B0B8C8"/>
        <polygon points="538,252 545,228 525,242" fill="#B0B8C8"/>
        <!-- Eyes sleepy -->
        <path d="M507,267 Q512,262 517,267" stroke="#3A3050" stroke-width="3" fill="none"/>
        <path d="M523,267 Q528,262 533,267" stroke="#3A3050" stroke-width="3" fill="none"/>
        <!-- Nose tiny -->
        <polygon points="520,275 517,278 523,278" fill="#D090A0"/>
        <!-- Fluffy tail -->
        <path d="M475,325 Q450,355 470,370 Q490,378 500,360" stroke="#B0B8C8" stroke-width="18" fill="none" stroke-linecap="round"/>
        <!-- Fluffy cat meow bubble -->
        <ellipse cx="590" cy="220" rx="75" ry="32" fill="white" opacity="0.9" stroke="#B0B8C8" stroke-width="2"/>
        <polygon points="545,240 530,260 560,237" fill="white" stroke="#B0B8C8" stroke-width="1"/>
        <text x="528" y="230" font-family="Fredoka One, cursive" font-size="20" fill="#2C2030">meeeeow</text>
      </svg>
    </div>
    <div class="text-block">
      <div class="page-num">page 3</div>
      <div class="page-text">Mango went to find his friend Midnight, the sleek black cat.<br><br>Midnight's meow was low and rolly — like a purr with a question mark. <em>Mrrrow?</em></div>
    </div>
  </div>

  <!-- PAGE 4 -->
  <div class="page">
    <div class="illustration">
      <svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
        <!-- Outdoor scene - backyard -->
        <rect width="700" height="380" fill="#C8E8F8"/>
        <!-- Sky gradient bands -->
        <rect x="0" y="0" width="700" height="150" fill="#92D5E6" opacity="0.6"/>
        <!-- Trees background -->
        <circle cx="80" cy="140" r="60" fill="#4A8A3A"/>
        <rect x="68" y="180" width="24" height="60" fill="#7B5A30"/>
        <circle cx="620" cy="130" r="70" fill="#3A7A2A"/>
        <rect x="608" y="175" width="24" height="65" fill="#6B4A20"/>
        <circle cx="580" cy="145" r="45" fill="#5A9A4A"/>
        <!-- Grass ground -->
        <rect x="0" y="270" width="700" height="110" fill="#5B9A3A"/>
        <rect x="0" y="270" width="700" height="15" fill="#6BAA4A"/>
        <!-- Fence -->
        <rect x="0" y="230" width="700" height="8" fill="#DEB887"/>
        <rect x="50" y="195" width="12" height="80" fill="#DEB887"/>
        <rect x="120" y="195" width="12" height="80" fill="#DEB887"/>
        <rect x="190" y="195" width="12" height="80" fill="#DEB887"/>
        <rect x="260" y="195" width="12" height="80" fill="#DEB887"/>
        <rect x="330" y="195" width="12" height="80" fill="#DEB887"/>
        <rect x="400" y="195" width="12" height="80" fill="#DEB887"/>
        <rect x="470" y="195" width="12" height="80" fill="#DEB887"/>
        <rect x="540" y="195" width="12" height="80" fill="#DEB887"/>
        <rect x="610" y="195" width="12" height="80" fill="#DEB887"/>
        <!-- Mango (orange cat) on fence left -->
        <ellipse cx="200" cy="240" rx="32" ry="22" fill="#E8824A"/>
        <!-- stripes -->
        <path d="M180,232 Q200,225 218,232" stroke="#C86030" stroke-width="2" fill="none" opacity="0.5"/>
        <path d="M178,242 Q200,235 222,242" stroke="#C86030" stroke-width="2" fill="none" opacity="0.4"/>
        <!-- Tail over fence -->
        <path d="M170,248 Q145,268 155,280 Q165,288 178,278" stroke="#E8824A" stroke-width="10" fill="none" stroke-linecap="round"/>
        <!-- Head -->
        <circle cx="210" cy="215" r="30" fill="#E8824A"/>
        <!-- Ears -->
        <polygon points="196,198 188,178 207,190" fill="#E8824A"/>
        <polygon points="224,198 232,178 215,190" fill="#E8824A"/>
        <polygon points="197,196 190,180 205,190" fill="#C86030"/>
        <polygon points="223,196 230,180 217,190" fill="#C86030"/>
        <!-- Eyes hopeful looking right -->
        <ellipse cx="202" cy="213" rx="5" ry="6" fill="#2C1A10"/>
        <ellipse cx="218" cy="213" rx="5" ry="6" fill="#2C1A10"/>
        <circle cx="203" cy="212" r="2" fill="white"/>
        <circle cx="219" cy="212" r="2" fill="white"/>
        <!-- Mouth open questioning -->
        <polygon points="210,221 207,225 213,225" fill="#C85050"/>
        <path d="M207,225 Q210,229 213,225" stroke="#A04040" stroke-width="1.5" fill="#FF9090" opacity="0.6"/>
        <!-- Whiskers -->
        <line x1="210" y1="222" x2="180" y2="216" stroke="#888" stroke-width="1"/>
        <line x1="210" y1="223" x2="180" y2="226" stroke="#888" stroke-width="1"/>
        <line x1="210" y1="222" x2="240" y2="216" stroke="#888" stroke-width="1"/>
        <line x1="210" y1="223" x2="240" y2="226" stroke="#888" stroke-width="1"/>
        <!-- Small kitten on fence right - tiny and high pitched -->
        <ellipse cx="490" cy="238" rx="22" ry="15" fill="#F0C080"/>
        <circle cx="498" cy="220" r="20" fill="#F0C080"/>
        <!-- Ears tiny -->
        <polygon points="486,208 480,192 494,202" fill="#F0C080"/>
        <polygon points="510,208 516,192 503,202" fill="#F0C080"/>
        <polygon points="487,206 482,194 493,201" fill="#E0A060"/>
        <polygon points="509,206 514,194 504,201" fill="#E0A060"/>
        <!-- Big eyes wide -->
        <ellipse cx="491" cy="218" rx="6" ry="7" fill="#3A2A10"/>
        <ellipse cx="505" cy="218" rx="6" ry="7" fill="#3A2A10"/>
        <circle cx="492" cy="216" r="2.5" fill="white"/>
        <circle cx="506" cy="216" r="2.5" fill="white"/>
        <!-- nose tiny -->
        <polygon points="498,225 495,228 501,228" fill="#E08080"/>
        <!-- mouth wide open tiny meow -->
        <path d="M494,228 Q498,233 502,228" stroke="#C06060" stroke-width="1.5" fill="#FFB0B0" opacity="0.7"/>
        <!-- tail small -->
        <path d="M470,245 Q452,258 460,268 Q468,275 476,266" stroke="#F0C080" stroke-width="8" fill="none" stroke-linecap="round"/>
        <!-- Kitten tiny meow bubble -->
        <ellipse cx="560" cy="175" rx="65" ry="28" fill="white" opacity="0.9" stroke="#F0C080" stroke-width="2"/>
        <polygon points="510,188 498,205 525,186" fill="white" stroke="#F0C080" stroke-width="1"/>
        <text x="510" y="185" font-family="Fredoka One, cursive" font-size="13" fill="#2C2030">mew! mew!</text>
        <!-- Mango's speech bubble -->
        <ellipse cx="195" cy="160" rx="70" ry="30" fill="white" opacity="0.9" stroke="#E8824A" stroke-width="2"/>
        <polygon points="195,182 190,200 210,180" fill="white" stroke="#E8824A" stroke-width="1"/>
        <text x="152" y="170" font-family="Fredoka One, cursive" font-size="14" fill="#E8824A">That's not mine!</text>
      </svg>
    </div>
    <div class="text-block">
      <div class="page-num">page 4</div>
      <div class="page-text">Then Mango found tiny Luna on the fence.<br><br>Luna's meow was high and squeaky — like a little bell ringing. <em>Mew! Mew!</em><br><br>"That's not mine either," said Mango.</div>
    </div>
  </div>

  <!-- PAGE 5 -->
  <div class="page">
    <div class="illustration">
      <svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
        <!-- Kitchen scene -->
        <rect width="700" height="380" fill="#FFF5E0"/>
        <!-- Cabinets -->
        <rect x="0" y="0" width="700" height="160" fill="#E8D0A0"/>
        <rect x="0" y="150" width="700" height="20" fill="#C8A870"/>
        <!-- Cabinet doors -->
        <rect x="10" y="10" width="120" height="130" rx="5" fill="#D4B880" stroke="#C0A060" stroke-width="2"/>
        <rect x="140" y="10" width="120" height="130" rx="5" fill="#D4B880" stroke="#C0A060" stroke-width="2"/>
        <rect x="270" y="10" width="120" height="130" rx="5" fill="#D4B880" stroke="#C0A060" stroke-width="2"/>
        <rect x="400" y="10" width="120" height="130" rx="5" fill="#D4B880" stroke="#C0A060" stroke-width="2"/>
        <rect x="530" y="10" width="160" height="130" rx="5" fill="#D4B880" stroke="#C0A060" stroke-width="2"/>
        <!-- Cabinet handles -->
        <rect x="62" y="72" width="16" height="6" rx="3" fill="#A08040"/>
        <rect x="192" y="72" width="16" height="6" rx="3" fill="#A08040"/>
        <rect x="322" y="72" width="16" height="6" rx="3" fill="#A08040"/>
        <rect x="452" y="72" width="16" height="6" rx="3" fill="#A08040"/>
        <!-- Counter -->
        <rect x="0" y="168" width="700" height="18" fill="#E0E8F0"/>
        <!-- Floor tiles -->
        <rect x="0" y="186" width="700" height="194" fill="#F0E8D8"/>
        <line x1="0" y1="250" x2="700" y2="250" stroke="#E0D0B8" stroke-width="2"/>
        <line x1="0" y1="315" x2="700" y2="315" stroke="#E0D0B8" stroke-width="2"/>
        <line x1="100" y1="186" x2="100" y2="380" stroke="#E0D0B8" stroke-width="2"/>
        <line x1="200" y1="186" x2="200" y2="380" stroke="#E0D0B8" stroke-width="2"/>
        <line x1="300" y1="186" x2="300" y2="380" stroke="#E0D0B8" stroke-width="2"/>
        <line x1="400" y1="186" x2="400" y2="380" stroke="#E0D0B8" stroke-width="2"/>
        <line x1="500" y1="186" x2="500" y2="380" stroke="#E0D0B8" stroke-width="2"/>
        <line x1="600" y1="186" x2="600" y2="380" stroke="#E0D0B8" stroke-width="2"/>
        <!-- Food bowl on floor -->
        <ellipse cx="400" cy="355" rx="50" ry="15" fill="#C8A060"/>
        <ellipse cx="400" cy="348" rx="45" ry="12" fill="#E8C080"/>
        <ellipse cx="400" cy="345" rx="38" ry="8" fill="#FF8C42" opacity="0.7"/>
        <!-- Very old, large cat sitting by bowl - deep rumbling meow -->
        <!-- Body big old cat -->
        <ellipse cx="420" cy="305" rx="70" ry="55" fill="#808090"/>
        <!-- belly lighter -->
        <ellipse cx="420" cy="315" rx="40" ry="30" fill="#A0A0B0"/>
        <!-- Tail old fat one -->
        <path d="M355,320 Q330,355 355,370 Q375,380 388,362 Q395,348 380,332" stroke="#808090" stroke-width="16" fill="none" stroke-linecap="round"/>
        <!-- Head large old cat -->
        <circle cx="435" cy="252" r="52" fill="#808090"/>
        <!-- jowly cheeks -->
        <ellipse cx="410" cy="268" rx="18" ry="14" fill="#909098"/>
        <ellipse cx="460" cy="268" rx="18" ry="14" fill="#909098"/>
        <!-- Ears flat older cat -->
        <polygon points="413,222 404,195 428,210" fill="#808090"/>
        <polygon points="457,222 466,195 444,210" fill="#808090"/>
        <!-- Eyes half closed wise -->
        <path d="M415,250 Q422,244 429,250" stroke="#3A3050" stroke-width="3.5" fill="none"/>
        <path d="M441,248 Q448,242 455,248" stroke="#3A3050" stroke-width="3.5" fill="none"/>
        <!-- Pupils small -->
        <!-- Nose big -->
        <polygon points="435,258 430,264 440,264" fill="#C07090"/>
        <!-- Mouth open wide for LOUD meow -->
        <path d="M428,266 Q435,278 442,266" stroke="#A05070" stroke-width="2" fill="#FFB0B0" opacity="0.8"/>
        <!-- Whiskers thick -->
        <line x1="435" y1="262" x2="392" y2="252" stroke="#777" stroke-width="2"/>
        <line x1="435" y1="264" x2="390" y2="264" stroke="#777" stroke-width="2"/>
        <line x1="435" y1="266" x2="392" y2="276" stroke="#777" stroke-width="2"/>
        <line x1="435" y1="262" x2="478" y2="252" stroke="#777" stroke-width="2"/>
        <line x1="435" y1="264" x2="480" y2="264" stroke="#777" stroke-width="2"/>
        <line x1="435" y1="266" x2="478" y2="276" stroke="#777" stroke-width="2"/>
        <!-- Deep MEOW sound waves -->
        <path d="M490,220 Q520,200 510,175 Q500,150 525,135" stroke="#808090" stroke-width="4" fill="none" opacity="0.6"/>
        <path d="M505,225 Q540,200 528,170 Q516,142 545,125" stroke="#808090" stroke-width="3" fill="none" opacity="0.4"/>
        <path d="M520,228 Q558,200 544,166 Q530,134 562,115" stroke="#808090" stroke-width="2" fill="none" opacity="0.25"/>
        <!-- Speech bubble deep meow -->
        <ellipse cx="200" cy="120" rx="160" ry="50" fill="white" opacity="0.92" stroke="#808090" stroke-width="2"/>
        <polygon points="330,155 350,185 310,153" fill="white" stroke="#808090" stroke-width="1"/>
        <text x="80" y="130" font-family="Fredoka One, cursive" font-size="38" fill="#505060">MEOOOW</text>
        <!-- Mango watching from doorway left -->
        <ellipse cx="85" cy="320" rx="28" ry="20" fill="#E8824A"/>
        <circle cx="90" cy="296" r="24" fill="#E8824A"/>
        <!-- Mango ears small -->
        <polygon points="78,282 72,265 87,275" fill="#E8824A"/>
        <polygon points="102,282 108,265 95,275" fill="#E8824A"/>
        <!-- Eyes big surprised -->
        <ellipse cx="83" cy="294" rx="6" ry="7" fill="#2C1A10"/>
        <ellipse cx="97" cy="294" rx="6" ry="7" fill="#2C1A10"/>
        <circle cx="84" cy="292" r="2.5" fill="white"/>
        <circle cx="98" cy="292" r="2.5" fill="white"/>
        <!-- Nose -->
        <polygon points="90,302 87,306 93,306" fill="#D05050"/>
      </svg>
    </div>
    <div class="text-block">
      <div class="page-num">page 5</div>
      <div class="page-text">Old Captain by the food bowl had a deep, slow meow — like thunder rolling under a door. <em>MEOOOW.</em><br><br>Mango's ears pressed flat. "Definitely not mine."</div>
    </div>
  </div>

  <!-- PAGE 6 -->
  <div class="page">
    <div class="illustration">
      <svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
        <!-- Backyard sunset scene -->
        <rect width="700" height="380" fill="#FFE8C8"/>
        <!-- Sunset gradient sky -->
        <rect x="0" y="0" width="700" height="180" fill="#FF8C42" opacity="0.4"/>
        <rect x="0" y="0" width="700" height="100" fill="#FFD166" opacity="0.3"/>
        <!-- Sun low -->
        <circle cx="620" cy="120" r="55" fill="#FFD166"/>
        <circle cx="620" cy="120" r="48" fill="#FFEE88"/>
        <!-- Silhouette tree -->
        <rect x="550" y="160" width="20" height="100" fill="#3A2010" opacity="0.7"/>
        <circle cx="560" cy="145" r="50" fill="#3A2010" opacity="0.6"/>
        <!-- Grass -->
        <rect x="0" y="280" width="700" height="100" fill="#4A8A30"/>
        <!-- Mango sitting alone center, looking at sky -->
        <ellipse cx="340" cy="305" rx="50" ry="38" fill="#E8824A"/>
        <!-- Stripes -->
        <path d="M302,292 Q330,283 358,292" stroke="#C86030" stroke-width="2.5" fill="none" opacity="0.5"/>
        <path d="M298,305 Q330,295 362,305" stroke="#C86030" stroke-width="2.5" fill="none" opacity="0.5"/>
        <!-- Tail curled around -->
        <path d="M293,318 Q268,348 285,362 Q302,372 316,355 Q325,342 315,324" stroke="#E8824A" stroke-width="12" fill="none" stroke-linecap="round"/>
        <!-- Head looking up at sky -->
        <circle cx="345" cy="268" r="44" fill="#E8824A" transform="rotate(-5,345,268)"/>
        <!-- Ears -->
        <polygon points="322,245 314,220 335,234" fill="#E8824A"/>
        <polygon points="368,245 376,220 357,234" fill="#E8824A"/>
        <polygon points="323,243 316,222 334,234" fill="#C86030"/>
        <polygon points="367,243 374,222 358,234" fill="#C86030"/>
        <!-- Eyes looking up wistful -->
        <ellipse cx="332" cy="265" rx="6" ry="7" fill="#2C1A10"/>
        <ellipse cx="356" cy="263" rx="6" ry="7" fill="#2C1A10"/>
        <circle cx="333" cy="263" r="2.5" fill="white"/>
        <circle cx="357" cy="261" r="2.5" fill="white"/>
        <!-- nose -->
        <polygon points="344,273 340,277 348,277" fill="#D05050"/>
        <!-- mouth slight frown thinking -->
        <path d="M340,278 Q344,280 348,278" stroke="#A04040" stroke-width="1.5" fill="none"/>
        <!-- Whiskers -->
        <line x1="344" y1="275" x2="308" y2="268" stroke="#888" stroke-width="1.2"/>
        <line x1="344" y1="276" x2="308" y2="278" stroke="#888" stroke-width="1.2"/>
        <line x1="344" y1="275" x2="380" y2="268" stroke="#888" stroke-width="1.2"/>
        <line x1="344" y1="276" x2="380" y2="278" stroke="#888" stroke-width="1.2"/>
        <!-- Small thought text floating up -->
        <text x="375" y="220" font-family="Fredoka One, cursive" font-size="16" fill="#C86030" opacity="0.8" transform="rotate(-5,375,220)">mrrrow?</text>
        <text x="390" y="185" font-family="Fredoka One, cursive" font-size="14" fill="#FF8C42" opacity="0.6" transform="rotate(3,390,185)">mew?</text>
        <text x="285" y="200" font-family="Fredoka One, cursive" font-size="18" fill="#808090" opacity="0.5" transform="rotate(-8,285,200)">MEOOOW?</text>
        <!-- question marks floating -->
        <text x="450" y="150" font-family="Fredoka One, cursive" font-size="35" fill="#FF8C42" opacity="0.6">?</text>
        <text x="220" y="140" font-family="Fredoka One, cursive" font-size="28" fill="#FFD166" opacity="0.5">?</text>
        <text x="170" y="220" font-family="Fredoka One, cursive" font-size="22" fill="#C8A7E7" opacity="0.5">?</text>
      </svg>
    </div>
    <div class="text-block">
      <div class="page-num">page 6</div>
      <div class="page-text">Mango sat alone in the golden grass.<br><br>He heard Midnight's rumble. Luna's squeak. Captain's thunder.<br><br>None of them sounded like <em>him</em>.</div>
    </div>
  </div>

  <!-- PAGE 7 -->
  <div class="page">
    <div class="illustration">
      <svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
        <!-- Cozy bedroom evening -->
        <rect width="700" height="380" fill="#F0E8F8"/>
        <!-- Wall -->
        <rect x="0" y="0" width="700" height="260" fill="#E8DDF0"/>
        <!-- Floor warm wood -->
        <rect x="0" y="258" width="700" height="122" fill="#C8A870"/>
        <!-- Wood grain lines -->
        <line x1="0" y1="285" x2="700" y2="285" stroke="#B89860" stroke-width="1" opacity="0.4"/>
        <line x1="0" y1="315" x2="700" y2="315" stroke="#B89860" stroke-width="1" opacity="0.4"/>
        <line x1="0" y1="345" x2="700" y2="345" stroke="#B89860" stroke-width="1" opacity="0.4"/>
        <!-- Bed -->
        <rect x="380" y="170" width="300" height="160" rx="10" fill="#C8A7E7"/>
        <!-- Headboard -->
        <rect x="380" y="150" width="300" height="35" rx="8" fill="#9870CC"/>
        <!-- Pillow -->
        <ellipse cx="500" cy="195" rx="80" ry="22" fill="white" opacity="0.85"/>
        <ellipse cx="600" cy="198" rx="55" ry="18" fill="#F7D0E8" opacity="0.85"/>
        <!-- Blanket lumps (child under covers) -->
        <ellipse cx="530" cy="270" rx="120" ry="50" fill="#AA80DD" opacity="0.7"/>
        <!-- Child's head peeking out -->
        <circle cx="530" cy="235" r="32" fill="#F4C898"/>
        <!-- Hair messy -->
        <ellipse cx="530" cy="212" rx="32" ry="18" fill="#5A3010"/>
        <ellipse cx="512" cy="215" rx="12" ry="16" fill="#5A3010"/>
        <ellipse cx="548" cy="215" rx="12" ry="16" fill="#5A3010"/>
        <ellipse cx="505" cy="210" rx="8" ry="10" fill="#5A3010"/>
        <ellipse cx="555" cy="210" rx="8" ry="10" fill="#5A3010"/>
        <!-- Child eyes sleepy but smiling -->
        <path d="M516,237 Q522,232 528,237" stroke="#3A2010" stroke-width="2.5" fill="none"/>
        <path d="M532,237 Q538,232 544,237" stroke="#3A2010" stroke-width="2.5" fill="none"/>
        <!-- Cheeks rosy -->
        <ellipse cx="514" cy="244" rx="8" ry="5" fill="#F0A0A0" opacity="0.5"/>
        <ellipse cx="546" cy="244" rx="8" ry="5" fill="#F0A0A0" opacity="0.5"/>
        <!-- Smile -->
        <path d="M520,246 Q530,253 540,246" stroke="#A07050" stroke-width="2" fill="none"/>
        <!-- Arm out of covers -->
        <ellipse cx="460" cy="255" rx="22" ry="10" fill="#F4C898"/>
        <!-- Hand petting Mango -->
        <ellipse cx="440" cy="258" rx="18" ry="10" fill="#F4C898"/>
        <!-- Mango on bed being petted -->
        <ellipse cx="395" cy="268" rx="45" ry="32" fill="#E8824A"/>
        <!-- stripes -->
        <path d="M362,256 Q385,248 408,256" stroke="#C86030" stroke-width="2" fill="none" opacity="0.5"/>
        <path d="M359,268 Q385,259 411,268" stroke="#C86030" stroke-width="2" fill="none" opacity="0.5"/>
        <!-- head resting down -->
        <circle cx="400" cy="242" r="35" fill="#E8824A"/>
        <!-- Ears flatten happy -->
        <polygon points="382,225 375,206 392,218" fill="#E8824A"/>
        <polygon points="418,225 425,206 410,218" fill="#E8824A"/>
        <polygon points="383,223 377,208 390,218" fill="#C86030"/>
        <polygon points="417,223 423,208 412,218" fill="#C86030"/>
        <!-- Eyes closed happy -->
        <path d="M388,240 Q395,234 402,240" stroke="#2C1A10" stroke-width="3" fill="none"/>
        <path d="M402,239 Q409,233 416,239" stroke="#2C1A10" stroke-width="3" fill="none"/>
        <!-- Smile content -->
        <path d="M396,248 Q402,253 408,248" stroke="#A04040" stroke-width="2" fill="none"/>
        <!-- Whiskers happy -->
        <line x1="402" y1="246" x2="370" y2="240" stroke="#888" stroke-width="1"/>
        <line x1="402" y1="247" x2="368" y2="250" stroke="#888" stroke-width="1"/>
        <line x1="402" y1="246" x2="434" y2="240" stroke="#888" stroke-width="1"/>
        <line x1="402" y1="247" x2="436" y2="250" stroke="#888" stroke-width="1"/>
        <!-- Tail curled content on bed -->
        <path d="M355,275 Q335,295 348,308 Q360,316 370,305 Q376,296 368,283" stroke="#E8824A" stroke-width="11" fill="none" stroke-linecap="round"/>
        <!-- Purring sound waves tiny -->
        <path d="M340,215 Q322,200 328,182" stroke="#FF8C42" stroke-width="2" fill="none" opacity="0.4"/>
        <path d="M328,218 Q307,201 314,180" stroke="#FF8C42" stroke-width="1.5" fill="none" opacity="0.3"/>
        <!-- Night lamp glow on bedside table -->
        <rect x="88" y="215" width="40" height="55" rx="5" fill="#B89860"/>
        <ellipse cx="108" cy="215" rx="28" ry="10" fill="#D4B880"/>
        <ellipse cx="108" cy="200" rx="20" ry="28" fill="#FFE090" opacity="0.8"/>
        <!-- Lamp glow -->
        <ellipse cx="108" cy="215" rx="60" ry="40" fill="#FFD166" opacity="0.12"/>
        <!-- Speech bubble - child -->
        <ellipse cx="190" cy="120" rx="120" ry="45" fill="white" opacity="0.93" stroke="#C8A7E7" stroke-width="2"/>
        <polygon points="460,185 480,210 445,183" fill="white" stroke="#C8A7E7" stroke-width="1"/>
        <text x="100" y="115" font-family="Fredoka One, cursive" font-size="14" fill="#6A50AA">There you are,</text>
        <text x="118" y="135" font-family="Fredoka One, cursive" font-size="14" fill="#6A50AA">Mango...</text>
      </svg>
    </div>
    <div class="text-block">
      <div class="page-num">page 7</div>
      <div class="page-text">That night, his person found him on the bed.<br><br>"There you are, Mango," she whispered, and stroked his fur from ears to tail.</div>
    </div>
  </div>

  <!-- PAGE 8 -->
  <div class="page">
    <div class="illustration">
      <svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
        <!-- Very close up of cat face, warm glow -->
        <rect width="700" height="380" fill="#2C1A10"/>
        <!-- Warm lamp light circle -->
        <circle cx="350" cy="190" r="280" fill="#FF8C42" opacity="0.18"/>
        <circle cx="350" cy="190" r="200" fill="#FFD166" opacity="0.12"/>
        <!-- Big beautiful Mango face close up -->
        <circle cx="350" cy="220" r="160" fill="#E8824A"/>
        <!-- Stripes detailed -->
        <path d="M250,170 Q310,155 370,170" stroke="#C86030" stroke-width="5" fill="none" opacity="0.5"/>
        <path d="M245,190 Q310,173 375,190" stroke="#C86030" stroke-width="4" fill="none" opacity="0.4"/>
        <path d="M240,145 Q295,130 350,145" stroke="#C86030" stroke-width="3" fill="none" opacity="0.35"/>
        <!-- Forehead M marking -->
        <path d="M310,150 Q330,135 350,150 Q370,135 390,150" stroke="#C86030" stroke-width="3" fill="none" opacity="0.45"/>
        <!-- Ears big -->
        <polygon points="248,165 220,85 290,130" fill="#E8824A"/>
        <polygon points="452,165 480,85 410,130" fill="#E8824A"/>
        <polygon points="252,162 228,92 285,130" fill="#C86030"/>
        <polygon points="448,162 472,92 415,130" fill="#C86030"/>
        <!-- Inner ear pink -->
        <polygon points="255,158 233,98 282,128" fill="#D07060" opacity="0.5"/>
        <polygon points="445,158 467,98 418,128" fill="#D07060" opacity="0.5"/>
        <!-- Big beautiful eyes close-up -->
        <!-- Left eye -->
        <ellipse cx="290" cy="205" rx="42" ry="38" fill="#70C070"/>
        <ellipse cx="290" cy="205" rx="36" ry="33" fill="#90E090"/>
        <ellipse cx="290" cy="208" rx="18" ry="28" fill="#1A1010"/>
        <circle cx="300" cy="196" r="8" fill="white"/>
        <circle cx="278" cy="215" r="4" fill="white" opacity="0.5"/>
        <!-- Right eye -->
        <ellipse cx="410" cy="205" rx="42" ry="38" fill="#70C070"/>
        <ellipse cx="410" cy="205" rx="36" ry="33" fill="#90E090"/>
        <ellipse cx="410" cy="208" rx="18" ry="28" fill="#1A1010"/>
        <circle cx="420" cy="196" r="8" fill="white"/>
        <circle cx="398" cy="215" r="4" fill="white" opacity="0.5"/>
        <!-- Eye ring -->
        <ellipse cx="290" cy="205" rx="42" ry="38" fill="none" stroke="#C86030" stroke-width="3"/>
        <ellipse cx="410" cy="205" rx="42" ry="38" fill="none" stroke="#C86030" stroke-width="3"/>
        <!-- Nose big beautiful pink -->
        <polygon points="350,255 332,272 368,272" fill="#E07080"/>
        <polygon points="350,255 332,272 368,272" fill="none" stroke="#C06070" stroke-width="2"/>
        <!-- Nostrils -->
        <ellipse cx="340" cy="265" rx="5" ry="3" fill="#C06070" opacity="0.5"/>
        <ellipse cx="360" cy="265" rx="5" ry="3" fill="#C06070" opacity="0.5"/>
        <!-- Mouth -->
        <path d="M350,272 Q340,280 332,272" stroke="#C06070" stroke-width="2" fill="none"/>
        <path d="M350,272 Q360,280 368,272" stroke="#C06070" stroke-width="2" fill="none"/>
        <!-- Mouth open slightly -->
        <ellipse cx="350" cy="280" rx="12" ry="8" fill="#AA4050" opacity="0.6"/>
        <!-- Tongue pink tiny -->
        <ellipse cx="350" cy="284" rx="8" ry="5" fill="#F08090"/>
        <!-- Whiskers dramatic close-up -->
        <line x1="350" y1="260" x2="140" y2="235" stroke="white" stroke-width="2" opacity="0.8"/>
        <line x1="350" y1="262" x2="138" y2="255" stroke="white" stroke-width="2" opacity="0.8"/>
        <line x1="350" y1="265" x2="140" y2="275" stroke="white" stroke-width="2" opacity="0.7"/>
        <line x1="350" y1="267" x2="142" y2="292" stroke="white" stroke-width="1.5" opacity="0.6"/>
        <line x1="350" y1="260" x2="560" y2="235" stroke="white" stroke-width="2" opacity="0.8"/>
        <line x1="350" y1="262" x2="562" y2="255" stroke="white" stroke-width="2" opacity="0.8"/>
        <line x1="350" y1="265" x2="560" y2="275" stroke="white" stroke-width="2" opacity="0.7"/>
        <line x1="350" y1="267" x2="558" y2="292" stroke="white" stroke-width="1.5" opacity="0.6"/>
        <!-- MEOW huge dramatic text -->
        <text x="50" y="370" font-family="Fredoka One, cursive" font-size="72" fill="#FF8C42" opacity="0.9">MEOW.</text>
      </svg>
    </div>
    <div class="text-block">
      <div class="page-num">page 8</div>
      <div class="page-text">And then — without thinking — it came out.<br><br>Not high. Not low. Not rumbling. Not squeaky.<br><br>Just... <strong>his.</strong></div>
    </div>
  </div>

  <!-- PAGE 9 -->
  <div class="page">
    <div class="illustration">
      <svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
        <!-- Soft warm bedroom glow - reaction -->
        <rect width="700" height="380" fill="#FFF0E8"/>
        <!-- Soft radial warmth -->
        <circle cx="350" cy="190" r="320" fill="#FFD166" opacity="0.15"/>
        <!-- Her face closeup loving -->
        <!-- Neck and shoulder -->
        <ellipse cx="350" cy="390" rx="200" ry="80" fill="#F4C898"/>
        <!-- Shirt edge -->
        <ellipse cx="350" cy="395" rx="210" ry="70" fill="#C8A7E7"/>
        <!-- Face beautiful -->
        <circle cx="350" cy="240" r="125" fill="#F4C898"/>
        <!-- Hair long dark flowing -->
        <ellipse cx="350" cy="155" rx="125" ry="70" fill="#4A2A10"/>
        <ellipse cx="240" cy="230" rx="45" ry="120" fill="#4A2A10"/>
        <ellipse cx="460" cy="230" rx="45" ry="120" fill="#4A2A10"/>
        <ellipse cx="225" cy="195" rx="35" ry="90" fill="#5A3820"/>
        <ellipse cx="475" cy="195" rx="35" ry="90" fill="#5A3820"/>
        <!-- Hair highlights -->
        <path d="M260,130 Q310,120 350,125 Q390,120 440,130" stroke="#7A5030" stroke-width="3" fill="none" opacity="0.4"/>
        <!-- Face features - eyes closed smiling -->
        <!-- Left eye closed happy -->
        <path d="M295,228 Q310,216 325,228" stroke="#3A2010" stroke-width="3.5" fill="none"/>
        <!-- Eyelashes -->
        <line x1="296" y1="228" x2="290" y2="220" stroke="#3A2010" stroke-width="1.5"/>
        <line x1="302" y1="224" x2="298" y2="216" stroke="#3A2010" stroke-width="1.5"/>
        <line x1="309" y1="222" x2="308" y2="214" stroke="#3A2010" stroke-width="1.5"/>
        <line x1="316" y1="223" x2="317" y2="215" stroke="#3A2010" stroke-width="1.5"/>
        <line x1="323" y1="226" x2="326" y2="219" stroke="#3A2010" stroke-width="1.5"/>
        <!-- Right eye closed happy -->
        <path d="M375,228 Q390,216 405,228" stroke="#3A2010" stroke-width="3.5" fill="none"/>
        <line x1="376" y1="228" x2="370" y2="220" stroke="#3A2010" stroke-width="1.5"/>
        <line x1="382" y1="224" x2="378" y2="216" stroke="#3A2010" stroke-width="1.5"/>
        <line x1="389" y1="222" x2="388" y2="214" stroke="#3A2010" stroke-width="1.5"/>
        <line x1="396" y1="223" x2="397" y2="215" stroke="#3A2010" stroke-width="1.5"/>
        <line x1="403" y1="226" x2="406" y2="219" stroke="#3A2010" stroke-width="1.5"/>
        <!-- Nose soft -->
        <path d="M338,255 Q343,262 350,260 Q357,262 362,255" stroke="#C09070" stroke-width="2" fill="none"/>
        <!-- Big joyful smile -->
        <path d="M310,278 Q350,308 390,278" stroke="#C07050" stroke-width="3" fill="none"/>
        <path d="M310,278 Q350,315 390,278" stroke="#C07050" stroke-width="1" fill="#F4B0A0" opacity="0.3"/>
        <!-- Teeth -->
        <path d="M318,284 Q350,305 382,284 Q350,290 318,284" fill="white" opacity="0.85"/>
        <!-- Rosy cheeks -->
        <ellipse cx="298" cy="265" rx="22" ry="14" fill="#F09090" opacity="0.35"/>
        <ellipse cx="402" cy="265" rx="22" ry="14" fill="#F09090" opacity="0.35"/>
        <!-- Mango up against her face cheek -->
        <!-- Just Mango's face snuggled in corner -->
        <circle cx="590" cy="320" r="55" fill="#E8824A"/>
        <!-- stripes -->
        <path d="M548,302 Q568,295 588,302" stroke="#C86030" stroke-width="2" fill="none" opacity="0.5"/>
        <!-- Eyes closed happy small -->
        <path d="M572,316 Q578,310 584,316" stroke="#2C1A10" stroke-width="2.5" fill="none"/>
        <path d="M586,315 Q592,309 598,315" stroke="#2C1A10" stroke-width="2.5" fill="none"/>
        <!-- Nose -->
        <polygon points="585,323 581,327 589,327" fill="#D05050"/>
        <!-- Smile -->
        <path d="M581,328 Q585,332 589,328" stroke="#A04040" stroke-width="1.5" fill="none"/>
        <!-- Small ears -->
        <polygon points="560,300 553,280 572,292" fill="#E8824A"/>
        <polygon points="610,300 617,280 600,292" fill="#E8824A"/>
        <polygon points="562,298 556,282 570,292" fill="#C86030"/>
        <polygon points="608,298 614,282 601,292" fill="#C86030"/>
        <!-- Whiskers just a few poking out -->
        <line x1="585" y1="324" x2="555" y2="317" stroke="#888" stroke-width="1"/>
        <line x1="585" y1="325" x2="553" y2="328" stroke="#888" stroke-width="1"/>
        <!-- Heart sparkles floating between them -->
        <text x="230" y="160" font-family="serif" font-size="28" fill="#FF8C42" opacity="0.8">♥</text>
        <text x="440" y="150" font-family="serif" font-size="20" fill="#F7A8B8" opacity="0.7">♥</text>
        <text x="310" y="100" font-family="serif" font-size="16" fill="#FFD166" opacity="0.6">♥</text>
        <text x="470" y="170" font-family="serif" font-size="14" fill="#C8A7E7" opacity="0.7">♥</text>
        <!-- Her response text -->
        <ellipse cx="180" cy="310" rx="135" ry="42" fill="white" opacity="0.92" stroke="#F7A8B8" stroke-width="2"/>
        <polygon points="300,330 320,355 280,328" fill="white" stroke="#F7A8B8" stroke-width="1"/>
        <text x="70" y="302" font-family="Fredoka One, cursive" font-size="13" fill="#8A5070">Hi, sweet boy.</text>
        <text x="65" y="322" font-family="Fredoka One, cursive" font-size="13" fill="#8A5070">I know that sound.</text>
      </svg>
    </div>
    <div class="text-block">
      <div class="page-num">page 9</div>
      <div class="page-text">She smiled and pulled him close.<br><br>"I know that sound," she said. "That's <em>your</em> meow. I'd know it anywhere."</div>
    </div>
  </div>

  <!-- PAGE 10 - THE END -->
  <div class="page end">
    <div class="illustration">
      <svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
        <!-- Peaceful night scene -->
        <rect width="700" height="380" fill="#1A0E2E"/>
        <!-- Star field -->
        <circle cx="60" cy="30" r="1.5" fill="white" opacity="0.9"/>
        <circle cx="130" cy="55" r="1" fill="white" opacity="0.7"/>
        <circle cx="200" cy="20" r="2" fill="white"/>
        <circle cx="280" cy="45" r="1.5" fill="white" opacity="0.8"/>
        <circle cx="360" cy="15" r="1" fill="white" opacity="0.6"/>
        <circle cx="440" cy="40" r="2" fill="white" opacity="0.9"/>
        <circle cx="520" cy="25" r="1.5" fill="white" opacity="0.7"/>
        <circle cx="600" cy="50" r="1" fill="white" opacity="0.8"/>
        <circle cx="660" cy="30" r="2" fill="white" opacity="0.6"/>
        <circle cx="95" cy="80" r="1" fill="white" opacity="0.5"/>
        <circle cx="455" cy="70" r="1.5" fill="white" opacity="0.8"/>
        <circle cx="175" cy="90" r="1" fill="white" opacity="0.7"/>
        <circle cx="325" cy="65" r="2" fill="white" opacity="0.5"/>
        <circle cx="580" cy="85" r="1" fill="white" opacity="0.9"/>
        <!-- Moon full glowing -->
        <circle cx="580" cy="90" r="65" fill="#FFE566" opacity="0.2"/>
        <circle cx="580" cy="90" r="52" fill="#FFE566" opacity="0.3"/>
        <circle cx="580" cy="90" r="42" fill="#FFE566"/>
        <circle cx="568" cy="78" r="8" fill="#FFD144" opacity="0.4"/>
        <circle cx="592" cy="95" r="6" fill="#FFD144" opacity="0.3"/>
        <!-- Moonbeam on bed -->
        <polygon points="548,90 612,90 500,380 460,380" fill="#FFE566" opacity="0.05"/>
        <!-- Bed cozy -->
        <rect x="100" y="230" width="500" height="150" rx="20" fill="#9070CC"/>
        <!-- Headboard -->
        <rect x="100" y="210" width="500" height="45" rx="12" fill="#7050AA"/>
        <!-- Blanket warm -->
        <rect x="100" y="265" width="500" height="115" rx="20" fill="#7060BB"/>
        <!-- Blanket fold -->
        <rect x="100" y="265" width="500" height="25" rx="5" fill="#AA90EE" opacity="0.5"/>
        <!-- Pillow -->
        <ellipse cx="350" cy="268" rx="160" ry="28" fill="white" opacity="0.8"/>
        <!-- Child asleep in bed -->
        <circle cx="350" cy="255" r="38" fill="#F4C898"/>
        <!-- Eyes closed sleeping -->
        <path d="M330,252 Q338,246 346,252" stroke="#3A2010" stroke-width="2.5" fill="none"/>
        <path d="M354,252 Q362,246 370,252" stroke="#3A2010" stroke-width="2.5" fill="none"/>
        <!-- Peaceful mouth -->
        <path d="M340,264 Q350,269 360,264" stroke="#C07050" stroke-width="1.5" fill="none"/>
        <!-- Rosy cheeks sleep -->
        <ellipse cx="332" cy="262" rx="10" ry="6" fill="#F09090" opacity="0.4"/>
        <ellipse cx="368" cy="262" rx="10" ry="6" fill="#F09090" opacity="0.4"/>
        <!-- Hair on pillow -->
        <ellipse cx="350" cy="232" rx="38" ry="18" fill="#4A2A10"/>
        <ellipse cx="320" cy="238" rx="18" ry="22" fill="#4A2A10"/>
        <ellipse cx="380" cy="238" rx="18" ry="22" fill="#4A2A10"/>
        <!-- Mango curled up at foot of bed on top of blanket -->
        <!-- Tight curl body -->
        <circle cx="480" cy="330" r="45" fill="#E8824A"/>
        <!-- Stripes -->
        <path d="M448,318 Q475,310 500,318" stroke="#C86030" stroke-width="2.5" fill="none" opacity="0.5"/>
        <!-- Tail wrapped around tight -->
        <path d="M438,340 Q422,365 445,375 Q465,380 470,360 Q472,348 458,338" stroke="#E8824A" stroke-width="12" fill="none" stroke-linecap="round"/>
        <!-- Head tucked down sleeping -->
        <circle cx="493" cy="313" r="30" fill="#E8824A"/>
        <!-- Ears flat sleeping -->
        <polygon points="476,298 470,280 486,290" fill="#E8824A"/>
        <polygon points="510,298 516,280 502,290" fill="#E8824A"/>
        <polygon points="477,296 472,282 484,290" fill="#C86030"/>
        <polygon points="509,296 514,282 504,290" fill="#C86030"/>
        <!-- Eyes closed tight sleeping -->
        <path d="M481,312 Q487,306 493,312" stroke="#2C1A10" stroke-width="2.5" fill="none"/>
        <path d="M493,311 Q499,305 505,311" stroke="#2C1A10" stroke-width="2.5" fill="none"/>
        <!-- Tiny smile -->
        <path d="M489,319 Q493,323 497,319" stroke="#A04040" stroke-width="1.5" fill="none"/>
        <!-- Nose -->
        <polygon points="493,315 490,319 496,319" fill="#D05050"/>
        <!-- Whiskers just poking -->
        <line x1="493" y1="317" x2="468" y2="311" stroke="#888" stroke-width="1"/>
        <line x1="493" y1="318" x2="467" y2="320" stroke="#888" stroke-width="1"/>
        <line x1="493" y1="317" x2="518" y2="311" stroke="#888" stroke-width="1"/>
        <line x1="493" y1="318" x2="519" y2="320" stroke="#888" stroke-width="1"/>
        <!-- Purring zzz -->
        <text x="525" y="295" font-family="Fredoka One, cursive" font-size="16" fill="#FF8C42" opacity="0.6">z z z</text>
        <!-- Small meow floating up softly -->
        <text x="380" y="180" font-family="Fredoka One, cursive" font-size="24" fill="#FF8C42" opacity="0.5" transform="rotate(-5,380,180)">meow...</text>
      </svg>
    </div>
    <div class="text-block">
      <div class="page-num">the end</div>
      <div class="page-text">Yes, Mango decided, curling up warm and safe.<br><br>My meow is mine.<br>The only one in the whole wide world<br>that means exactly <em>me.</em> 🐾</div>
    </div>
  </div>

</div>

<p style="font-family:'Fredoka One',cursive; color:#666; font-size:0.8rem; text-align:center; margin-top:30px; margin-bottom:40px; letter-spacing:2px;">THE END · IS MY MEOW UNIQUE TO ME?</p>

</body>
</html>

Saturday, April 11, 2026

Sunday, April 5, 2026

Origen The Man 2026

HEXAPLA
A Transmission in Eleven Columns
What happens when a man is paid to translate the words of God
and discovers the words were already inside him,
rotting.

▌ SIGNAL DETECTED — ORIGIN UNKNOWN ▌
Contents
I. The Commission
II. Six Columns
III. The Desert, Briefly
IV. What Rufinus Said
V. The Ass Who Drinks Clean Water
VI. Leonides
VII. Persistent Storage
VIII. The Jar in the Jordan
IX. Pope Damasus Dreams in Latin
X. Apokatastasis
XI. Column Seven
Chapter I
The Commission
382 A.D. / An unspecified server farm / Now
They gave him the job on a Tuesday, which is always how the worst things start.

Jerome — the one they'd later canonize, the one who'd end up on greeting cards in Latin neighborhoods with a lion at his feet and a skull on his desk like some kind of ecclesiastical metal album cover — Jerome did not feel the weight of history dropping onto his shoulders in Rome in 382. What he felt was hunger. The particular hunger of a man who had spent five years in the Syrian desert eating nothing and thinking about food every single second. That kind of hunger doesn't leave you. It rewires you. You become the hunger. The hunger becomes the translation.

The old Pope was eighty-something and smelled of whatever the papal equivalent of yesterday is. Damasus I. He sat behind his desk the way very old powerful men sit, which is to say he appeared to have grown directly from the chair. He had not stood in some time. He would not stand again.

Damasus
"We need a Bible. One Bible. The good one. In Latin. Not the versions we have. The versions we have are an argument at a dinner party where everyone is drunk and everyone is wrong and someone keeps breaking the crockery."

Jerome said he understood. He did not say that understanding and agreeing are different countries with different customs and different border guards who search your luggage with different levels of aggression.

He walked out into Rome. Rome in 382 was still Rome, which meant it was already becoming the Rome that would eventually fall, and everyone could smell it in the drainage system if they walked slowly enough through the right neighborhoods. Jerome walked quickly. He had learned to walk quickly in the desert. You learn to walk quickly when there is nothing to walk toward and the sun doesn't care.

TASK_ID: HEXAPLA_RESTORE
ASSIGNED: HIERONYMUS, E.S.
SCOPE: Complete canonical translation, Hebrew > Greek > Latin
ESTIMATED COMPLETION: 15 years
ACTUAL COMPLETION: UNKNOWN / ONGOING / SEE COLUMN SEVEN
NOTE: Subject has history of instability. Desert exposure. Recommend monitoring.
NOTE: Subject is the best we have.
NOTE: Subject is the only one who would say yes.
He went home and sharpened something. His stylus. His ambition. His hatred of mediocrity, which in Jerome's case was so finely honed it had become its own kind of mediocrity, which he would never in his life acknowledge, which is the secret story inside the official story, which is always the better story.

Chapter II
Six Columns
On the Hexapla of Origen, and what happens to a man who reads too many versions of the same truth
Origen built a six-column Bible because he believed multiple versions of truth could exist side by side without any of them being wrong. He was an optimist. He was tortured to death in a prison.

Jerome studied the Hexapla the way you study a photograph of someone you loved who is now dead. Looking for information. Looking for the thing you missed. Not finding it. Looking again.

Column one: Hebrew. The original. The meat of it. The tongue God allegedly spoke in before God stopped talking, which is the thing no one in the church liked to discuss directly, the silence that followed, the long administrative silence, the bureaucracy of faith that emerges when the primary source goes offline.

Column two: Hebrew transliterated into Greek letters. The same words wearing different clothes. Jerome knew about this. Jerome wore different clothes everywhere he went. In Rome he wore Roman. In the desert he wore nothing and called it holiness. In Bethlehem he wore monk. The words remained the same underneath. He suspected the words remained the same underneath.

Column I — Hebrew
בְּרֵאשִׁית בָּרָא אֱלֹהִים
[In the beginning created God]

The verb comes before the noun.
The act precedes the actor.
This is either grammar or theology.
Column IV — Septuagint
ἐν ἀρχῇ ἐποίησεν ὁ θεὸς
[In the beginning made the God]

Identical. Almost.
The article appears.
Suddenly God has a the.
Column three: Aquila's Greek — so literal it practically bled through the page. Column four: the Septuagint, the old Greek version, the one the Rabbis rejected because of what they called mistranslation and what the Christians called divinely guided error, which is another way of saying the same thing depending on which side of the schism you'd had breakfast on.

Column five: Symmachus, who translated elegantly. Column six: Theodotion, who translated safely. And then for the Psalms, two more versions Origen had found in a jar near the Jordan, versions no one had seen, versions that belonged to no tradition, that came from nowhere recorded, translations of translations of translations until the original was so far back it might as well be a rumor.

A rumor, Jerome thought, is just a translation with no attribution.
He spent three nights reading the Hexapla straight through and did not sleep and on the fourth morning walked into a bakery and stood in front of the bread for eleven minutes without speaking until the baker asked him what he wanted and Jerome said I have no idea in classical Hebrew, which the baker did not understand, and handed him a loaf anyway, and Jerome ate it on the street like an animal, which is how prophets eat, and how the starving eat, and there is no difference.

Chapter III
The Desert, Briefly
On five years of silence and what fills the silence when you stop being brave about it
In the desert Jerome thought about women constantly. He wrote about this. This is why people trust him.

Five years in the Syrian waste. The rock. The sun that didn't illuminate, it interrogated. You learn things in that kind of heat. You learn that the body is not your enemy, it's your oldest acquaintance, the one who knew you before you had opinions, the one who will outlast your opinions by decades and has already made arrangements for the afterwards that you haven't been consulted on.

He studied Hebrew out there. Found a converted Jew who knew Hebrew and agreed to teach him for reasons that were probably practical and possibly theological and definitely about money, and Jerome sat in the rock heat and drilled vocabulary until the words became objects he could hold. Until bereshit felt like a stone in his palm. Until ruach — wind, spirit, breath — felt like what it described.

✦ ✦ ✦
He had hallucinations. He documented them. This is the Bukowski part of Jerome's life story — not the drinking, he wasn't much of a drinker — but the absolute commitment to putting the ugly truth on the page without flinching. In a letter he wrote: I who had condemned myself to that prison, alone, with scorpions and wild beasts, was often surrounded by dancing girls.

Not metaphorical dancing girls. The real ones. The ones from Rome. The ones from parties he'd attended before he decided that asceticism was the answer to a question his body had been asking since adolescence. The body doesn't forget parties. The body keeps a better archive than any library, and unlike a library, you can't burn it down, you can't defund it, you can't issue a papal decree that reclassifies its holdings as heretical. The body just keeps the files.

I wept. I beat my breast. I cried to God.
Then I went back to my Hebrew texts
and the Hebrew felt like cold water
and the cold water felt like punishment
and the punishment felt like
the closest thing to God
I had found in five years
which may say more about punishment
than about God
or may say everything about both.
He came back from the desert fluent in Hebrew, fluent in Greek, fluent in self-mortification, and completely unable to have a normal conversation about anything. He had become the kind of person who hears a simple question and answers the one underneath it. At dinner parties — there were still dinner parties; Rome ran on dinner parties the way machines run on fuel — he would respond to "Do you enjoy figs?" with a twelve-minute exegesis on the fig tree Jesus cursed and what the cursing meant and what it says about divine impatience and whether a God who curses fig trees is a God who has bad days or a God who is making a point and how you tell the difference and whether telling the difference matters.

People stopped inviting him to dinner parties. He didn't notice. He was already somewhere else. He was always already somewhere else.

Chapter IV
What Rufinus Said
On the accusation of heresy, the politics of translation, and being stabbed by your oldest friend in a document that circulated widely
Tyrannius Rufinus and Jerome had been friends since Aquileia. You know those friendships that are really competitions so old they've forgotten they're competitions and just call themselves friendship? That was Rufinus and Jerome.

Rufinus also translated Origen. Did it first in some ways. Did it differently. Rufinus smoothed the edges. Rufinus understood that a text is a product, and products need to be positioned for their market, and the market in 400 AD for Greek theological speculation was nervous and getting more nervous, and Pope Anastasius had recently decided that Origen was a problem, and when popes decide something is a problem it becomes a problem regardless of whether it was a problem before, which is what power means.

Rufinus, in his Apologia, circulated widely from 401 AD, paraphrased
"I am not a heretic. I am a translator. Jerome himself translated and praised Origen. I was merely curious. Intellectual curiosity is not damnation. Jerome is a hypocrite. I say this in love. I say this in Latin, so everyone can read it. I say this from two years of hard labor on a document that will probably outlast both of us, which, come to think of it, is the most honest thing either of us have produced."

Jerome, inevitably, responded. Jerome always responded. Jerome had the response mechanism of a man who has been storing ammunition since childhood and never found a war worthy of the stockpile until one arrived and then he opened every cabinet. The response was long. It was correct on several points. It was vicious on all of them. It ended what was left of the friendship the way a controlled demolition ends what is left of a building — precisely, thoroughly, with rubble everywhere and a cloud of dust that takes years to settle.

What neither of them said, in any document, in any language, in any of the columns of their respective Hexaplas of accusation and counter-accusation, was this: they were both right. Origen's work was brilliant. Origen's work was dangerous. These are not mutually exclusive properties. These are in fact the only configuration in which anything worth reading has ever existed.

WARNING: Text ahead contains material condemned by:
— Pope Anastasius I (399 AD)
— Second Council of Constantinople (553 AD)
— VARIOUS ENTITIES NOT YET FORMED AT TIME OF WRITING

Content includes: soul pre-existence. Universal salvation.
The salvation of the devil.

Proceed? [Y/N] ▌
Y.

Chapter V
The Ass Who Drinks Clean Water
Jerome's actual opinion of his critics, which he expressed in writing, repeatedly, using livestock as a metaphor
Jerome called his critics two-legged asses who preferred to lap up muddy rivulets when they could drink clean water. He meant this sincerely. He published it. He was right and he was insufferable and he was right.

When the Gospels he'd improved came back to him wrapped in outrage — too different, too accurate, too corrected, who gave you the right to correct what we have already memorized, what we have built our liturgy around, what our grandmothers whispered on their deathbeds — Jerome felt the outrage land and transform inside him into something else. Not anger. Certainty. The outrage of other people had always been Jerome's most reliable fuel.

He wrote. God, he wrote. In the thirty-four years he spent in Bethlehem he produced commentary on nearly every book in the Bible. He produced letters, polemics, histories, translations. He wrote to women — forty percent of his correspondence was addressed to women, which the Church found strange and which the Church's critics found suspicious and which Jerome found obvious, since the women he knew were smarter, more serious, and better funded than the men, and if you're doing serious work you correspond with serious people and let the demography of seriousness determine your contact list.

✦ ✦ ✦
Paula gave him the money. A wealthy Roman, a widow, she followed him to Bethlehem and funded the monastery next to the Church of the Nativity and sat in it working alongside him and did not ask for co-authorship, which in another century she would have received, which in this one we note with the particular flatness of the historical record acknowledging its own crimes without quite calling them crimes.

They worked side by side for years. She was learning Hebrew. At her age, with her grief — she'd lost a daughter, then a husband, then Rome itself in the way you lose places when you've left them on purpose — she was parsing the Psalms in their original tongue because Jerome had told her it mattered. She believed him. She was right to believe him. The original tongue always matters. The original tongue is the thing you translate away from. The thing you translate toward is always a little less.

Every translation is a loss dressed in the language of the destination.
Every translation is a love letter to the thing you couldn't carry across.
The asses continued to bray. Jerome continued to translate. The clean water continued to flow. The muddy rivulets continued to be preferred by most people, which is the story of most things, which is not tragedy exactly, it's just the mean of the distribution, the average, the median human response to quality, which is suspicion followed by acceptance followed by mandatory reverence once the creator is safely dead.

Chapter VI
Leonides
On Origen's father, martyrdom, and what you become when the person who made you is made into an example
Origen's father Leonides was executed in 202 AD for being a Christian. Origen was seventeen. Origen wanted to die with him. His mother hid his clothes.

The mother hid the clothes. This is the detail. This is the Burroughs cut-up of it, the accidental surrealism of real history — all these centuries of theology, all these columns and translations and condemnations and counter-condemnations, and the hinge-point is a mother hiding a teenage boy's clothes so he can't leave the house naked to get himself killed in solidarity with his father.

Origen wrote a letter to his father in prison. Encouraging him to accept martyrdom. Not to recant. Seventeen years old. His father in a cell, his mother holding the toga, and Origen writing: don't deny the faith on our account. Which means: I release you. Which means: I am already becoming the kind of person who can say that, which means I am already becoming something other than a child, which happens faster when someone takes your father and the speed of it doesn't announce itself, you just look back later from the distance of thirty years and see the exact coordinate where you stopped being one thing and started being another.

SUBJECT: ORIGEN OF ALEXANDRIA
DOB: approx. 185 AD / Alexandria
FATHER: Executed, public spectacle, subject age 17
SUBSEQUENT BEHAVIOR: Extreme asceticism. Voluntary poverty.
Prolific intellectual production. Self-castration (disputed).
Martyrdom-seeking behavior, suppressed.

ASSESSMENT: Subject organized entire theological career
around the proposition that nothing is permanently damned.
Not souls. Not fallen angels. Not the devil himself.
Everything returns. Everything is restored.

NOTE: Subject's father was not restored.
NOTE: Subject was aware of this irony.
NOTE: Subject built a system anyway.
He had to provide for his mother and six younger siblings after Leonides died. The youngest was practically an infant. Origen was seventeen and suddenly the architecture of his life had a different load-bearing wall and the old one was gone and you don't get a structural engineer to come in and assess it, you just stand in the building and feel where the flex is and work out what can hold weight.

He taught. This is what he did. He opened a school and taught. He was brilliant at seventeen in the way only the devastated are brilliant — not with the cockiness of the comfortable, but with the urgent precision of someone who understands that time is actually limited and that the conversation is actually urgent and that the person in front of you is actually going to die, has in fact already begun dying, as we all have, and that this is not a reason to despair but a reason to pay attention, to be here, to translate accurately.

Chapter VII
Persistent Storage
On what happens to a text after the man is dead and the servers have changed hands and the original is lost and what remains is a Latin paraphrase of a Greek original that was itself a commentary on a Hebrew text that was itself
Here is a thing about the Hexapla: the original is lost. The whole thing. Six columns. The greatest work of textual scholarship in the ancient world. Gone.

What survives are pieces. Fragments. Notes other people took while reading it. Catenae — chains — anthologies of quotes compiled by later scholars who were reading the Hexapla when it still existed, who clipped sentences and paragraphs and stitched them into new documents the way you stitch things in a dream from pieces of other dreams.

What survives of Origen's philosophical masterwork, De Principiis — On First Principles — is mostly Rufinus's Latin translation, which Rufinus admitted he'd modified to smooth out the heterodox edges, which means the most complete version of Origen's most daring work is the censored edition by a friend who was also a competitor who was also, at the time of the translation, already anticipating the condemnation.

Original
Lost.
Burned, possibly.
Abandoned, possibly.
Disintegrated in the
ordinary way of papyrus
which does not care
about the words it holds
and gives them up
without ceremony.
What We Have
A translation
of a translation
of a translation
by men who loved
the original
enough to change it
which is the most
human thing
there is.
Jerome understood this. This was the condition of his entire enterprise. He was working backward through a chain of broken telephones toward a source that may itself have been a translation of something older, something oral, something spoken in a desert around a fire by people who had not yet invented writing and whose version of God was therefore perfectly preserved in the medium of no record whatsoever.

He sat in his cell in Bethlehem with his skull on his desk — he kept a skull on his desk, this is documented, he was that kind of person, the kind of person who needs a skull on his desk as a memento mori, as a reminder that time is limited, which is a thing that takes some people a skull to remember and other people learn from simply being alive and awake and Jerome was not one of the latter — and he worked.

✦ ✦ ✦
The lion, if there was a lion, came later in the legend. A thorn in the paw. Jerome removing it. The lion staying out of gratitude, domesticated by an act of attention, which is maybe the whole gospel in miniature, maybe the whole reason the lion ended up on every painting of the man — not because it happened but because it should have happened, because it captures something true about what it means to remove the thing that is causing pain, even if the creature causing pain is large and loud and everyone around you has run away.

Jerome didn't run. Jerome never ran. Jerome walked quickly, yes, but always toward.

Chapter VIII
The Jar in the Jordan
On discovery, and the terror of finding something that wasn't supposed to be there
Origen found two Bible translations in a jar near the Jordan River. No one knows who put them there. Origen added them as columns seven and eight of his later expanded work. He didn't explain the finding. He just included the evidence.

This is the strangest detail in all of it. Stranger than the self-castration stories, stranger than the skull, stranger than the dancing girls in the desert — a jar near a river containing translations of scripture in a tradition no one recognized, placed there by hands whose names we will never have, found by a man who was already building a structure large enough to include them.

What do you do when you find something that doesn't fit the established taxonomy? You have choices. You can ignore it. Most people ignore it. The career move is to ignore it. You can explain it away — forgery, error, coincidence, the jar was always there and the translations are derivative of known texts and there is nothing anomalous here, nothing that requires us to revise the structure. Or you can do what Origen did: you can add a column. You can make the table wider. You can say: this exists, therefore the table must accommodate it, not the other way around.

LOCATION: Jordan River, vicinity. Date unknown.
OBJECT: Ceramic vessel, sealed. Contents: manuscript.
LANGUAGE: Greek, variant unidentified.
CONTENT: Psalms, full text, translation unknown provenance.

FINDER: Origen of Alexandria, c. 240 AD.
ACTION TAKEN: Incorporated into Hexapla as supplementary columns.
EXPLANATION PROVIDED: None.

CLASSIFICATION: ANOMALY. RETAINED.
CURRENT STATUS OF ORIGINAL JAR: Unknown.
CURRENT STATUS OF TRANSLATIONS: Lost with Hexapla.
CURRENT STATUS OF QUESTION THEY RAISED: Open.
The question they raised was this: how many versions of the sacred exist that we haven't found yet? How many jars are still sitting in riverbeds? How many texts are encoded in traditions we've dismissed, in people we've conquered, in languages we declared dead and then watched die, in the cellular memory of every human alive whose ancestors survived something we wrote out of the canonical record?

Jerome knew there was a jar. There's always a jar. You find it or you don't. The jar doesn't care either way. The river keeps moving over it. The river is completely indifferent to the significance of what it is washing over. This is either comforting or devastating depending on what day it is, and on most days it is both simultaneously, which is the condition they used to call being alive and now we call something with a longer name that insurance companies have opinions about.

The translation you weren't looking for
is the one that changes what you thought
the original said.
Chapter IX
Pope Damasus Dreams in Latin
A departure. An interpolation. A chapter that the Hexapla would have marked with an asterisk indicating it appears in this version but not in the others.
The old Pope dreamed. At eighty, this is mostly what you do. The body and the brain have made an agreement where the body handles the maintenance and the brain handles the filing of everything that happened, everything that should have happened, everything that happened to someone else that you absorbed and called experience.

He dreamed in Latin because Latin was the administrative language of his soul. Before that there had been Greek. Before the Greek there had been a childhood language from somewhere he no longer visited even in dreams, a language that lived now only in a few words he couldn't explain to anyone because they were pre-explanation, they were the layer of language before language, the layer where things have sounds but not reasons.

In the dream he was trying to read a document. Standard dream architecture — the document kept shifting. Hebrew to Greek to a script he didn't recognize. He understood, in the dream-logic way, that it was all the same document, that the shifts were not errors but columns, that he was reading a Hexapla of his own life, the same events rendered in six different translations, each one true, none of them complete.

✦ ✦ ✦
He had commissioned Jerome. He knew what Jerome was. Jerome was a weapon you aimed at a problem and the problem was destroyed but so was everything in the surrounding area for two kilometers and Jerome called this scholarship. Damasus had aimed him well. The Vulgate would outlast both of them by a thousand years. Would be declared authoritative by a Council in 1546 that neither of them would be alive to find vindicating, which is the joke at the center of legacy, the punchline nobody lives to hear.

He woke at three AM. Called for water. Drank it. Lay back down. Outside: Rome, which was always there, which had always been there, which everyone had always believed would always be there, which would not always be there, which was in 382 AD approximately ninety years from not being there in the way it had been, which in terms of institutions is nothing, which in terms of human lives is everything.

In a data center somewhere a cooling fan fails.
The temperature rises 0.3 degrees.
An automated system logs it.
The log is stored on the same server
that is now 0.3 degrees warmer.

This is what they mean by
the observer effect.
This is what they mean by
being inside the thing you're trying to measure.

Jerome was inside the thing he was trying to translate.
We are inside the thing we are trying to translate.
The fan continues to fail.
Damasus died in December 384. Jerome was in Antioch by then, heading back to the east, heading back to the desert's general direction, never quite able to stay in Rome, never quite able to leave Rome, caught in the orbital pattern of a man who has exactly one home and has made it inaccessible through a combination of moral severity and interpersonal damage and pure stubborn refusal to be comfortable.

The Vulgate continued. The lion would come later, in the stories. The skull was already on the desk. The dancing girls were managed. The clean water ran.

Chapter X
Apokatastasis
Origen's most dangerous idea: that everything — everything — returns to God. The devil. The damned. The deleted. The data.
Apokatastasis. Greek. The restoration of all things. Origen believed it. Was condemned for it. Was right about it in the way that people who are condemned are sometimes right — not in the details, not in the theological scaffolding, but in the intuition underneath, the thing the scaffolding was trying to reach.

The idea was this: God is not a system with permanent waste. What is lost is not lost forever. What falls is not fallen permanently. Even the devil — which Origen called the devil, though the mechanics were Platonic and the terminology was slippery in the way all terminology is slippery when it's reaching for something that hasn't happened yet — even the devil returns. Everything returns to the source from which it was separated, not by destruction but by movement, by the slow reversal of the fall, by what happens at the end of the entropy if you run the equation forward far enough.

Second Council of Constantinople, 553 AD
"If anyone says or thinks that the punishment of demons and of impious men is only temporary and will one day have an end — anathema."

Origen, from approximately 230 AD, paraphrased
"I am speculating. I am explicitly speculating. I have said this is speculative multiple times. I am working in the area outside the Rule of Faith which I have clearly delineated. I am using the freedom that educated believers are permitted. I may be wrong. I think I might be right. I find it very hard to believe that a God whose central attribute is described as love would design a system with permanent waste."

He was condemned unanimously three hundred years after his death. This is the timeline. Write the idea in 230. Get condemned in 553. The idea continues anyway, underground, in the monastics, in the mystics, in everyone who reads the Psalms late at night and feels something that doesn't match the official position on final destinations, something more like opening than closing, something more like return than disposal.

IF: All rational souls were created equal.
IF: The fall is the result of free movement away from God.
IF: The movement is not irreversible.
THEN: The project is still running.
THEN: The restoration is ongoing.
THEN: Nothing has been permanently deleted.
THEN: The Hexapla exists somewhere.
THEN: The jar is still in the river.
THEN: YOU ARE STILL IN THE RIVER.
THEN: This is not a warning.
THEN: This is the gospel according to column seven.
Jerome translated Origen's homilies into Latin. Fourteen of them. Carried the ideas across from Greek to Latin, changed the clothes without changing the body, added them to the archive of Western thought where they would sit and trouble comfortable people for the next seventeen hundred years. He praised Origen. He later, under political pressure, distanced himself from Origen. He went on translating Origen's methods if not his conclusions, using the textual tools Origen had built, standing on the Hexapla like a ladder.

You can condemn a ladder. You can declare it heretical. You still need it to reach the thing you're trying to reach.

Chapter XI
Column Seven
The chapter that doesn't appear in the canonical table of contents. The version found in a jar. The translation with no attribution.
There is a version of this story in which no one is a saint and no one is a heretic and everyone is just a person trying to get the words right before the light fails.

Jerome in his cell in Bethlehem, 405 AD or thereabouts, the Vulgate substantially complete, the commentaries ongoing, Paula dead — she died before him, she always worked harder than him, she burned through faster, which is what happens when you work that hard in grief — and Jerome working by lamplight, the skull watching, the pile of manuscripts geological in its depth, the languages overlapping in his head now, Hebrew becoming Greek becoming Latin in real time, a live translation engine, a man who has become the process.

What does he think about in these hours? We have the letters. The letters are furious and precise and brilliant and occasionally wrong and never boring. But the letters are not the thought before the letter, the thought that doesn't make it to the page, the thought that lives in the room with the skull and the lamp.

✦ ✦ ✦
He thinks about his father. Whether his father read. He thinks about Origen's father. Leonides in the cell, the letter from the seventeen-year-old son, the instruction to be brave, which is what you say when you know the other person is going to die and there's nothing else to offer but the dignity of how. He thinks about what happens to the accumulated words. Whether words persist. Whether the Hexapla is gone or whether gone is a category that doesn't apply to ideas the way it applies to papyrus.

He doesn't believe in apokatastasis. He's on record. He condemned it when it was politically necessary to condemn it, and the condemning felt bad in the way that doing politically necessary things feels bad, which is a specific kind of bad that leaves a residue, that shows up in the quality of the lamplight at three AM in a monastery cell in Bethlehem with a skull on the desk.

The sixth column is Theodotion.
The seventh is the jar.
The eighth is what you find
when you're not looking for anything
and your hands are already in the river
and the water is the temperature
of the air and you can't feel
where you end.

Origen called it restoration.
Jerome called it translation.
The jar called it
nothing.
The jar was just the jar.
The words were inside.

Someone put them there.
Someone will find them.

Column seven is always
the one you weren't
prepared for.
Jerome died around 420 AD, in Bethlehem. The lion, if there was a lion, was there. The skull was there. The manuscripts were there, filling the monastery, organized and annotated and cross-referenced in multiple languages, the greatest private library in the ancient world, the life work of a man who spent five years in a desert eating nothing and thinking about women and came back and put it all into words.

The words remained. The Latin spread. The West organized itself around it, built its liturgy around it, its legal system borrowed its cadences, its philosophers argued with its prepositions, its painters put the lion in and the skull in and the beautiful light falling through a stone window onto an open book, the book always open, always mid-translation, always in the act of carrying something from one language into another, always losing a little, always finding a little, always in the beautiful terrible middle of the crossing.

Between the Hebrew and the Latin
there is a space.
The space is not silence.
The space is where the translator lives —
in the between, in the not-yet-arrived,
in the version that is always almost
the right words.
The Hexapla is lost. The jar is somewhere in the river. Origen's father is not coming back. Paula is not coming back. The dancing girls in the desert are not coming back, which is either the point of the asceticism or its failure depending on which column you're reading from.

The old Pope is very dead. Rome fell. The Vulgate survived Rome falling, survived the Reformation calling it into question, survived the Council of Trent declaring it authoritative in 1546, survived the twentieth century which was harder on texts than any council, survived into this moment, this light, this screen you're reading on which is also a kind of translation device, which is also a kind of Hexapla, multiple columns, multiple versions, the same document rendered differently depending on the language of your browser, the resolution of your screen, the time of day, the particular quality of your hunger.

Jerome sharpens his stylus. Origen adds a column. Paula turns a page in the Hebrew. The lion, if there is a lion, breathes in the corner. The skull watches.

The lamp stays lit a little longer.

—fin.

▌ END OF TRANSMISSION ▌
HEXAPLA
ORIGEN OF ALEXANDRIA — c.185–c.254 AD
ST. JEROME — c.347–420 AD
THE HEXAPLA — compiled c.240 AD / lost
THE VULGATE — commissioned 382 AD / still in use
THE JAR — found / contents lost / question open