/* 02 · Manifesto — Welle 2.5 Port (Bundle s02, Terminal C)
   Ein-Satz-Komposition auf paper-deep, text-indent-Einzug, Corner-Marks (+),
   Folio "02 / 08", vertikales Marginalien-Label. Kein Pin (UUPM-Guardrail). */

.manifesto {
  position: relative;
  background: var(--paper-deep);
  padding: clamp(120px, 18vh, 230px) var(--px);
  overflow: hidden;
}

/* ---- Corner-Marks + Folio (dekorativer Mess-Rahmen) ---- */
.manifesto__mark {
  position: absolute;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--ink-soft);
}

.manifesto__mark--tl { top: 24px; left: var(--px); }
.manifesto__mark--tr { top: 24px; right: var(--px); }
.manifesto__mark--bl { bottom: 24px; left: var(--px); }
.manifesto__mark--br { bottom: 24px; right: var(--px); }

/* ---- Vertikales Marginalien-Label rechts ---- */
.manifesto__label {
  position: absolute;
  top: 50%;
  right: clamp(5px, 1vw, 20px);
  transform: translateY(-50%);
  writing-mode: vertical-rl;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 400; /* als <h2> ausgezeichnet: Browser-Bold neutralisieren */
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

/* ---- Der Satz: eine große Fraunces-Komposition mit Buch-Einzug ---- */
.manifesto__line {
  font-family: var(--font-display);
  font-variation-settings: 'opsz' 100;
  font-weight: 420;
  font-size: clamp(38px, 6.4vw, 108px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--ink);
  text-indent: clamp(48px, 14vw, 270px);
  max-width: 1500px;
  text-wrap: pretty;
}

/* Akzent + folgendes Satzzeichen sind EINE Umbruch-Einheit: ohne das darf
   der Browser das Komma nach dem inline-block an den Zeilenanfang brechen */
.manifesto__unit {
  white-space: nowrap;
}

/* text-indent ERBT in inline-blocks: SplitText-Wortboxen (.mf-word) und die
   Akzent-em würden sonst je ~14vw Innen-Einzug bekommen (riesige Wortlücken,
   QA-Fund Welle 3). Einzug bleibt allein Sache der ersten Zeile des <p>. */
.manifesto__line .mf-word,
.manifesto__accent {
  text-indent: 0;
}

/* Kursive Akzent-Phrasen. coral-deep statt coral: auf paper-deep schafft
   coral nur 2.8:1, coral-deep 4.2:1 (Large-Text-Pflicht >= 3:1).
   inline-block, damit der skewX-Settle (transform) greift. */
.manifesto__accent {
  font-style: italic;
  font-weight: 480;
  color: var(--coral-deep);
  display: inline-block;
}