/* ============================================================
   TF154 — Classified-Dossier design system
   Ported from jack-mercer.com (whiskytango25/jack-mercer) 2026-06-25.
   Shared by /dossier, /series, /intel on taskforce154.com.
   The cinematic splash (taskforce154-cinematic.html) keeps its own
   distinct styling — this file is for the dossier-family subpages only.
   ============================================================ */

:root {
  --bg: #050505; --bg-1: #0b0b0b; --bg-2: #121212; --bg-3: #1a1a1a;
  --line: #1f1f1f; --line-2: #2a2a2a;
  --ink: #e8e6e1; --ink-dim: #a6a39a; --ink-mute: #6e6b63;
  /* TF154 canonical accent — crimson only (no amber; amber = WTI). */
  --accent: #C42626; --accent-hi: #E03535; --accent-lo: #8B1A1A;
  --red: #C42626;
  --ff-display: "Oswald","Impact",system-ui,sans-serif;
  --ff-mono: "IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --maxw: 1280px; --pad: clamp(20px,4vw,56px);
}
*,*::before,*::after { box-sizing: border-box; }
html,body { background: var(--bg); }
body { margin:0; color:var(--ink); font-family:var(--ff-mono); font-size:14px; line-height:1.65;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; }
::selection { background:var(--accent); color:#fff; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
button { font:inherit; color:inherit; background:none; border:0; cursor:pointer; }

body::before,body::after { content:""; position:fixed; inset:0; pointer-events:none; z-index:100; }
body::before { background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,0.012) 0 1px,transparent 1px 3px); mix-blend-mode:overlay; opacity:0.55; }
body::after { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"); opacity:0.12; mix-blend-mode:overlay; }

.label { font-family:var(--ff-mono); font-size:11px; font-weight:500; letter-spacing:0.22em; text-transform:uppercase; color:var(--ink-mute); }
.label.hl { color:var(--accent); }
h1,h2,h3,h4 { font-family:var(--ff-display); font-weight:500; letter-spacing:0.02em; line-height:0.95; margin:0; text-transform:uppercase; color:var(--ink); }
p { margin:0; }

.classification { position:relative; z-index:30; background:var(--red); color:#fff; text-align:center;
  font-family:var(--ff-mono); font-size:10.5px; font-weight:600; letter-spacing:0.32em;
  padding:7px 16px; text-transform:uppercase; border-bottom:1px solid rgba(0,0,0,0.35); }
.classification .dot { display:inline-block; width:6px; height:6px; background:#fff; border-radius:50%;
  margin:0 12px; vertical-align:middle; animation:blink 2.4s steps(2,end) infinite; }
@keyframes blink { 50% { opacity:0; } }

/* NAV */
.nav { position:sticky; top:0; z-index:20; background:rgba(5,5,5,0.86);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-bottom:1px solid var(--line); }
.nav-inner { max-width:var(--maxw); margin:0 auto; padding:14px var(--pad);
  display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:12px; }
.brand-mark { width:28px; height:28px; border:1px solid var(--accent); color:var(--accent);
  display:grid; place-items:center; font-family:var(--ff-display); font-weight:600; font-size:14px; position:relative; }
.brand-mark::before,.brand-mark::after { content:""; position:absolute; inset:3px; border:1px solid rgba(196,38,38,0.25); pointer-events:none; }
.brand-name { font-family:var(--ff-display); font-weight:500; font-size:16px; letter-spacing:0.18em; text-transform:uppercase; }
.brand-sub { font-family:var(--ff-mono); font-size:9.5px; letter-spacing:0.28em; color:var(--ink-mute); text-transform:uppercase; margin-top:2px; }
.nav-links { display:flex; gap:28px; align-items:center; }
.nav-links a { font-family:var(--ff-mono); font-size:12px; font-weight:600; letter-spacing:0.18em;
  text-transform:uppercase; color:var(--ink); transition:color 160ms ease; position:relative; padding:4px 0; }
.nav-links a:hover { color:var(--accent); }
.nav-links a::before { content:""; position:absolute; bottom:-1px; left:0; width:0; height:1px; background:var(--accent); transition:width 200ms ease; }
.nav-links a:hover::before { width:100%; }
.nav-links a.active { color:var(--accent); }
.nav-links a.active::before { width:100%; }
.nav-links .ig { color:var(--ink-mute); }
.nav-links .ig:hover { color:var(--accent); }

/* HAMBURGER */
.nav-toggle { display:none; flex-direction:column; justify-content:space-between;
  width:28px; height:20px; background:none; border:none; cursor:pointer; padding:0; z-index:96; flex-shrink:0; }
.nav-toggle span { display:block; height:1px; width:100%; background:var(--ink); transition:transform .25s ease,opacity .2s ease; }
.nav-toggle.open span:nth-child(1) { transform:translateY(9.5px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity:0; }
.nav-toggle.open span:nth-child(3) { transform:translateY(-9.5px) rotate(-45deg); }
.mobile-nav { position:fixed; top:49px; left:0; right:0; background:rgba(5,5,5,0.97);
  border-top:1px solid rgba(196,38,38,0.2); border-bottom:1px solid rgba(196,38,38,0.3);
  backdrop-filter:blur(14px); z-index:93; transform:translateY(-6px);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:transform .25s ease,opacity .22s ease,visibility .25s; display:none; }
.mobile-nav.open { transform:translateY(0); opacity:1; visibility:visible; pointer-events:auto; }
.mobile-nav a { display:block; padding:19px var(--pad); font-family:var(--ff-mono); font-size:12px;
  letter-spacing:.3em; text-transform:uppercase; color:var(--ink-dim); text-decoration:none;
  border-bottom:1px solid rgba(196,38,38,0.1); transition:color .2s,background .2s; }
.mobile-nav a:last-child { border-bottom:0; }
.mobile-nav a:hover { color:var(--accent); background:rgba(196,38,38,0.05); }
.mobile-nav a.cta { color:var(--accent); background:rgba(196,38,38,0.10); }
.mobile-nav a.cta:hover { color:#fff; background:var(--accent); }

@media (max-width:780px) {
  .brand-sub { display:none; }
  .nav-links { display:none; }
  .nav-toggle { display:flex; }
  .mobile-nav { display:block; }
}

/* BUTTONS */
.btn { display:inline-flex; align-items:center; gap:14px; padding:14px 22px; background:var(--accent);
  color:#fff; font-family:var(--ff-mono); font-size:12px; font-weight:600; letter-spacing:0.22em;
  text-transform:uppercase; border:1px solid var(--accent);
  transition:background 180ms ease,color 180ms ease,transform 120ms ease; cursor:pointer; }
.btn::before { content:"›"; font-family:var(--ff-mono); font-size:14px; line-height:1; transform:translateY(-1px); }
.btn:hover { background:var(--accent-hi); border-color:var(--accent-hi); }
.btn:active { transform:translateY(1px); }
/* secondary / outline variant — used for the second CTA in a dual-button row */
.btn.secondary { background:transparent; color:var(--accent); }
.btn.secondary:hover { background:rgba(196,38,38,0.10); color:var(--accent-hi); }

/* HERO */
.hero { position:relative; border-bottom:1px solid var(--line); overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0;
  background-image:radial-gradient(60% 50% at 80% 0%,rgba(196,38,38,0.06),transparent 70%),
                  radial-gradient(40% 40% at 0% 100%,rgba(196,38,38,0.04),transparent 70%);
  pointer-events:none; }
.hero-inner { max-width:var(--maxw); margin:0 auto;
  padding:clamp(48px,7vw,96px) var(--pad) clamp(56px,8vw,112px);
  display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(32px,5vw,72px); align-items:center; }
@media (max-width:880px) { .hero-inner { grid-template-columns:1fr; } }
.hero-meta { display:flex; align-items:center; gap:18px; margin-bottom:28px; flex-wrap:wrap; }
.hero-meta .file { color:var(--accent); border-left:2px solid var(--accent); padding-left:10px; }
.hero-meta .sep { color:var(--ink-mute); letter-spacing:0.32em; }
.hero-title { font-size:clamp(64px,13vw,176px); letter-spacing:0.005em; font-weight:600; line-height:0.86; }
.hero-title .l1,.hero-title .l2 { display:block; }
.hero-title .l2 { -webkit-text-stroke:1px var(--accent); color:transparent; transform:translateY(-4px); }
.hero-sub { margin-top:clamp(20px,3vw,32px); font-size:13px; letter-spacing:0.24em;
  text-transform:uppercase; color:var(--ink-dim); max-width:36ch; }
.hero-sub .slash { color:var(--accent); padding:0 10px; }
.hero-cta-row { margin-top:clamp(28px,4vw,44px); display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.hero-cta-note { font-size:10.5px; letter-spacing:0.24em; color:var(--ink-mute); text-transform:uppercase; }
/* centered single-column hero — used where there is no portrait/cover companion (intel) */
.hero-inner.centered { grid-template-columns:1fr; justify-items:center; text-align:center; max-width:980px; }
.hero-inner.centered .hero-meta,
.hero-inner.centered .hero-cta-row { justify-content:center; }
.hero-inner.centered .hero-sub { max-width:54ch; margin-left:auto; margin-right:auto; }
/* series hero — series-level statement: centered, no image, larger title weight */
.hero-inner.hero-lg .hero-title { font-size:clamp(80px,16vw,216px); }
.portrait { position:relative; aspect-ratio:4/5; background:var(--bg-1); border:1px solid var(--line-2); overflow:hidden; }
.portrait img { width:100%; height:100%; object-fit:cover; filter:contrast(1.05) saturate(0.85) brightness(0.92); }
.portrait::after { content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(5,5,5,0) 50%,rgba(5,5,5,0.55) 100%),
            radial-gradient(120% 80% at 50% 0%,rgba(5,5,5,0) 50%,rgba(5,5,5,0.4) 100%); pointer-events:none; }
.crosshair { position:absolute; width:22px; height:22px; pointer-events:none; z-index:3; }
.crosshair::before,.crosshair::after { content:""; position:absolute; background:var(--accent); }
.crosshair::before { width:100%; height:1px; top:50%; }
.crosshair::after { width:1px; height:100%; left:50%; }
.crosshair.tl { top:8px; left:8px; } .crosshair.tr { top:8px; right:8px; }
.crosshair.bl { bottom:8px; left:8px; } .crosshair.br { bottom:8px; right:8px; }
.portrait-meta { position:absolute; left:14px; right:14px; bottom:14px;
  display:flex; justify-content:space-between; align-items:flex-end;
  font-family:var(--ff-mono); font-size:10px; letter-spacing:0.22em; text-transform:uppercase; color:var(--accent); z-index:4; }
.portrait-meta .col { display:flex; flex-direction:column; gap:4px; }
.portrait-meta .v { color:var(--ink); font-weight:500; }
.portrait-meta .k { color:var(--ink-mute); font-size:9px; }

/* SECTIONS */
.section { position:relative; padding:clamp(72px,9vw,128px) 0; border-bottom:1px solid var(--line); }
.section-inner { max-width:var(--maxw); margin:0 auto; padding:0 var(--pad); }
.section-head { display:grid; grid-template-columns:240px 1fr; gap:32px; align-items:end;
  margin-bottom:clamp(36px,5vw,64px); padding-bottom:24px; border-bottom:1px solid var(--line); }
@media (max-width:720px) { .section-head { grid-template-columns:1fr; gap:12px; } }
.section-head .eyebrow { display:flex; flex-direction:column; gap:6px; }
.section-head .eyebrow .num { font-family:var(--ff-mono); font-size:11px; letter-spacing:0.28em; color:var(--accent); }
.section-head .eyebrow .filemeta { font-family:var(--ff-mono); font-size:9.5px; letter-spacing:0.28em; color:var(--ink-mute); text-transform:uppercase; }
.section-head h2 { font-size:clamp(42px,6vw,72px); font-weight:500; }
.section-head h2 .accent { color:var(--accent); }

/* DOSSIER */
.about-grid { display:grid; grid-template-columns:280px 1fr; gap:clamp(28px,4vw,72px); align-items:start; }
@media (max-width:820px) { .about-grid { grid-template-columns:1fr; } }
.dossier { border:1px solid var(--line-2); background:var(--bg-1); padding:22px; position:relative; }
.dossier::before { content:"PERSONNEL FILE"; position:absolute; top:-9px; left:18px; padding:0 8px;
  background:var(--bg); color:var(--accent); font-family:var(--ff-mono); font-size:10px; letter-spacing:0.28em; }
.dossier .row { display:grid; grid-template-columns:84px 1fr; gap:12px; padding:8px 0;
  border-bottom:1px dashed var(--line-2); align-items:baseline; }
.dossier .row:last-child { border-bottom:0; }
.dossier .k { font-family:var(--ff-mono); font-size:10px; letter-spacing:0.22em; color:var(--ink-mute); text-transform:uppercase; }
.dossier .v { font-family:var(--ff-mono); font-size:12.5px; color:var(--ink); letter-spacing:0.04em; }
.dossier .v.hl { color:var(--accent); font-weight:500; }
.dossier .stamp { margin-top:18px; border:1px solid var(--red); color:var(--red);
  font-family:var(--ff-display); text-transform:uppercase; letter-spacing:0.32em; font-size:13px;
  padding:8px 12px; text-align:center; transform:rotate(-1.5deg); opacity:0.85; }
.bio { font-size:15px; line-height:1.75; color:var(--ink); max-width:64ch; }
.bio p+p { margin-top:18px; }
.bio .redact { display:inline-block; background:#1a1a1a; color:transparent; padding:0 4px; user-select:none; position:relative; }
.bio .redact::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#181818,#0e0e0e); border:1px solid #222; }
.bio em { font-style:normal; color:var(--accent); font-family:var(--ff-mono); letter-spacing:0.04em; }
.bio-footer { margin-top:36px; display:flex; gap:32px; flex-wrap:wrap; padding-top:22px; border-top:1px solid var(--line); }
.bio-footer .stat .k { font-family:var(--ff-mono); font-size:10px; letter-spacing:0.24em; color:var(--ink-mute); text-transform:uppercase; margin-bottom:4px; }
.bio-footer .stat .v { font-family:var(--ff-display); font-size:28px; letter-spacing:0.04em; color:var(--accent); }

/* SERIES */
.series-wrap { background:var(--bg-1); }
.series { display:grid; grid-template-columns:minmax(260px,380px) 1fr; gap:clamp(36px,5vw,80px); align-items:start; }
@media (max-width:820px) { .series { grid-template-columns:1fr; } }
.cover { position:relative; aspect-ratio:2/3; background:var(--bg-2); border:1px solid var(--line-2);
  box-shadow:0 0 0 1px rgba(196,38,38,0.08),0 30px 80px -30px rgba(0,0,0,0.9),0 12px 32px -12px rgba(0,0,0,0.7); }
.cover img { width:100%; height:100%; object-fit:cover; }
.cover-meta { margin-top:14px; display:flex; justify-content:space-between; font-family:var(--ff-mono);
  font-size:10px; letter-spacing:0.24em; color:var(--ink-mute); text-transform:uppercase; }
.cover-meta .hl { color:var(--accent); }
.book-pre { display:flex; align-items:center; gap:12px; font-family:var(--ff-mono); font-size:11px;
  letter-spacing:0.28em; color:var(--accent); text-transform:uppercase; margin-bottom:18px; }
.book-pre .bar { width:28px; height:1px; background:var(--accent); }
.book-title { font-family:var(--ff-display); font-weight:600; font-size:clamp(52px,7vw,96px); line-height:0.9; letter-spacing:0.01em; margin-bottom:8px; }
.book-title .num { -webkit-text-stroke:1px var(--accent); color:transparent; }
.book-sub { font-family:var(--ff-mono); font-size:12px; letter-spacing:0.24em; text-transform:uppercase; color:var(--ink-dim); margin-bottom:28px; }
.book-sub .pipe { color:var(--accent); padding:0 10px; }
.book-desc { font-size:15px; line-height:1.75; color:var(--ink); max-width:60ch; }
.book-desc p+p { margin-top:16px; }
.book-desc strong { font-weight:500; color:var(--accent); font-family:var(--ff-mono); letter-spacing:0.04em; }
.book-desc em { font-style:normal; color:var(--accent); font-family:var(--ff-mono); letter-spacing:0.04em; }
.book-specs { margin:28px 0; display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
  padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
@media (max-width:640px) { .book-specs { grid-template-columns:repeat(2,1fr); } }
.book-specs .spec .k { font-family:var(--ff-mono); font-size:9.5px; letter-spacing:0.28em; color:var(--ink-mute); text-transform:uppercase; margin-bottom:4px; }
.book-specs .spec .v { font-family:var(--ff-display); font-size:18px; color:var(--ink); letter-spacing:0.04em; }
.book-specs .spec .v.hl { color:var(--accent); }
.book-cta-row { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.book-cta-note { font-family:var(--ff-mono); font-size:10.5px; letter-spacing:0.24em; color:var(--ink-mute); text-transform:uppercase; }
/* forthcoming-format tease (e.g. hardcover Q4 2026) */
.book-forthcoming { margin-top:20px; font-family:var(--ff-mono); font-size:10.5px; letter-spacing:0.22em;
  color:var(--ink-mute); text-transform:uppercase; }
.book-forthcoming .hl { color:var(--accent); }

/* INTEL / EMAIL */
.intel { background:linear-gradient(180deg,var(--bg) 0%,#08080a 100%); position:relative; overflow:hidden; }
.intel::before { content:""; position:absolute; inset:0; background-image:radial-gradient(50% 60% at 50% 100%,rgba(196,38,38,0.06),transparent 70%); pointer-events:none; }
.intel-inner { max-width:880px; margin:0 auto; padding:0 var(--pad); text-align:center; position:relative; }
.intel .corner-frame { position:relative; padding:clamp(36px,5vw,64px); border:1px solid var(--line-2); background:rgba(255,255,255,0.01); }
.intel .corner-frame .crosshair { width:18px; height:18px; }
.intel .corner-frame .crosshair.tl { top:-1px; left:-1px; }
.intel .corner-frame .crosshair.tr { top:-1px; right:-1px; }
.intel .corner-frame .crosshair.bl { bottom:-1px; left:-1px; }
.intel .corner-frame .crosshair.br { bottom:-1px; right:-1px; }
.intel .freq { font-family:var(--ff-mono); font-size:10.5px; letter-spacing:0.32em; color:var(--accent);
  text-transform:uppercase; margin-bottom:18px; display:inline-flex; align-items:center; gap:10px; }
.intel .freq .dot { width:7px; height:7px; border-radius:50%; background:var(--accent);
  box-shadow:0 0 10px var(--accent); animation:blink 2s infinite; }
.intel h1,.intel h2 { font-size:clamp(40px,6vw,72px); letter-spacing:0.02em; margin-bottom:16px; font-weight:500; }
.intel h1 .hl,.intel h2 .hl { color:var(--accent); }
.intel-sub { color:var(--ink-dim); font-size:13px; letter-spacing:0.18em; text-transform:uppercase;
  max-width:56ch; margin:0 auto 36px; line-height:1.7; }
.intel-form { display:flex; max-width:520px; margin:0 auto; border:1px solid var(--line-2);
  background:var(--bg-1); transition:border-color 200ms ease; }
.intel-form:focus-within { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent-lo); }
.intel-form input { flex:1; background:transparent; border:0; outline:0; padding:16px 18px;
  color:var(--ink); font-family:var(--ff-mono); font-size:13px; letter-spacing:0.08em; }
.intel-form input::placeholder { color:var(--ink-mute); letter-spacing:0.18em; text-transform:uppercase; font-size:11px; }
.intel-form button { padding:0 22px; background:var(--accent); color:#fff; font-family:var(--ff-mono);
  font-size:11px; font-weight:600; letter-spacing:0.22em; text-transform:uppercase; transition:background 160ms ease; }
.intel-form button:hover { background:var(--accent-hi); }
.intel-foot { margin-top:24px; font-family:var(--ff-mono); font-size:10px; letter-spacing:0.28em; color:var(--ink-mute); text-transform:uppercase; }
.intel-foot .lock { color:var(--accent); }
.intel-status { margin-top:14px; font-family:var(--ff-mono); font-size:10px; letter-spacing:0.26em;
  text-transform:uppercase; color:var(--ink-mute); min-height:14px; text-align:center; }

/* FOOTER */
footer { background:var(--bg); border-top:1px solid var(--line); padding:clamp(40px,5vw,64px) 0 28px; }
.footer-inner { max-width:var(--maxw); margin:0 auto; padding:0 var(--pad); }
.footer-top { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:32px; padding-bottom:32px; border-bottom:1px solid var(--line); }
@media (max-width:720px) { .footer-top { grid-template-columns:1fr; } }
.footer-brand .imprint { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.footer-brand .imprint .lg { width:36px; height:36px; background:var(--bg-2); border:1px solid var(--line-2);
  display:grid; place-items:center; overflow:hidden; }
.footer-brand .imprint .lg img { width:100%; height:100%; object-fit:cover; }
.footer-brand .imprint .nm { font-family:var(--ff-display); font-size:14px; letter-spacing:0.18em; text-transform:uppercase; color:var(--ink-dim); }
.footer-brand p { font-family:var(--ff-mono); font-size:11px; letter-spacing:0.12em; color:var(--ink-mute); line-height:1.7; max-width:38ch; }
.footer-col h4 { font-family:var(--ff-mono); font-size:10px; font-weight:500; letter-spacing:0.28em; color:var(--accent); text-transform:uppercase; margin-bottom:14px; }
.footer-col a,.footer-col span { display:block; font-family:var(--ff-mono); font-size:12px; letter-spacing:0.06em; color:var(--ink-dim); padding:4px 0; transition:color 160ms ease; }
.footer-col a:hover { color:var(--accent); }
.footer-bottom { margin-top:24px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  font-family:var(--ff-mono); font-size:10.5px; letter-spacing:0.22em; color:var(--ink-mute); text-transform:uppercase; }
.footer-bottom .right .sep { color:var(--accent); padding:0 10px; }

.visually-hidden { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

@media (max-width:480px) {
  .intel-form { flex-direction:column; }
  .intel-form button { padding:16px; border-top:1px solid rgba(196,38,38,0.3); }
}

/* SERIES ROADMAP / OPS BOARD */
.ops-board { border:1px solid var(--line-2); background:var(--bg-1); }
.ops-row { display:grid; grid-template-columns:92px 1fr 190px 120px; gap:18px; align-items:center;
  padding:16px 20px; border-bottom:1px solid var(--line); font-family:var(--ff-mono); font-size:12px; }
.ops-row:last-child { border-bottom:0; }
.ops-row.head { color:var(--ink-mute); font-size:9.5px; letter-spacing:0.24em; text-transform:uppercase; }
.ops-row .id { color:var(--accent); letter-spacing:0.16em; }
.ops-row .nm { color:var(--ink); letter-spacing:0.06em; text-transform:uppercase; }
.ops-row .dt { color:var(--ink-dim); letter-spacing:0.08em; }
.ops-row.redacted .nm, .ops-row.redacted .dt { color:var(--ink-mute); }
.ops-row .st { display:flex; align-items:center; gap:8px; letter-spacing:0.18em; text-transform:uppercase; font-size:10px; color:var(--ink-mute); }
.ops-row .led { width:7px; height:7px; border-radius:50%; background:var(--ink-mute); flex-shrink:0; }
.ops-row.active .led { background:var(--accent); box-shadow:0 0 8px var(--accent); }
.ops-row.active .st { color:var(--accent); }
@media (max-width:640px) {
  .ops-row { grid-template-columns:64px 1fr 96px; gap:10px; }
  .ops-row .dt, .ops-row.head > span:nth-child(3) { display:none; }
}

/* SERIES — waitlist CTA cards (per-format: paperback / kindle / hardcover) */
.cta-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:4px; }
@media (max-width:760px) { .cta-cards { grid-template-columns:1fr; } }
.cta-card { border:1px solid var(--line-2); background:var(--bg-1); padding:22px; display:flex; flex-direction:column; }
.cta-card-head { display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin-bottom:6px; }
.cta-card-head h3 { font-family:var(--ff-display); font-size:20px; letter-spacing:0.04em; color:var(--ink); }
.cta-card .cta-price { font-family:var(--ff-mono); font-size:13px; color:var(--accent); letter-spacing:0.06em; }
.cta-card .cta-meta { font-family:var(--ff-mono); font-size:10.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-mute); margin-bottom:16px; line-height:1.6; }
.cta-card.cta-card-soon { opacity:0.72; }
.cta-card.cta-card-soon .cta-meta { color:var(--accent); margin-bottom:0; }
.waitlist-form { display:flex; flex-direction:column; gap:8px; margin-top:auto; }
.waitlist-form input { background:var(--bg-2); border:1px solid var(--line-2); outline:0; padding:11px 12px;
  color:var(--ink); font-family:var(--ff-mono); font-size:12px; letter-spacing:0.04em; }
.waitlist-form input:focus { border-color:var(--accent); }
.waitlist-form input::placeholder { color:var(--ink-mute); text-transform:uppercase; letter-spacing:0.14em; font-size:10.5px; }
.waitlist-form button { background:var(--accent); color:#fff; border:1px solid var(--accent); padding:11px 12px;
  font-family:var(--ff-mono); font-size:10.5px; font-weight:600; letter-spacing:0.16em; text-transform:uppercase;
  cursor:pointer; transition:background 160ms ease; }
.waitlist-form button:hover { background:var(--accent-hi); }
.waitlist-form button:disabled { opacity:0.6; cursor:default; }
.waitlist-status { font-family:var(--ff-mono); font-size:9px; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--ink-mute); min-height:12px; margin-top:8px; }

/* INTEL — what you receive */
.intel-receive { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line);
  margin-top:36px; border:1px solid var(--line-2); text-align:left; }
@media (max-width:720px) { .intel-receive { grid-template-columns:1fr; } }
.intel-receive .item { background:var(--bg-1); padding:26px 22px; }
.intel-receive .item .n { font-family:var(--ff-mono); font-size:10px; letter-spacing:0.24em; color:var(--accent); margin-bottom:10px; }
.intel-receive .item h3 { font-family:var(--ff-display); font-size:17px; letter-spacing:0.04em; margin-bottom:8px; color:var(--ink); }
.intel-receive .item p { font-family:var(--ff-mono); font-size:11.5px; line-height:1.7; color:var(--ink-dim); letter-spacing:0.02em; text-transform:none; }