/* ════════════════════════════════════════════════════════════════════════
   Ongoing Projects — cinematic scroll-snap page (Views/ongoing-projects.php,
   content/ongoing-projects-beats.php). The shared scroll-snap scaffold lives in
   app.css (.cine-*), applied alongside the .op-* hooks initCineFilm('op') queries.
   This file keeps only Ongoing-Projects-specific structure: the build status pill,
   the scale/meta line, the tighter fact column, and the snugger service-line gap.
   The accent swaps per beat via [data-accent] (tokens.css). ════════════════════ */

/* ── Build header — status pill + scale/meta line ───────────────────────── */
.op-status{display:inline-flex;align-items:center;gap:8px;margin:0 0 var(--s-4);
  font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-mid);
  border:var(--b-hairline) solid var(--ink-700);border-radius:999px;padding:5px 12px;background:rgba(18,21,25,.55);}
.op-status-dot{width:var(--s-2);height:var(--s-2);border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex:0 0 auto;}
.op-service-meta{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.04em;color:var(--accent);margin:0 0 var(--s-4);}

/* Snugger service-line gap than the .cine- default (s-3 vs s-4). */
.op-service-line{margin-bottom:var(--s-3);}

/* Tighter fact term column than the .cine- default (overrides .cine-fact). */
.op-fact{grid-template-columns:minmax(110px,11ch) 1fr;}