unravel-dispatch-summer-2026

  font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased;

  padding: 0 18px;

}

a:focus-visible, .btn:focus-visible, button:focus-visible { outline: 2px solid var(--t-accent, #E58C60); outline-offset: 2px; }

a:focus-visible, .btn:focus-visible, button:focus-visible { outline: 2px solid var(--t-accent, #E58C60); outline-offset: 2px; border-radius: 3px; }

/* browser surfaces themed from the palette — the cheap tell that this was built */

::selection { background: rgba(232,142,97,.30); }

html { scrollbar-color: var(--faint) transparent; scrollbar-width: thin; }

::-webkit-scrollbar { width: 13px; height: 13px; }

::-webkit-scrollbar-thumb { background: var(--faint); border-radius: 8px; border: 3px solid var(--ground); }

::-webkit-scrollbar-thumb:hover { background: var(--muted); }

::-webkit-scrollbar-track { background: transparent; }

@keyframes rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

/* ===== the terminal window — always dark, a real console on the desk ===== */

.term {

  --t-bg: #0C2033; --t-fg: #E9EFEA; --t-dim: #86A2AE; --t-accent: #E88E61; --t-green: #A9C9A0; --t-line: rgba(233,239,234,.10);

  max-width: 760px; margin: 34px auto 12px; background: var(--t-bg); color: var(--t-fg);

  border: 1px solid rgba(255,255,255,.09); border-radius: 12px; overflow: hidden;

  box-shadow: 0 30px 70px rgba(0,0,0,.35), 0 2px 0 rgba(255,255,255,.05) inset;

  font-family: "SF Mono", ui-monospace, "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;

  animation: rise .55s cubic-bezier(.16,1,.3,1) both;

}

.term-bar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgba(255,255,255,.035); border-bottom: 1px solid var(--t-line); }

.term-bar .d { width: 12px; height: 12px; border-radius: 50%; }

.d1 { background: #C96A4A; } .d2 { background: #D9B679; } .d3 { background: #8FBF86; }

.term-bar .ttl { margin-left: 10px; font-size: 12px; color: var(--t-dim); letter-spacing: .02em; }

.term-body { padding: 26px clamp(20px, 4vw, 34px) 32px; font-size: 14.5px; line-height: 1.8; }

.term-body { padding: 26px clamp(20px, 4vw, 34px) 32px; font-size: 14.5px; line-height: 1.8; font-variant-numeric: tabular-nums; }

.cmd { margin: 0 0 22px; color: var(--t-dim); font-size: 13.5px; }

.cmd .pr { color: var(--t-green); }

.cmd .fl { color: var(--t-accent); }

.t-h1 { font-family: inherit; font-weight: 700; font-size: clamp(23px, 4.4vw, 33px); line-height: 1.16; letter-spacing: -0.01em; margin: 0 0 12px; color: var(--t-fg); }

.t-h1 { font-family: inherit; font-weight: 700; font-size: clamp(24px, 4.6vw, 35px); line-height: 1.14; letter-spacing: -0.02em; margin: 0 0 12px; color: var(--t-fg); }

.t-h1 .hash { color: var(--t-dim); font-weight: 400; }

.hl { color: var(--t-accent); }

.t-sub { color: var(--t-dim); font-size: 15px; margin: 0 0 6px; max-width: 60ch; }

    <p class="cmd"><span class="pr">unravel@dispatch</span> ~ % cat <span class="fl">q3-2026.md</span></p>

    <h1 class="t-h1"><span class="hash"># </span>A brittle engine, rebuilt in <span class="hl">two weeks</span>.</h1>

    <p class="t-sub">The quarter in one screen: what we shipped, what we learned, and what you can use whether or not we ever work together.</p>

    <h1 class="t-h1"><span class="hash"># </span>A production engine, rebuilt in <span class="hl">two weeks</span>.</h1>

    <p class="t-sub">The quarter in one screen: proof we ship fast, plus a few things you can use whether or not you ever hire us.</p>

    <div class="sec">

      <p class="sech">at_a_glance</p>

    <div class="sec">

      <p class="sech">case_study</p>

      <p>A client's AI music-video engine, written in Java, had grown brittle: frequent reverts and mobile apps breaking in production. We rebuilt it in Python, contract-first and verified against the real clients, and shipped the cutover in <span class="hl">two weeks</span> with nothing rolled back.</p>

      <p class="dim">the fix for a slow, breaking engine is rarely a bigger team. it is a disciplined rebuild.</p>

      <p class="dim">if your AI product outgrew its code and now costs you speed, this is the work we do.</p>

    </div>

    <div class="sec">