/* Origin band, Nov 3 2026. Scoped to .origin-band. */
.origin-band{background:var(--paper);border-top:2px solid var(--ink)}
.origin-band .ob-in{display:grid;gap:clamp(2rem,5vw,4rem)}
@media (min-width:56em){.origin-band .ob-in{grid-template-columns:7fr 5fr;align-items:start}}
.origin-band .ob-label{color:var(--ink)}
.origin-band .ob-h{max-width:20ch;margin:0 0 1.5rem}
.origin-band .ob-p{font-size:clamp(1.0625rem,1rem + .5vw,1.3125rem);line-height:1.5;max-width:46ch;margin:0 0 1.15rem}
.origin-band .ob-p:last-child{margin-bottom:0}
.origin-band .ob-p em{font-style:normal;background:var(--yellow);padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.origin-band .ob-kicker{display:block;font:800 .75rem/1 "Archivo",sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--ink)}
.origin-band .ob-ladder{list-style:none;counter-reset:ladder;margin:0 0 1.25rem;padding:0;display:grid;gap:.9rem}
.origin-band .ob-ladder li{counter-increment:ladder;display:grid;grid-template-columns:2rem 1fr;gap:.75rem;align-items:baseline;font-size:1.0625rem;line-height:1.35;font-weight:600}
.origin-band .ob-ladder li::before{content:counter(ladder);font:800 .8125rem/1.6 "Archivo",sans-serif;text-align:center;background:var(--yellow);color:var(--ink);border-radius:999px;width:1.6rem;height:1.6rem;display:inline-block}
.origin-band .ob-ladder li:last-child{font-weight:800}
.origin-band .ob-note{font-size:.9375rem;line-height:1.45;color:#4a4a4a;margin:0 0 1.5rem;max-width:34ch}


/* Nov 4 2026: the story column is about 1,300px tall and the ladder beside it
   only about 455px, so the right side sat empty for a full screen. Ladder now
   travels with the reader on wide screens and the band closes on the takeaway. */
@media (min-width:56em){
  .origin-band .ob-r{position:sticky;top:5.5rem;align-self:start}
  .origin-band .ob-in{align-items:start}
}
@media (prefers-reduced-motion:reduce){.origin-band .ob-r{position:static}}


/* Nov 4 2026: on a phone the band ran about three screens of text before anything
   else happened. Phones keep the setup, the Uber Eats timing and the point.
   The developer story and the resume line stay on tablet and desktop, and the
   ladder beside it still lists every stop. */
@media (max-width:40em){
  .origin-band .ob-p.p3,.origin-band .ob-p.p5{display:none}
}