/* ═══════════════════════════════════════════════════════════════════════════
   THE MISSING LAYER — a gated threshold
   Not a paper, not a teaser. It confirms something exists, signals it is serious,
   and invites contact. All substance lives in private materials shared on request.
   Built on the homepage system (ni-styles + ni-beats). Restraint is the message.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── THE ONLY SCREEN (black) ─────────────────────────────────────────────── */
.ml-hero {
  position: relative; min-height: 100svh; display: flex; flex-direction: column;
  justify-content: center; background: var(--ink); color: var(--d1);
  overflow: hidden; padding-top: clamp(120px, 18vh, 200px); padding-bottom: clamp(64px, 12vh, 120px);
}
.ml-hero-trace { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; display: block; }
.ml-hero-veil {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: radial-gradient(120% 84% at 16% 46%, rgba(12,11,10,0) 0%, rgba(12,11,10,0.58) 62%, rgba(12,11,10,0.9) 100%);
}
.ml-hero .wrap { position: relative; z-index: 2; width: 100%; }
.ml-eyebrow { color: var(--d3); margin-bottom: clamp(22px, 4vh, 40px); }
.ml-title {
  font-family: var(--serif); font-weight: 400; letter-spacing: -0.022em;
  font-size: clamp(46px, 8vw, 112px); line-height: 0.98; max-width: 16ch;
}
/* the one line — a signal of weight, not an explanation */
.ml-line {
  margin-top: clamp(24px, 3.2vw, 38px);
  font-family: var(--serif); font-weight: 400; letter-spacing: -0.012em;
  font-size: clamp(20px, 2.4vw, 31px); line-height: 1.3; color: var(--d2);
  max-width: 30ch; text-wrap: balance;
}
.ml-action { margin-top: clamp(32px, 4vw, 48px); }

/* skeletal metadata — no method, no subject */
.ml-meta-min {
  margin-top: clamp(44px, 7vh, 88px);
  display: flex; flex-wrap: wrap; gap: clamp(28px, 5vw, 64px);
  border-top: 1px solid var(--line-dark); padding-top: clamp(22px, 2.6vw, 30px);
  max-width: 660px;
}
.ml-meta-min div { display: flex; flex-direction: column; gap: 7px; }
.ml-meta-min dt {
  font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--d3);
}
.ml-meta-min dd { font-size: 14px; line-height: 1.5; color: var(--d2); }

@media (max-width: 560px) {
  .ml-meta-min { flex-direction: column; gap: 18px; }
}