/* =====================================================================
   PK Design System — Master Stylesheet
   pierrekromat.com · Netlify Static

   Stand:     2026-05-02
   Version:   3.0 (Netlify · pk-* unified)
   Quelle:    Merge aus pk-design.css (v2) + insights-v2.css (v2) + outsourcing-v2.css (v2)

   Klassen-System:
   - Präfix:  pk-  (alle Komponenten)
   - Seiten:  pk-ins-* (Insights) · pk-os-* (Outsourcing) · pk-co-* (Carve-out) · pk-nc-* (NewCo)
   - Tokens:  CSS Custom Properties in :root (kein Präfix)

   Regel: KEINE neuen Klassen außerhalb dieses Systems.
          Neue Komponente → hier eintragen, dann in HTML nutzen.
          Seiten-spezifisch → am Ende in "SEITEN" Abschnitt.

   Inhaltsverzeichnis:
   1.  TOKENS          — Farben, Schriften, Spacing, Easing
   2.  RESET           — Box-sizing, Margins
   3.  LAYOUT          — pk-container
   4.  HEADER          — pk-hdr, pk-nav, pk-logo
   5.  HERO            — pk-hero (Homepage-Variante)
   6.  STATS           — pk-stats (Credibility-Zahlenblock)
   7.  FEATURE         — pk-feature (Featured Article)
   8.  CARDS           — pk-card, pk-card-row (3-up Grid)
   9.  SERVICES        — pk-services, pk-svc
   10. MODELS          — pk-models, pk-model
   11. PROFILE         — pk-profile
   12. CTA             — pk-cta (Homepage + Insights kompatibel)
   13. FOOTER          — pk-ftr
   14. SEITEN: INSIGHTS — pk-ins-mast, pk-ins-secnav, pk-ins-cat, pk-ins-tile
   15. SEITEN: OUTSOURCING — pk-os-* (Longread)
   16. SEITEN: CARVE-OUT — pk-co-* (Longread)
   17. RESPONSIVE

   ===================================================================== */


/* ==========================================================================
   0. FONTS — Self-Hosted (DSGVO-konform, keine Google-CDN-Verbindung)
   Files: styles/fonts/  (siehe _tools/download-fonts.ps1)
   ========================================================================== */

/* Source Serif 4 — Roman */
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/SourceSerif4-400.woff2') format('woff2'); }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/SourceSerif4-500.woff2') format('woff2'); }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/SourceSerif4-600.woff2') format('woff2'); }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/SourceSerif4-700.woff2') format('woff2'); }
/* Source Serif 4 — Italic */
@font-face { font-family: 'Source Serif 4'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/SourceSerif4-400Italic.woff2') format('woff2'); }

/* Inter Tight */
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 300; font-display: swap; src: url('fonts/InterTight-300.woff2') format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/InterTight-400.woff2') format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/InterTight-500.woff2') format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/InterTight-600.woff2') format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/InterTight-700.woff2') format('woff2'); }


/* ==========================================================================
   1. TOKENS
   ========================================================================== */
:root {
  /* Farben */
  --white:    #FFFFFF;
  --bone:     #F9F7F7;   /* warm off-white */
  --mist:     #DBE2EF;   /* cool blue-grey */
  --steel:    #3F72AF;   /* primary accent */
  --ink:      #112D4E;   /* authority navy */
  --gold:     #C8A96B;   /* rare premium accent */

  /* Farb-Abstufungen */
  --ink-80:   #354866;
  --ink-60:   #5A6B86;
  --ink-40:   #8E9AAF;
  --hair:     #E4E9F1;

  /* Schriften */
  --serif:  'Source Serif 4', 'Georgia', 'Times New Roman', serif;
  --sans:   'Inter Tight', -apple-system, 'Segoe UI', sans-serif;
  --mono:   ui-monospace, 'SF Mono', 'Consolas', monospace;

  /* Layout */
  --max:     1280px;
  --gutter:  40px;

  /* Animation */
  --ease:    cubic-bezier(.22,.61,.36,1);
}


/* ==========================================================================
   2. RESET
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  background: var(--white);
  color: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}
body   { font-size: 16px; line-height: 1.55; }
a      { color: inherit; text-decoration: none; }
img    { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; background: none; border: none; color: inherit; }


/* ==========================================================================
   3. LAYOUT
   ========================================================================== */
.pk-container {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 var(--gutter);
}


/* ==========================================================================
   4. HEADER
   ========================================================================== */
.pk-hdr {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,0.92);
  backdrop-filter: saturate(1.2) blur(8px);
  border-bottom: 1px solid transparent;
  transition: border-color .2s var(--ease);
}
.pk-hdr.is-scrolled { border-bottom-color: var(--hair); }

.pk-hdr-in {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  height: 76px;
  gap: 56px;
}

.pk-logo { display: inline-flex; align-items: center; gap: 12px; }
.pk-logo-mark {
  width: 32px; height: 32px;
  background: var(--ink);
  display: grid; place-items: center;
  font-family: var(--serif); font-weight: 600; font-size: 14px;
  color: #fff; letter-spacing: -0.02em;
}
.pk-logo-text {
  font-family: var(--serif); font-size: 17px; font-weight: 600;
  letter-spacing: -0.01em; color: var(--ink);
}

.pk-nav { display: flex; gap: 36px; justify-self: center; }
.pk-nav a {
  font-size: 14px; font-weight: 500;
  color: var(--ink-80);
  transition: color .15s var(--ease);
}
.pk-nav a:hover { color: var(--steel); }
.pk-nav a.active { color: var(--ink); }

.pk-hdr-cta {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600;
  color: var(--ink);
  padding: 10px 0;
  border-bottom: 1px solid var(--ink);
  transition: color .15s var(--ease), border-color .15s var(--ease);
}
.pk-hdr-cta:hover { color: var(--steel); border-color: var(--steel); }
.pk-hdr-cta svg { width: 14px; height: 14px; }

.pk-nav-lock { opacity: 0.35; font-size: 14px; transition: opacity .15s; }
.pk-nav-lock:hover { opacity: 1; }


/* ==========================================================================
   5. HERO — Homepage-Variante
   ========================================================================== */
.pk-hero { padding: 96px 0 120px; }

.pk-hero-head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  border-bottom: 1px solid var(--hair);
  padding-bottom: 28px; margin-bottom: 56px;
}

.pk-masthead {
  font-family: var(--serif); font-size: 13px; letter-spacing: 0.02em;
  color: var(--ink-60);
  display: inline-flex; align-items: center; gap: 14px;
}
.pk-masthead::before {
  content: ""; display: inline-block;
  width: 24px; height: 1px; background: var(--ink-40);
}

.pk-issue {
  font-family: var(--mono); font-size: 11px;
  color: var(--ink-60); letter-spacing: 0.08em; text-transform: uppercase;
}

.pk-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 80px;
  align-items: end;
}

.pk-hero-headline {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(44px, 6.2vw, 84px);
  line-height: 1.02; letter-spacing: -0.028em;
  color: var(--ink); max-width: 14ch;
}
.pk-hero-headline em { font-style: italic; color: var(--steel); font-weight: 400; }

.pk-hero-side {
  border-left: 1px solid var(--hair);
  padding-left: 32px; padding-bottom: 10px;
}

.pk-hero-kicker {
  font-family: var(--mono); font-size: 11px;
  color: var(--steel); letter-spacing: 0.14em; text-transform: uppercase;
  margin-bottom: 16px;
}

.pk-hero-lead {
  font-family: var(--serif);
  font-size: 19px; line-height: 1.5;
  color: var(--ink-80); font-weight: 400;
  max-width: 38ch; margin-bottom: 32px;
}

.pk-hero-meta {
  display: grid; grid-template-columns: auto 1fr; gap: 8px 20px;
  font-size: 13px; color: var(--ink-80);
  padding-top: 20px; border-top: 1px solid var(--hair);
}
.pk-hero-meta dt { color: var(--ink-60); font-weight: 500; }
.pk-hero-meta dd { color: var(--ink); font-weight: 500; }


/* ==========================================================================
   6. STATS — Credibility Zahlenblock
   ========================================================================== */
.pk-stats {
  background: var(--bone); padding: 88px 0;
  border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair);
}

.pk-stats-label {
  font-family: var(--mono); font-size: 11px;
  color: var(--ink-60); letter-spacing: 0.16em; text-transform: uppercase;
  margin-bottom: 40px;
  display: flex; align-items: center; gap: 14px;
}
.pk-stats-label::after { content: ""; flex: 1; height: 1px; background: var(--mist); }

.pk-stats-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
}

.pk-stats-cell {
  padding: 0 32px 0 0;
  border-right: 1px solid var(--mist);
}
.pk-stats-cell + .pk-stats-cell { padding-left: 32px; }
.pk-stats-cell:last-child { border-right: none; padding-right: 0; }

.pk-stats-num {
  font-family: var(--serif); font-weight: 400;
  font-size: 64px; line-height: 1; letter-spacing: -0.03em;
  color: var(--ink); margin-bottom: 14px;
}
.pk-stats-num .unit {
  font-size: 28px; color: var(--ink-60); margin-left: 4px; letter-spacing: -0.01em;
}

.pk-stats-desc { font-size: 14px; line-height: 1.5; color: var(--ink-80); }
.pk-stats-desc strong { color: var(--ink); font-weight: 600; }


/* ==========================================================================
   7. FEATURE — Featured Article (Homepage Insights-Section)
   ========================================================================== */
.pk-home-insights { padding: 120px 0 128px; background: var(--white); }

.pk-home-insights-head {
  display: grid; grid-template-columns: 1fr auto; align-items: end;
  gap: 40px; padding-bottom: 28px; margin-bottom: 56px;
  border-bottom: 2px solid var(--ink);
}

.pk-home-insights-title {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(40px, 4.4vw, 60px);
  line-height: 1; letter-spacing: -0.028em; color: var(--ink);
}
.pk-home-insights-title .sub {
  display: block;
  font-size: 14px; letter-spacing: 0.16em; text-transform: uppercase;
  font-family: var(--mono); color: var(--ink-60);
  margin-bottom: 18px; font-style: normal;
}

.pk-home-insights-intro {
  font-family: var(--serif);
  font-size: 17px; line-height: 1.55;
  color: var(--ink-80); max-width: 44ch; padding-bottom: 6px;
}

/* Featured Article */
.pk-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 72px;
  padding-bottom: 72px; margin-bottom: 56px;
  border-bottom: 1px solid var(--hair);
  cursor: pointer;
}
.pk-feature:hover .pk-feature-title { color: var(--steel); }

.pk-feature-visual-link { display: block; text-decoration: none; color: inherit; }
.pk-feature-visual {
  position: relative; aspect-ratio: 16 / 10;
  background: var(--ink); overflow: hidden;
}
.pk-feature-visual svg { position: absolute; inset: 0; width: 100%; height: 100%; }

.pk-feature-tag {
  position: absolute; top: 24px; left: 24px;
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--bone);
  background: rgba(17, 45, 78, 0.78); padding: 8px 14px;
  backdrop-filter: blur(6px);
}
.pk-feature-tag::before {
  content: ""; width: 6px; height: 6px; background: var(--gold); border-radius: 50%;
}

.pk-feature-meta {
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--ink-60);
  margin-bottom: 20px; display: flex; gap: 16px;
}
.pk-feature-meta .dot { color: var(--mist); }

.pk-feature-title {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(32px, 3.4vw, 46px);
  line-height: 1.08; letter-spacing: -0.022em; color: var(--ink);
  margin-bottom: 20px; transition: color .2s var(--ease); max-width: 20ch;
}
.pk-feature-title-link { color: inherit; text-decoration: none; }
.pk-feature-title-link:hover { color: var(--steel); }

.pk-feature-dek {
  font-family: var(--serif);
  font-size: 18px; line-height: 1.55; color: var(--ink-80);
  margin-bottom: 28px; max-width: 46ch;
}

.pk-feature-byline {
  display: flex; align-items: center; gap: 14px;
  padding-top: 20px; border-top: 1px solid var(--hair);
}

.pk-feature-avatar {
  width: 36px; height: 36px; background: var(--ink);
  color: #fff; font-family: var(--serif); font-weight: 600;
  display: grid; place-items: center; font-size: 13px;
}

.pk-feature-byline-text { flex: 1; font-size: 13px; color: var(--ink-80); }
.pk-feature-byline-text strong { color: var(--ink); font-weight: 600; }

.pk-feature-read {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 600; color: var(--ink);
  padding-bottom: 3px; border-bottom: 1px solid var(--ink);
}
.pk-feature-read svg { width: 14px; height: 14px; }


/* ==========================================================================
   8. CARDS — 3-up Grid
   ========================================================================== */
.pk-card-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 48px; }

.pk-card {
  cursor: pointer; display: block; color: inherit; text-decoration: none;
}

.pk-card-visual {
  aspect-ratio: 16 / 10; background: var(--bone);
  margin-bottom: 24px; position: relative;
  border: 1px solid var(--hair); overflow: hidden;
}
.pk-card-visual svg { position: absolute; inset: 0; width: 100%; height: 100%; }

.pk-card-meta {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--ink-60); margin-bottom: 12px; display: flex; gap: 14px;
}
.pk-card-meta .dot { color: var(--mist); }

.pk-card-title {
  font-family: var(--serif); font-weight: 400;
  font-size: 24px; line-height: 1.18; letter-spacing: -0.01em;
  color: var(--ink); margin-bottom: 12px;
  transition: color .2s var(--ease);
}
.pk-card:hover .pk-card-title { color: var(--steel); }

.pk-card-dek { font-size: 14px; line-height: 1.55; color: var(--ink-80); max-width: 36ch; }

/* Insights Index (Homepage) */
.pk-home-insights-index {
  margin-top: 80px; padding-top: 32px; border-top: 1px solid var(--hair);
  display: grid; grid-template-columns: 220px 1fr auto; gap: 48px; align-items: center;
}
.pk-home-insights-index-label {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-60);
}
.pk-home-insights-index-list {
  display: flex; flex-wrap: wrap; gap: 8px 24px;
  font-family: var(--serif); font-size: 15px; color: var(--ink-80);
}
.pk-home-insights-index-list span { color: var(--ink); font-weight: 500; }
.pk-home-insights-index a {
  font-size: 13px; font-weight: 600; color: var(--ink);
  display: inline-flex; align-items: center; gap: 6px;
  padding-bottom: 3px; border-bottom: 1px solid var(--ink);
}
.pk-home-insights-index a svg { width: 14px; height: 14px; }


/* ==========================================================================
   9. SERVICES
   ========================================================================== */
.pk-services { background: var(--ink); color: #fff; padding: 112px 0 128px; }

.pk-services-head {
  display: grid; grid-template-columns: 1fr 1fr; gap: 80px;
  padding-bottom: 48px; margin-bottom: 56px;
  border-bottom: 1px solid rgba(219, 226, 239, 0.18);
  align-items: end;
}

.pk-services-kicker {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--mist); margin-bottom: 20px;
}

.pk-services-title {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(36px, 3.6vw, 48px);
  line-height: 1.08; letter-spacing: -0.022em;
  color: #fff; max-width: 18ch;
}

.pk-services-lead {
  font-family: var(--serif); font-size: 17px; line-height: 1.55;
  color: var(--mist); max-width: 40ch; padding-bottom: 8px;
}

.pk-services-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; }

.pk-svc {
  padding: 36px 40px 36px 0;
  border-bottom: 1px solid rgba(219, 226, 239, 0.14);
  display: grid; grid-template-columns: 52px 1fr;
  gap: 20px; align-items: start;
}
.pk-svc:nth-child(3n+2) { padding-left: 40px; border-left: 1px solid rgba(219, 226, 239, 0.14); }
.pk-svc:nth-child(3n)   { padding-left: 40px; padding-right: 0; border-left: 1px solid rgba(219, 226, 239, 0.14); }
.pk-svc:nth-last-child(-n+3) { border-bottom: none; padding-bottom: 0; }
.pk-svc:nth-child(-n+3) { padding-top: 0; }

.pk-svc-num {
  font-family: var(--mono); font-size: 12px; letter-spacing: 0.12em;
  color: var(--gold); padding-top: 4px;
}

.pk-svc-title {
  font-family: var(--serif); font-weight: 500;
  font-size: 24px; line-height: 1.2; letter-spacing: -0.012em;
  color: #fff; margin-bottom: 10px;
}

.pk-svc-body {
  font-size: 14.5px; line-height: 1.6; color: var(--mist);
  max-width: 42ch; margin-bottom: 20px;
}

.pk-svc-scope {
  font-family: var(--sans); font-size: 13px; line-height: 1.5;
  color: rgba(255,255,255,0.6);
}
.pk-svc-scope span { color: #fff; font-weight: 500; }


/* ==========================================================================
   10. MODELS — Engagement Models
   ========================================================================== */
.pk-models {
  padding: 112px 0 120px; background: var(--white);
  border-top: 1px solid var(--hair);
}

.pk-models-head {
  max-width: 760px; margin-bottom: 56px;
  padding-bottom: 28px; border-bottom: 1px solid var(--hair);
}

.pk-models-kicker {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--steel); margin-bottom: 20px;
}

.pk-models-title {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(32px, 3.2vw, 44px);
  line-height: 1.08; letter-spacing: -0.022em;
  color: var(--ink); margin-bottom: 20px; max-width: 22ch;
}

.pk-models-lead {
  font-family: var(--serif); font-size: 17px; line-height: 1.55;
  color: var(--ink-80); max-width: 46ch;
}

.pk-models-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }

.pk-model { padding: 4px 28px 0 28px; border-right: 1px solid var(--hair); }
.pk-model:first-child { padding-left: 0; }
.pk-model:last-child  { border-right: none; padding-right: 0; }

.pk-model-num {
  font-family: var(--mono); font-size: 12px; letter-spacing: 0.14em;
  color: var(--steel); margin-bottom: 18px;
}

.pk-model-title {
  font-family: var(--serif); font-weight: 500;
  font-size: 20px; line-height: 1.2; letter-spacing: -0.012em;
  color: var(--ink); margin-bottom: 14px;
}

.pk-model-body { font-size: 14px; line-height: 1.6; color: var(--ink-80); }

.pk-model-when { font-size: 13.5px; line-height: 1.55; color: var(--ink-80); margin-top: 14px; }
.pk-model-when strong { color: var(--ink); font-weight: 600; }

.pk-model-scope {
  font-family: var(--sans); font-size: 13px; line-height: 1.5;
  color: var(--ink-60); margin-top: 18px;
}
.pk-model-scope span { color: var(--ink); font-weight: 500; }


/* ==========================================================================
   11. PROFILE
   ========================================================================== */
.pk-profile { padding: 120px 0; background: var(--bone); }

.pk-profile-in {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 88px; align-items: center;
}

.pk-profile-portrait {
  aspect-ratio: 4 / 5; background: var(--mist);
  position: relative; overflow: hidden; border: 1px solid var(--hair);
}
.pk-profile-portrait svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.pk-profile-portrait-img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: 50% 22%;
  filter: saturate(0.92) contrast(1.02);
}
.pk-profile-portrait::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(to bottom, transparent 60%, rgba(17,45,78,0.45));
  pointer-events: none;
}

.pk-profile-portrait-mark {
  position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 2;
  display: flex; justify-content: space-between; align-items: end;
  font-family: var(--mono); font-size: 10px;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: #fff;
}
.pk-profile-portrait-mark span { color: rgba(255,255,255,0.78); }

.pk-profile-kicker {
  font-family: var(--mono); font-size: 11px;
  color: var(--steel); letter-spacing: 0.16em; text-transform: uppercase;
  margin-bottom: 20px;
}

.pk-profile-headline {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(32px, 3.2vw, 44px);
  line-height: 1.1; letter-spacing: -0.022em;
  color: var(--ink); margin-bottom: 28px; max-width: 20ch;
}

.pk-profile-body {
  font-family: var(--serif);
  font-size: 18px; line-height: 1.6; color: var(--ink-80);
  max-width: 46ch; margin-bottom: 36px;
}

.pk-profile-impact {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
  padding-top: 28px; border-top: 1px solid var(--mist);
}

.pk-profile-impact-num {
  font-family: var(--serif); font-weight: 400;
  font-size: 32px; letter-spacing: -0.02em; color: var(--ink); margin-bottom: 4px;
}
.pk-profile-impact-num .unit { font-size: 20px; color: var(--ink-60); letter-spacing: -0.01em; }

.pk-profile-impact-desc { font-size: 12.5px; line-height: 1.5; color: var(--ink-60); }


/* ==========================================================================
   12. CTA — Unified (Homepage + Insights + Seiten)
   ========================================================================== */
.pk-cta {
  padding: 112px 0; background: var(--white);
  border-top: 1px solid var(--hair);
}


.pk-cta-in {
  display: grid; grid-template-columns: 1fr auto; gap: 64px;
  align-items: end; padding-bottom: 40px; border-bottom: 1px solid var(--hair);
}

/* Optionaler Kicker (z.B. Insights-Seite) */
.pk-cta-kicker {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--steel); margin-bottom: 18px;
}

.pk-cta-headline {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(36px, 3.8vw, 54px);
  line-height: 1.14; letter-spacing: -0.024em;
  color: var(--ink); max-width: 18ch; margin-bottom: 16px;
}
.pk-cta-headline em { font-style: italic; color: var(--steel); }

.pk-cta-note {
  font-family: var(--serif);
  font-size: 16px; line-height: 1.55; color: var(--ink-80); max-width: 38ch;
}

/* Einzel-Action (Homepage-Standard) */
.pk-cta-action {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--sans); font-size: 14px; font-weight: 600;
  color: var(--ink); padding: 14px 0;
  border-bottom: 1px solid var(--ink);
  transition: color .15s var(--ease), border-color .15s var(--ease), gap .2s var(--ease);
}
.pk-cta-action:hover { color: var(--steel); border-color: var(--steel); gap: 14px; }
.pk-cta-action svg { width: 16px; height: 16px; }

/* Multi-Action Container (Insights-Variante) */
.pk-cta-actions {
  display: none; /* CTA-Action-Block site-weit ausgeblendet — Header-Nav deckt Mandat/Insights ab */
}
.pk-cta-actions .pk-cta-action { padding: 12px 0; }
.pk-cta-action--secondary { color: var(--ink-60); border-color: var(--hair); font-weight: 500; }

/* Footer-Meta (Homepage) */
.pk-cta-footmeta {
  margin-top: 32px;
  display: grid; grid-template-columns: repeat(3, auto) 1fr; gap: 40px;
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-60);
}
.pk-cta-footmeta span strong {
  display: block; color: var(--ink); font-family: var(--serif);
  font-weight: 500; font-size: 14px; letter-spacing: -0.005em;
  text-transform: none; margin-top: 4px;
}


/* ==========================================================================
   13. TRIGGER — Wann werde ich gerufen?
   ========================================================================== */
.pk-trigger { padding: 88px 0; background: var(--bone); }
.pk-trigger-head { margin-bottom: 52px; }
.pk-trigger-kicker { font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }
.pk-trigger-title { font-family: var(--serif); font-size: clamp(26px, 2.8vw, 36px); font-weight: 400; color: var(--ink); line-height: 1.15; letter-spacing: -0.018em; max-width: 28ch; margin-bottom: 14px; }
.pk-trigger-lead { font-family: var(--serif); font-size: 16px; line-height: 1.6; color: var(--ink-60); max-width: 60ch; }
.pk-trigger-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--hair); border-left: 1px solid var(--hair); }
.pk-trigger-item { padding: 24px 28px; border-bottom: 1px solid var(--hair); border-right: 1px solid var(--hair); display: flex; gap: 18px; align-items: flex-start; background: var(--white); }
.pk-trigger-item:hover { background: var(--bone); }
.pk-trigger-num { font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; color: var(--gold); flex-shrink: 0; padding-top: 2px; }
.pk-trigger-text { }
.pk-trigger-headline { font-family: var(--serif); font-size: 16px; font-weight: 500; color: var(--ink); line-height: 1.3; margin-bottom: 5px; }
.pk-trigger-note { font-size: 13px; line-height: 1.55; color: var(--ink-60); margin: 0; }

/* ==========================================================================
   14. DIFFERENTIATOR
   ========================================================================== */
.pk-diff { padding: 88px 0; background: var(--white); border-top: 1px solid var(--hair); }
.pk-diff-head { max-width: 760px; margin-bottom: 48px; }
.pk-diff-kicker { font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); margin-bottom: 12px; }
.pk-diff-title { font-family: var(--serif); font-size: clamp(26px, 2.8vw, 36px); font-weight: 400; color: var(--ink); line-height: 1.15; letter-spacing: -0.018em; max-width: 32ch; margin-bottom: 16px; }
.pk-diff-intro { font-family: var(--serif); font-size: 17px; line-height: 1.6; color: var(--ink-80); max-width: 68ch; }
.pk-diff-list { list-style: none; padding: 0; margin: 0; }
.pk-diff-item { display: flex; gap: 28px; align-items: flex-start; padding: 22px 0; border-bottom: 1px solid var(--hair); }
.pk-diff-list > .pk-diff-item:first-child { border-top: 1px solid var(--hair); }
.pk-diff-num { font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; color: var(--steel); flex-shrink: 0; min-width: 24px; padding-top: 3px; }
.pk-diff-text { font-size: 15px; line-height: 1.6; color: var(--ink-80); }
.pk-diff-text strong { color: var(--ink); font-weight: 600; display: block; margin-bottom: 3px; }
.pk-diff-not { background: var(--bone); border-left: 3px solid var(--mist); padding: 20px 24px; margin-top: 36px; max-width: 760px; }
.pk-diff-not-label { font-family: var(--mono); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-60); margin-bottom: 10px; }
.pk-diff-not p { font-size: 13.5px; line-height: 1.6; color: var(--ink-60); margin: 0; }

/* ==========================================================================
   15. FOOTER
   ========================================================================== */
.pk-ftr {
  background: var(--ink);
  color: var(--mist);
  padding: 64px 0 40px;
  border-top: 64px solid var(--bone);  /* helle Trennzone — verhindert navy-auf-navy bei navy-Vorgänger-Section */
}
/* Override: wenn direkt davor eine navy CTA-Section liegt, nahtloser navy-Flow */
.pk-proj-cta + footer.pk-ftr,
.pk-os-cta   + footer.pk-ftr,
.pk-nc-cta   + footer.pk-ftr,
.pk-co-cta   + footer.pk-ftr {
  border-top: 0;
}
/* Override: Mandate-Seite — Navy durchgängig, kein heller Trennstreifen, kein Whitespace davor */
body[data-page="mandate"] .pk-ftr {
  border-top: 0 !important;
  padding-top: 96px !important;
  margin-top: 0 !important;
}
body[data-page="mandate"] .pk-proj-body,
body[data-page="mandate"] main.pk-proj-body {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body[data-page="mandate"] #proj-10,
body[data-page="mandate"] .pk-proj-case:last-of-type,
body[data-page="mandate"] .pk-proj-case:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}

.pk-ftr-in {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 64px;
  align-items: start;
  padding-bottom: 48px; border-bottom: 1px solid rgba(219, 226, 239, 0.14);
}
/* Leistungen — Inhalt zentriert (mittig) */
.pk-ftr-in > div:nth-child(2) { text-align: center; }
/* Mandate — Inhalt rechtsbündig (endet auf Höhe Datenschutz) */
.pk-ftr-in > div:nth-child(3) { text-align: right; }

/* Brand-Spalte: PK Consulting & Management GmbH + Adresse + Kontakt */
.pk-ftr-brand-name {
  font-family: var(--serif); font-size: 17px; font-weight: 500;
  color: #fff; letter-spacing: -0.005em; line-height: 1.35;
  margin-bottom: 14px;
}
.pk-ftr-brand-address {
  display: grid; grid-template-columns: 18px 1fr; align-items: start; gap: 12px;
  font-family: var(--sans); font-size: 14px; line-height: 1.55;
  color: var(--mist); font-style: normal;
  margin: 0 0 18px 0;
}
.pk-ftr-brand-address .pk-ftr-icon { margin-top: 4px; }
.pk-ftr-brand-contact { display: block; }
.pk-ftr-brand-contact a {
  display: grid; grid-template-columns: 18px 1fr; align-items: center; gap: 12px;
  padding: 4px 0;
  font-size: 14px; line-height: 1.4;
  color: var(--mist);
  transition: color .15s var(--ease);
}
.pk-ftr-brand-contact a:hover { color: #fff; }
.pk-ftr-icon {
  flex-shrink: 0;
  color: var(--ink-40);
  display: block;
}
.pk-ftr-brand-contact a:hover .pk-ftr-icon { color: var(--gold); }

.pk-ftr-col-title {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--ink-40); margin-bottom: 18px;
}

.pk-ftr-col a {
  display: block; padding: 6px 0;
  font-size: 14px; color: var(--mist);
  transition: color .15s var(--ease);
}
.pk-ftr-col a:hover { color: #fff; }

.pk-ftr-legal {
  padding-top: 28px;
  display: flex; justify-content: space-between; align-items: center;
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-40);
}
.pk-ftr-legal a { color: var(--mist); margin-left: 24px; }
.pk-ftr-version { color: var(--ink-40); letter-spacing: 0.12em; }


/* ==========================================================================
   14. SEITEN: INSIGHTS — pk-ins-*
   ========================================================================== */

/* Masthead / Hero */
.pk-ins-mast { padding: 96px 0 64px; background: var(--white); }

.pk-ins-mast-head {
  display: grid; grid-template-columns: 1fr auto; align-items: baseline;
  border-bottom: 1px solid var(--hair);
  padding-bottom: 28px; margin-bottom: 56px;
}
.pk-ins-mast-issue {
  font-family: var(--mono); font-size: 11px;
  color: var(--ink-60); letter-spacing: 0.08em; text-transform: uppercase;
}

.pk-ins-mast-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 80px; align-items: end;
}

.pk-ins-mast-headline {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(44px, 6vw, 80px);
  line-height: 1.02; letter-spacing: -0.028em; color: var(--ink); max-width: 14ch;
}
.pk-ins-mast-headline em { font-style: italic; color: var(--steel); font-weight: 400; }

.pk-ins-mast-side { border-left: 1px solid var(--hair); padding-left: 32px; padding-bottom: 10px; }

.pk-ins-mast-kicker {
  font-family: var(--mono); font-size: 11px;
  color: var(--steel); letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 16px;
}

.pk-ins-mast-lead {
  font-family: var(--serif);
  font-size: 19px; line-height: 1.5; color: var(--ink-80);
  font-weight: 400; max-width: 38ch; margin-bottom: 28px;
}

.pk-ins-mast-meta {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
  padding-top: 22px; border-top: 1px solid var(--hair);
}
.pk-ins-mast-meta-item { display: flex; flex-direction: column; gap: 4px; }
.pk-ins-mast-meta-num {
  font-family: var(--serif); font-weight: 400;
  font-size: 28px; line-height: 1; letter-spacing: -0.02em; color: var(--ink);
}
.pk-ins-mast-meta-label {
  font-family: var(--mono); font-size: 10px;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-60);
}

/* Sticky Section-Nav */
.pk-ins-secnav {
  position: sticky; top: 76px; z-index: 40;
  background: var(--bone);
  border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair);
}
.pk-ins-secnav-inner { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.pk-ins-secnav-inner::-webkit-scrollbar { display: none; }
.pk-ins-secnav-list { list-style: none; display: flex; flex-wrap: nowrap; width: max-content; min-width: 100%; margin: 0 auto; padding: 0; justify-content: center; }
.pk-ins-secnav-list li { flex: 0 0 auto; }
.pk-ins-secnav-list li + li { border-left: 1px solid var(--hair); }
.pk-ins-secnav-list a {
  display: inline-flex; align-items: baseline; gap: 8px;
  padding: 16px 24px;
  font-family: var(--mono); font-size: 11px; font-weight: 500;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--ink-60); white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: color 0.18s var(--ease), border-color 0.18s var(--ease);
}
.pk-ins-secnav-list a:hover,
.pk-ins-secnav-list a:focus { color: var(--ink); border-bottom-color: var(--gold); }
.pk-ins-secnav-num { color: var(--steel); font-weight: 600; }

/* Library */
.pk-ins-library { padding: 88px 0 64px; background: var(--white); }

.pk-ins-cat { padding: 56px 0 0; }
.pk-ins-cat + .pk-ins-cat { border-top: 1px solid var(--hair); margin-top: 56px; }

.pk-ins-cat-head {
  display: grid; grid-template-columns: 56px auto 1fr;
  gap: 24px; align-items: center; margin-bottom: 36px;
}

.pk-ins-cat-mark {
  width: 48px; height: 48px; border: 1px solid var(--hair);
  background: var(--white); display: grid; place-items: center; color: var(--ink);
}
.pk-ins-cat-mark img,
.pk-ins-cat-mark svg { width: 28px; height: 28px; display: block; }

.pk-ins-cat-meta { display: flex; flex-direction: column; gap: 6px; }
.pk-ins-cat-num {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--steel);
}
.pk-ins-cat-title {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(24px, 2.4vw, 32px); line-height: 1.1; letter-spacing: -0.018em; color: var(--ink);
}
.pk-ins-cat-count {
  justify-self: end;
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-60);
}

/* Tile Grid */
.pk-ins-tile-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--hair); border-left: 1px solid var(--hair);
}
.pk-ins-tile {
  display: flex; flex-direction: column; gap: 14px;
  padding: 28px; min-height: 290px;
  border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair);
  background: var(--white); color: inherit; text-decoration: none;
  transition: background 0.18s var(--ease);
}
.pk-ins-tile-visual { width: 100%; margin-bottom: 4px; display: flex; align-items: center; }
.pk-ins-tile-visual img,
.pk-ins-tile-visual svg { width: 96px; height: 60px; display: block; }
.pk-ins-tile:hover { background: #FCFAF7; }
.pk-ins-tile:hover .pk-ins-tile-title { color: var(--steel); }
.pk-ins-tile:hover .pk-ins-tile-arrow { color: var(--steel); }

.pk-ins-tile-tag {
  font-family: var(--mono); font-size: 10px; font-weight: 600;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-60);
  display: inline-flex; align-items: center; gap: 8px;
}
.pk-ins-tile-tag-flag { color: var(--gold); font-weight: 700; }
.pk-ins-tile-tag-sep  { color: var(--mist); }

.pk-ins-tile-title {
  font-family: var(--serif); font-weight: 400;
  font-size: 20px; line-height: 1.22; letter-spacing: -0.012em;
  color: var(--ink); transition: color 0.18s var(--ease);
}
.pk-ins-tile-dek {
  font-family: var(--sans);
  font-size: 13.5px; line-height: 1.55; color: var(--ink-80); flex-grow: 1;
}
.pk-ins-tile-arrow {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink);
  margin-top: 6px; display: inline-flex; align-items: center; gap: 6px;
  transition: color 0.18s var(--ease);
}
.pk-ins-tile-arrow::after { content: "→"; font-family: var(--sans); letter-spacing: 0; font-size: 13px; }


/* ==========================================================================
   15. SEITEN: OUTSOURCING — pk-os-* (Longread)
   ========================================================================== */

/* --- Masthead --- */
.pk-os-mast { padding: 96px 0 72px; background: var(--white); }

.pk-os-mast-head {
  display: grid; grid-template-columns: 1fr auto; align-items: baseline;
  border-bottom: 1px solid var(--hair); padding-bottom: 28px; margin-bottom: 56px;
}
.pk-os-mast-issue {
  font-family: var(--mono); font-size: 11px;
  color: var(--ink-60); letter-spacing: 0.08em; text-transform: uppercase;
}

.pk-os-mast-grid {
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 80px; align-items: start;
}

.pk-os-mast-headline {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(40px, 5.4vw, 72px); line-height: 1.04; letter-spacing: -0.026em;
  color: var(--ink); max-width: 16ch; margin-bottom: 32px;
}
.pk-os-mast-headline em { font-style: italic; color: var(--steel); font-weight: 400; }

.pk-os-mast-quote {
  font-family: var(--serif); font-style: italic;
  font-size: 18px; line-height: 1.45; color: var(--ink-80);
  border-left: 2px solid var(--gold); padding: 4px 0 4px 18px; max-width: 36ch;
}

.pk-os-mast-side {
  border-left: 1px solid var(--hair); padding-left: 32px;
  display: flex; flex-direction: column; gap: 24px;
}
.pk-os-mast-kicker {
  font-family: var(--mono); font-size: 11px;
  color: var(--steel); letter-spacing: 0.14em; text-transform: uppercase;
}
.pk-os-mast-lead {
  font-family: var(--serif); font-size: 18px; line-height: 1.55;
  color: var(--ink-80); font-weight: 400; max-width: 38ch;
}
.pk-os-mast-meta {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
  padding-top: 22px; border-top: 1px solid var(--hair);
}
.pk-os-mast-meta-item { display: flex; flex-direction: column; gap: 4px; }
.pk-os-mast-meta-num {
  font-family: var(--serif); font-weight: 400;
  font-size: 24px; line-height: 1; letter-spacing: -0.02em; color: var(--ink);
}
.pk-os-mast-meta-label {
  font-family: var(--mono); font-size: 10px;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-60);
}

/* --- Hero Visual --- */
.pk-os-hero-visual {
  margin-top: 56px; padding: 56px 64px; background: var(--bone);
  border: 1px solid var(--hair);
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 48px; align-items: center;
}
.pk-os-hero-visual svg,
.pk-os-hero-visual img { width: 100%; height: auto; max-height: 280px; display: block; }
.pk-os-hero-visual-caption { max-width: 22ch; display: flex; flex-direction: column; gap: 10px; }
.pk-os-hero-visual-caption-num {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel);
}
.pk-os-hero-visual-caption-text {
  font-family: var(--serif); font-size: 16px; line-height: 1.45; color: var(--ink-80);
}
.pk-os-hero-visual-caption-text strong { color: var(--ink); font-weight: 600; }

/* --- Section-Nav --- */
.pk-os-secnav {
  position: sticky; top: 76px; z-index: 40;
  background: var(--bone);
  border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair);
}
.pk-os-secnav-inner { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.pk-os-secnav-inner::-webkit-scrollbar { display: none; }
.pk-os-secnav-list { list-style: none; display: flex; flex-wrap: nowrap; width: max-content; min-width: 100%; padding: 0; margin: 0 auto; justify-content: center; }
.pk-os-secnav-list li { flex: 0 0 auto; }
.pk-os-secnav-list li + li { border-left: 1px solid var(--hair); }
.pk-os-secnav-list a {
  display: inline-flex; align-items: baseline; gap: 8px;
  padding: 16px 22px;
  font-family: var(--mono); font-size: 11px; font-weight: 500;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--ink-60); text-decoration: none; white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: color 0.18s var(--ease), border-color 0.18s var(--ease);
}
.pk-os-secnav-list a:hover,
.pk-os-secnav-list a:focus { color: var(--ink); border-bottom-color: var(--gold); }
.pk-os-secnav-num { color: var(--steel); font-weight: 600; }

/* --- Chapter --- */
.pk-os-chapter { padding: 96px 0 32px; background: var(--white); }
.pk-os-chapter--alt { background: var(--bone); }

.pk-os-chapter-head {
  display: grid; grid-template-columns: 56px auto 1fr;
  gap: 24px; align-items: center;
  margin-bottom: 32px; padding-bottom: 28px; border-bottom: 1px solid var(--hair);
}
.pk-os-chapter--alt .pk-os-chapter-head { border-bottom-color: var(--mist); }

.pk-os-chapter-mark {
  width: 48px; height: 48px; border: 1px solid var(--hair); background: var(--white);
  display: grid; place-items: center;
  font-family: var(--serif); font-size: 18px; font-weight: 500;
  color: var(--ink); letter-spacing: -0.01em;
}
.pk-os-chapter-meta { display: flex; flex-direction: column; gap: 6px; }
.pk-os-chapter-num {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--steel);
}
.pk-os-chapter-title {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(28px, 3vw, 40px); line-height: 1.1; letter-spacing: -0.02em;
  color: var(--ink); max-width: 26ch;
}
.pk-os-chapter-tag {
  justify-self: end;
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-60);
}
.pk-os-chapter-intro {
  font-family: var(--serif); font-size: 19px; line-height: 1.55;
  color: var(--ink-80); max-width: 70ch; margin-bottom: 40px;
}
.pk-os-chapter-body {
  font-family: var(--sans); font-size: 15.5px; line-height: 1.65;
  color: var(--ink-80); max-width: 70ch; margin-bottom: 32px;
}

/* --- Grid Layouts --- */
.pk-os-grid-2 {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0;
  border-top: 1px solid var(--hair); border-left: 1px solid var(--hair);
  margin-bottom: 40px;
}
.pk-os-grid-2 > * {
  padding: 32px;
  border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair);
  background: var(--white);
}
.pk-os-chapter--alt .pk-os-grid-2 > * { background: var(--bone); }

/* --- Cards --- */
.pk-os-card { display: flex; flex-direction: column; gap: 16px; }
.pk-os-card-head {
  display: grid; grid-template-columns: 96px 1fr; gap: 20px; align-items: center;
  padding-bottom: 16px; border-bottom: 1px solid var(--hair);
}
.pk-os-chapter--alt .pk-os-card-head { border-bottom-color: var(--mist); }
.pk-os-card-visual {
  width: 96px; height: 60px; display: flex; align-items: center; justify-content: center;
}
.pk-os-card-visual img,
.pk-os-card-visual svg { width: 96px; height: 60px; display: block; }
.pk-os-card-num {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); margin-bottom: 4px;
}
.pk-os-card-title {
  font-family: var(--serif); font-weight: 500;
  font-size: 22px; line-height: 1.18; letter-spacing: -0.012em; color: var(--ink);
}
.pk-os-card-text {
  font-family: var(--sans); font-size: 14.5px; line-height: 1.6; color: var(--ink-80);
}
.pk-os-card-text + .pk-os-card-text { margin-top: 4px; }
.pk-os-card-text strong { color: var(--ink); font-weight: 600; }
.pk-os-card-list {
  font-family: var(--sans); font-size: 14.5px; line-height: 1.6;
  color: var(--ink-80); padding-left: 18px; margin: 0;
}
.pk-os-card-list li + li { margin-top: 6px; }
.pk-os-card-list strong { color: var(--ink); font-weight: 600; }
.pk-os-card-quote {
  font-family: var(--serif); font-style: italic;
  font-size: 15.5px; line-height: 1.5; color: var(--ink);
  border-left: 2px solid var(--gold); padding: 4px 0 4px 16px; margin: 4px 0 0;
}

/* --- Pillar Cards (Motive) --- */
.pk-os-pillar-title {
  font-family: var(--serif); font-weight: 500;
  font-size: 22px; line-height: 1.2; letter-spacing: -0.012em; color: var(--ink);
  margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--gold);
  display: inline-block;
}
.pk-os-pillar-list {
  font-family: var(--sans); font-size: 15px; line-height: 1.65;
  color: var(--ink-80); padding-left: 18px; margin: 0;
}
.pk-os-pillar-list li + li { margin-top: 8px; }

/* --- Callouts --- */
.pk-os-callout {
  margin: 32px 0; padding: 28px 32px;
  background: var(--bone); border-left: 3px solid var(--gold);
}
.pk-os-chapter--alt .pk-os-callout {
  background: var(--white); border: 1px solid var(--hair); border-left: 3px solid var(--gold);
}
.pk-os-callout--navy,
.pk-os-chapter--alt .pk-os-callout--navy {
  background: var(--ink); border: none; border-left: 3px solid var(--gold);
}
.pk-os-callout-label {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); margin-bottom: 10px;
}
.pk-os-callout--navy .pk-os-callout-label { color: var(--gold); }
.pk-os-callout-body {
  font-family: var(--serif); font-size: 17px; line-height: 1.55; color: var(--ink);
}
.pk-os-callout-body strong { font-weight: 600; }
.pk-os-callout--navy .pk-os-callout-body { color: #FFFFFF; }
.pk-os-callout-quote {
  font-family: var(--serif); font-style: italic; font-size: 18px; line-height: 1.5; color: var(--ink);
}
.pk-os-callout--navy .pk-os-callout-quote { color: #FFFFFF; }

/* --- Compare (Plan vs. Realität) --- */
.pk-os-compare {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0;
  margin: 40px 0; border-top: 2px solid var(--ink);
}
.pk-os-compare-col { padding: 32px 32px 32px 0; }
.pk-os-compare-col + .pk-os-compare-col { padding: 32px 0 32px 32px; border-left: 1px solid var(--hair); }
.pk-os-compare-head {
  display: flex; align-items: center; gap: 16px;
  padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid var(--hair);
}
.pk-os-compare-mark {
  width: 36px; height: 36px; display: grid; place-items: center;
  border: 1px solid var(--hair); background: var(--white);
}
.pk-os-chapter--alt .pk-os-compare-mark { background: var(--bone); }
.pk-os-compare-heading {
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
}
.pk-os-compare-heading--plan { color: var(--steel); }
.pk-os-compare-heading--real { color: var(--gold); font-weight: 700; }
.pk-os-compare-list {
  font-family: var(--sans); font-size: 14.5px; line-height: 1.6;
  color: var(--ink-80); padding-left: 18px; margin: 0;
}
.pk-os-compare-list li + li { margin-top: 8px; }

/* --- Principles (17 Items) --- */
.pk-os-principles-intro {
  display: grid; grid-template-columns: 96px 1fr; gap: 28px; align-items: start;
  margin-bottom: 40px; padding-bottom: 28px; border-bottom: 1px solid var(--hair);
}
.pk-os-principles-intro-text {
  font-family: var(--serif); font-size: 19px; line-height: 1.55; color: var(--ink-80); max-width: 60ch;
}
.pk-os-principles {
  display: grid; grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--hair); border-left: 1px solid var(--hair);
}
.pk-os-principle {
  padding: 28px 24px;
  border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair);
  background: var(--white); display: flex; flex-direction: column; gap: 10px;
}
.pk-os-principle-num {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); font-weight: 600;
}
.pk-os-principle-title {
  font-family: var(--serif); font-weight: 500;
  font-size: 18px; line-height: 1.22; letter-spacing: -0.01em; color: var(--ink);
}
.pk-os-principle-text {
  font-family: var(--sans); font-size: 14px; line-height: 1.6; color: var(--ink-80);
}
.pk-os-principle-text strong { color: var(--ink); font-weight: 600; }

/* --- Closing (Fazit) --- */
.pk-os-closing { background: var(--ink); color: #FFFFFF; padding: 112px 0; }
.pk-os-closing-num {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold); margin-bottom: 24px;
}
.pk-os-closing-title {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(32px, 3.6vw, 50px); line-height: 1.1; letter-spacing: -0.022em;
  color: #FFFFFF; max-width: 22ch; margin-bottom: 28px;
}
.pk-os-closing-title em { font-style: italic; color: var(--gold); }
.pk-os-closing-divider { width: 64px; height: 2px; background: var(--gold); margin-bottom: 32px; }
.pk-os-closing-body {
  font-family: var(--serif); font-size: 18px; line-height: 1.6;
  color: var(--mist); max-width: 56ch; margin-bottom: 16px;
}
.pk-os-closing-body + .pk-os-closing-body { margin-top: 16px; }
.pk-os-closing-body strong { color: #FFFFFF; font-weight: 500; }
.pk-os-closing-author {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--mist); opacity: 0.7;
  margin-top: 40px; padding-top: 24px; border-top: 1px solid rgba(219, 226, 239, 0.18);
}

/* --- CTA --- */
.pk-os-cta { padding: 112px 0; background: var(--white); border-top: 1px solid var(--hair); }
.pk-os-cta-in {
  display: grid; grid-template-columns: 1fr auto; gap: 64px;
  align-items: end; padding-bottom: 40px; border-bottom: 1px solid var(--hair);
}
.pk-os-cta-kicker {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); margin-bottom: 18px;
}
.pk-os-cta-headline {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(36px, 3.8vw, 54px); line-height: 1.14; letter-spacing: -0.024em;
  color: var(--ink); max-width: 18ch; margin-bottom: 16px;
}
.pk-os-cta-headline em { font-style: italic; color: var(--steel); }
.pk-os-cta-note {
  font-family: var(--serif); font-size: 16px; line-height: 1.55;
  color: var(--ink-80); max-width: 38ch;
}
.pk-os-cta-actions { display: flex; flex-direction: column; gap: 18px; align-items: flex-end; }
.pk-os-cta-action {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--sans); font-size: 14px; font-weight: 600;
  color: var(--ink); padding: 12px 0; border-bottom: 1px solid var(--ink);
  transition: color 0.15s var(--ease), border-color 0.15s var(--ease), gap 0.2s var(--ease);
}
.pk-os-cta-action:hover { color: var(--steel); border-color: var(--steel); gap: 14px; }
.pk-os-cta-action svg { width: 14px; height: 14px; }
.pk-os-cta-action--secondary { color: var(--ink-60); border-color: var(--hair); font-weight: 500; }


/* ==========================================================================
   16. SEITEN: CARVE-OUT — pk-co-* (Longread)
   ========================================================================== */

/* ── Masthead ── */
.pk-co-mast { padding: 173px 0 64px; background: var(--white); }
.pk-co-mast-head { display: grid; grid-template-columns: 1fr auto; align-items: baseline; border-bottom: 1px solid var(--hair); padding-bottom: 28px; margin-bottom: 48px; }
.pk-co-masthead { font-family: var(--serif); font-style: italic; font-size: 14px; color: var(--ink-60); letter-spacing: 0.01em; }
.pk-co-mast-issue { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-40); }
.pk-co-mast-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 64px; align-items: start; }
.pk-co-mast-headline { font-family: var(--serif); font-weight: 400; font-size: clamp(40px, 5vw, 68px); line-height: 1.06; letter-spacing: -0.025em; color: var(--ink); margin: 0; }
.pk-co-mast-headline em { font-style: italic; color: var(--steel); font-weight: 400; }
.pk-co-mast-side { border-left: 1px solid var(--hair); padding-left: 32px; padding-bottom: 10px; }
.pk-co-mast-kicker { font-family: var(--mono); font-size: 11px; color: var(--steel); letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 16px; }
.pk-co-mast-lead { font-family: var(--serif); font-size: 19px; line-height: 1.5; color: var(--ink-80); font-weight: 400; max-width: 38ch; margin-bottom: 28px; }
.pk-co-mast-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-top: 22px; border-top: 1px solid var(--hair); }
.pk-co-mast-meta-item { display: flex; flex-direction: column; gap: 4px; }
.pk-co-mast-meta-num { font-family: var(--serif); font-weight: 400; font-size: 28px; line-height: 1; letter-spacing: -0.02em; color: var(--ink); }
.pk-co-mast-meta-label { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-60); }
.pk-co-mast-pullquote { margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--hair); }
.pk-co-mast-pullquote p { font-family: var(--serif); font-size: 22px; line-height: 1.45; color: var(--ink); font-style: italic; font-weight: 400; max-width: 880px; margin: 0; }

/* ── Section-Nav ── */
.pk-co-secnav { position: sticky; top: 76px; z-index: 40; background: var(--bone); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); }
.pk-co-secnav-inner { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.pk-co-secnav-inner::-webkit-scrollbar { display: none; }
.pk-co-secnav-list { list-style: none; display: flex; flex-wrap: nowrap; width: max-content; min-width: 100%; padding: 0; margin: 0 auto; justify-content: center; }
.pk-co-secnav-list li { flex: 0 0 auto; margin: 0; padding: 0; }
.pk-co-secnav-list li + li { border-left: 1px solid var(--hair); }
.pk-co-secnav-list a { display: inline-flex; align-items: baseline; gap: 8px; padding: 16px 24px; font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-60); border-bottom: 2px solid transparent; white-space: nowrap; transition: color 0.18s, border-color 0.18s; }
.pk-co-secnav-list a:hover,
.pk-co-secnav-list a:focus { color: var(--ink); border-bottom-color: var(--gold); }
.pk-co-secnav-num { color: var(--steel); font-weight: 600; }
.pk-co-secnav-label { color: inherit; }

/* ── Body / Chapters ── */
.pk-co-body { background: var(--white); padding: 80px 0 96px; }
.pk-co-chapter { padding: 56px 0 72px; }
.pk-co-chapter + .pk-co-chapter { border-top: 1px solid var(--hair); }
.pk-co-chapter-head { display: grid; grid-template-columns: 80px 1fr; gap: 28px; align-items: center; margin-bottom: 32px; }
.pk-co-chapter-mark img { display: none; }
.pk-co-chapter-mark { width: 80px; height: 80px; border: 1px solid var(--hair); background: var(--white); background-size: 48px 48px; background-repeat: no-repeat; background-position: center; display: block; flex-shrink: 0; }

/* Chapter marks — paths relative to styles/pk.css */
#cap-01 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-positionierung.png'); }
#cap-02 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-realitaet.png'); }
#cap-03 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-wertlogik.png'); }
#cap-04 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-silent.png'); }
#cap-05 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-iam.png'); }
#cap-06 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-tsa.png'); }
#cap-07 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-ablauf.png'); }
#cap-08 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-risk.png'); }
#cap-09 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-deliverables.png'); }
#cap-10 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-stakeholder.png'); }
#cap-11 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-erfolg.png'); }
#cap-12 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-glossar.png'); }
#cap-13 .pk-co-chapter-mark { background-image: url('../it-carveout/assets/mark-fazit.png'); border-color: rgba(255,255,255,0.2); background-color: transparent; filter: invert(1) brightness(2); }

.pk-co-chapter-num { display: block; font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--steel); margin-bottom: 10px; }
.pk-co-chapter-title { font-family: var(--serif); font-weight: 400; font-size: clamp(24px, 2.4vw, 36px); line-height: 1.18; letter-spacing: -0.018em; color: var(--ink); max-width: 920px; }
.pk-co-chapter-lead { font-family: var(--serif); font-weight: 400; font-size: 18px; line-height: 1.55; color: var(--ink-80); max-width: 880px; margin-bottom: 40px; }
.pk-co-chapter-foot { margin-top: 32px; font-family: var(--serif); font-size: 16px; line-height: 1.6; color: var(--ink-80); max-width: 880px; }
.pk-co-chapter-foot strong { color: var(--ink); font-weight: 600; }

/* ── Tile Grid ── */
.pk-co-tile-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--hair); border-left: 1px solid var(--hair); }
.pk-co-tile-grid--2 { grid-template-columns: repeat(2, 1fr); }
.pk-co-tile-grid--3 { grid-template-columns: repeat(3, 1fr); }
.pk-co-tile-grid--4 { grid-template-columns: repeat(4, 1fr); }
.pk-co-tile { display: flex; flex-direction: column; gap: 14px; padding: 28px; min-height: 220px; border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair); background: var(--white); transition: background 0.18s; }
.pk-co-tile:hover { background: #FCFAF7; }
.pk-co-tile-num   { font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); }
.pk-co-tile-title { display: flex; align-items: flex-start; gap: 12px; font-family: var(--serif); font-weight: 400; font-size: 20px; line-height: 1.22; letter-spacing: -0.012em; color: var(--ink); }
.pk-co-tile-title svg { width: 24px; height: 24px; flex-shrink: 0; margin-top: 2px; }
.pk-co-tile-dek   { font-family: var(--sans); font-size: 13.5px; line-height: 1.55; color: var(--ink-80); flex-grow: 1; }

/* ── Letter Cards ── */
.pk-co-letter-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--hair); border-left: 1px solid var(--hair); }
.pk-co-letter-card { background: var(--white); padding: 32px 28px; border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair); display: flex; flex-direction: column; gap: 12px; }
.pk-co-letter-mark     { font-family: var(--serif); font-size: 36px; font-weight: 400; color: var(--steel); line-height: 1; margin-bottom: 6px; letter-spacing: -0.02em; }
.pk-co-letter-title    { font-family: var(--serif); font-weight: 400; font-size: 20px; line-height: 1.25; letter-spacing: -0.012em; color: var(--ink); }
.pk-co-letter-text     { font-family: var(--sans); font-size: 14px; line-height: 1.6; color: var(--ink-80); }
.pk-co-letter-defense  { margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--hair); font-family: var(--sans); font-size: 13px; line-height: 1.55; color: var(--ink-80); }
.pk-co-letter-defense span { display: inline-block; font-family: var(--mono); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); margin-right: 6px; }

/* ── Flow Diagram ── */
.pk-co-flow { margin-bottom: 40px; padding: 32px; background: var(--bone); border: 1px solid var(--hair); }
.pk-co-flow-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: stretch; margin-bottom: 24px; }
.pk-co-flow-box { background: var(--white); padding: 24px; border: 1px solid var(--hair); display: flex; flex-direction: column; gap: 10px; }
.pk-co-flow-box--newco  { border-top: 3px solid var(--gold); }
.pk-co-flow-box--remain { border-top: 3px solid var(--ink); }
.pk-co-flow-label  { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); }
.pk-co-flow-line   { font-family: var(--serif); font-weight: 400; font-size: 18px; color: var(--ink); line-height: 1.3; }
.pk-co-flow-sub    { font-family: var(--sans); font-size: 13px; line-height: 1.55; color: var(--ink-60); }
.pk-co-flow-action { margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--hair); font-family: var(--sans); font-size: 13px; font-weight: 500; color: var(--ink-80); line-height: 1.5; }
.pk-co-flow-arrow  { font-family: var(--serif); font-size: 32px; color: var(--gold); display: flex; align-items: center; justify-content: center; }
.pk-co-flow-impact { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--hair); background: var(--white); }
.pk-co-flow-impact-col { padding: 20px 24px; border-right: 1px solid var(--hair); }
.pk-co-flow-impact-col:last-child { border-right: none; }
.pk-co-flow-impact-col--gold { background: #FCFAF7; }
.pk-co-flow-impact-label { display: block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); margin-bottom: 8px; }
.pk-co-flow-impact-col p { font-family: var(--sans); font-size: 14px; line-height: 1.55; color: var(--ink-80); }

/* ── Phase Row ── */
.pk-co-phase-row { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; gap: 12px; align-items: stretch; margin-bottom: 24px; }
.pk-co-phase { background: var(--bone); padding: 20px 18px; border-top: 2px solid var(--hair); display: flex; flex-direction: column; gap: 8px; }
.pk-co-phase--final { background: var(--ink); border-top-color: var(--gold); }
.pk-co-phase--final .pk-co-phase-num,
.pk-co-phase--final .pk-co-phase-title { color: var(--white); }
.pk-co-phase--final .pk-co-phase-time  { color: var(--gold); }
.pk-co-phase--final .pk-co-phase-text  { color: rgba(255,255,255,0.78); }
.pk-co-phase-num   { font-family: var(--serif); font-weight: 400; font-size: 24px; color: var(--steel); letter-spacing: -0.02em; line-height: 1; }
.pk-co-phase-time  { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-60); }
.pk-co-phase-title { font-family: var(--serif); font-weight: 400; font-size: 16px; color: var(--ink); line-height: 1.25; }
.pk-co-phase-text  { font-family: var(--sans); font-size: 12px; line-height: 1.5; color: var(--ink-80); }
.pk-co-phase-arrow { font-family: var(--sans); font-size: 20px; font-weight: 300; color: var(--steel); display: flex; align-items: center; justify-content: center; }

/* ── Deliverables Grid ── */
.pk-co-deliv-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--hair); border-left: 1px solid var(--hair); margin-bottom: 24px; }
.pk-co-deliv { background: var(--white); padding: 24px 24px 28px; border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair); display: flex; flex-direction: column; gap: 10px; }
.pk-co-deliv-label { font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--steel); }
.pk-co-deliv p { font-family: var(--sans); font-size: 14px; line-height: 1.6; color: var(--ink-80); }

/* ── Persona Grid ── */
.pk-co-persona-grid { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 16px; align-items: stretch; margin-bottom: 24px; }
.pk-co-persona { background: var(--bone); padding: 28px 24px; border-top: 2px solid var(--hair); display: flex; flex-direction: column; gap: 10px; }
.pk-co-persona-num   { font-family: var(--serif); font-weight: 400; font-size: 24px; color: var(--steel); letter-spacing: -0.02em; line-height: 1; }
.pk-co-persona-title { font-family: var(--serif); font-weight: 400; font-size: 22px; color: var(--ink); line-height: 1.2; }
.pk-co-persona-text  { font-family: var(--sans); font-size: 14px; line-height: 1.55; color: var(--ink-80); }
.pk-co-persona-link  { font-family: var(--serif); font-size: 24px; color: var(--steel); display: flex; align-items: center; justify-content: center; }

/* ── Success Factors ── */
.pk-co-factors { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--hair); border-left: 1px solid var(--hair); }
.pk-co-factor { display: grid; grid-template-columns: 56px 1fr; gap: 16px; padding: 22px 24px; border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair); }
.pk-co-factor-num { font-family: var(--serif); font-weight: 400; font-size: 24px; color: var(--steel); letter-spacing: -0.02em; line-height: 1; }
.pk-co-factor p { font-family: var(--sans); font-size: 14px; line-height: 1.6; color: var(--ink-80); }
.pk-co-factor p strong { font-family: var(--serif); font-weight: 400; font-size: 15px; color: var(--ink); display: inline; }

/* ── Glossary ── */
.pk-co-chapter--glossary { padding-bottom: 96px; }
.pk-co-glossary { display: grid; grid-template-columns: 80px 1fr 1fr; gap: 0 32px; border-top: 1px solid var(--hair); padding-top: 16px; grid-auto-flow: row; }
.pk-co-gloss-letter { grid-column: 1 / 2; padding: 24px 0 8px; position: sticky; top: 142px; align-self: start; }
.pk-co-gloss-letter-mark { font-family: var(--serif); font-size: 48px; font-weight: 400; color: var(--steel); letter-spacing: -0.03em; line-height: 1; display: block; }
.pk-co-gloss-term { grid-column: 2 / 4; padding: 16px 0; border-bottom: 1px solid #F0F2F6; }
.pk-co-gloss-term:last-child { border-bottom: none; }
.pk-co-gloss-term h3 { font-family: var(--serif); font-weight: 400; font-size: 17px; color: var(--ink); line-height: 1.3; margin-bottom: 6px; letter-spacing: -0.01em; }
.pk-co-gloss-term p { font-family: var(--sans); font-size: 14px; line-height: 1.6; color: var(--ink-80); }

/* ── Pull Quote ── */
.pk-co-pullquote { margin: 48px 0 0; padding: 32px 0 0; border-top: 1px solid var(--hair); }
.pk-co-pullquote p { font-family: var(--serif); font-size: 22px; line-height: 1.45; font-style: italic; font-weight: 400; color: var(--ink); max-width: 920px; }

/* ── Inline Figures (Editorial-Image im Longread) ── */
/* Figure auf Editorial-Reading-Column (880px, analog .pk-co-chapter-lead) limitiert. */
/* <img> behält die per width-Attribut/intrinsic gegebene Breite; max-width:100% verhindert Overflow auf schmalen Containern. */
.pk-co-figure { margin: 36px 0; padding: 28px; background: var(--bone); border: 1px solid var(--hair); text-align: center; max-width: 880px; }
.pk-co-figure img { display: inline-block; max-width: 100%; height: auto; }
.pk-co-figure figcaption { margin-top: 16px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-60); text-align: center; }
/* Inline-SVG-Mark sauber zentrieren (Fix für inline SVG in 80×80 Box) */
.pk-co-chapter-mark { display: flex; align-items: center; justify-content: center; }

/* ── Fazit (navy full-bleed) ── */
.pk-co-chapter--final { padding: 80px 0 96px; background: var(--ink); margin: 56px calc(-1 * var(--gutter)) 0; padding-left: var(--gutter); padding-right: var(--gutter); border-top: none !important; }
.pk-co-chapter--final .pk-co-chapter-num   { color: var(--gold) !important; }
.pk-co-chapter--final .pk-co-chapter-title { color: var(--white); font-size: clamp(24px, 2.4vw, 32px); max-width: 980px; }
.pk-co-final-divider { width: 60px; height: 2px; background: var(--gold); margin: 28px 0; }
.pk-co-final-body p { font-family: var(--serif); font-size: 17px; line-height: 1.65; color: rgba(255,255,255,0.92); max-width: 880px; margin-bottom: 16px; }
.pk-co-final-body p strong { color: var(--gold); font-weight: 600; }
.pk-co-final-author { margin-top: 32px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.15); font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.7); }
.pk-co-chapter--final .pk-co-chapter-mark { color: var(--white); }
.pk-co-chapter--final .pk-co-factors { border-color: rgba(255,255,255,0.14); }
.pk-co-chapter--final .pk-co-factor { border-color: rgba(255,255,255,0.14); }
.pk-co-chapter--final .pk-co-factor-num { color: var(--gold); }
.pk-co-chapter--final .pk-co-factor p { color: rgba(255,255,255,0.85); }
.pk-co-chapter--final .pk-co-factor p strong { color: var(--white); }
.pk-co-chapter--final .pk-co-pullquote { border-top-color: rgba(255,255,255,0.15); }
.pk-co-chapter--final .pk-co-pullquote p { color: rgba(255,255,255,0.92); }
.pk-co-chapter--final .pk-co-closing { font-family: var(--serif); font-size: 17px; line-height: 1.65; color: rgba(255,255,255,0.85); max-width: 880px; margin-bottom: 16px; }
.pk-co-chapter--final .pk-co-author { margin-top: 32px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.15); font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.7); }

/* ── Editorial CTA ── */
.pk-co-cta { padding: 112px 0; background: var(--white); border-top: 1px solid var(--hair); }
.pk-co-cta-in { display: grid; grid-template-columns: 1fr auto; gap: 64px; align-items: end; padding-bottom: 40px; border-bottom: 1px solid var(--hair); }
.pk-co-cta-kicker { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); margin-bottom: 18px; }
.pk-co-cta-headline { font-family: var(--serif); font-weight: 400; font-size: clamp(36px, 3.8vw, 54px); line-height: 1.14; letter-spacing: -0.024em; color: var(--ink); max-width: 18ch; margin-bottom: 16px; }
.pk-co-cta-headline em { font-style: italic; color: var(--steel); }
.pk-co-cta-note { font-family: var(--serif); font-size: 16px; line-height: 1.55; color: var(--ink-80); max-width: 38ch; margin: 0; }
.pk-co-cta-actions { display: flex; flex-direction: column; gap: 18px; align-items: flex-end; }
.pk-co-cta-action { display: inline-flex; align-items: center; gap: 10px; font-family: var(--sans); font-size: 14px; font-weight: 600; color: var(--ink); padding: 12px 0; border-bottom: 1px solid var(--ink); transition: color 0.15s, border-color 0.15s, gap 0.2s; }
.pk-co-cta-action:hover { color: var(--steel); border-color: var(--steel); gap: 14px; }
.pk-co-cta-action--secondary { color: var(--ink-60); border-color: var(--hair); font-weight: 500; }


/* ==========================================================================
   17. RESPONSIVE
   ========================================================================== */
@media (max-width: 1100px) {
  .pk-profile-impact    { grid-template-columns: 1fr 1fr; gap: 28px; }
  .pk-ins-tile-grid     { grid-template-columns: repeat(2, 1fr); }

  /* Outsourcing */
  .pk-os-hero-visual    { grid-template-columns: 1fr; gap: 32px; padding: 40px; }
  .pk-os-principles     { grid-template-columns: repeat(2, 1fr); }

  /* Carve-out */
  .pk-co-tile-grid     { grid-template-columns: repeat(2, 1fr); }
  .pk-co-tile-grid--4  { grid-template-columns: repeat(2, 1fr); }
  .pk-co-letter-grid   { grid-template-columns: repeat(2, 1fr); }
  .pk-co-deliv-grid    { grid-template-columns: repeat(2, 1fr); }
  .pk-co-persona-grid  { grid-template-columns: 1fr 1fr 1fr; }
  .pk-co-persona-link  { display: none; }
  .pk-co-flow-row      { grid-template-columns: 1fr; gap: 16px; }
  .pk-co-flow-arrow    { display: none; }

  /* NewCo IT */
  .pk-nc-tile-grid     { grid-template-columns: repeat(2, 1fr); }
  .pk-nc-tile-grid--4  { grid-template-columns: repeat(2, 1fr); }
  .pk-nc-letter-grid   { grid-template-columns: repeat(2, 1fr); }
  .pk-nc-deliv-grid    { grid-template-columns: repeat(2, 1fr); }
  .pk-nc-persona-grid  { grid-template-columns: 1fr 1fr 1fr; }
  .pk-nc-persona-link  { display: none; }
  .pk-nc-flow-row      { grid-template-columns: 1fr; gap: 16px; }
  .pk-nc-flow-arrow    { display: none; }

  /* AI Age */
  .pk-ai-grid          { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 960px) {
  /* Header */
  .pk-nav   { display: none; }
  .pk-hdr-in { grid-template-columns: auto 1fr; }

  /* Hero */
  .pk-hero-grid  { grid-template-columns: 1fr; gap: 48px; }
  .pk-hero-side  { border-left: none; padding-left: 0; border-top: 1px solid var(--hair); padding-top: 32px; }

  /* Stats */
  .pk-stats-grid { grid-template-columns: 1fr 1fr; }
  .pk-stats-cell { border-right: none; border-bottom: 1px solid var(--mist); padding: 24px 0 !important; }
  .pk-stats-cell:nth-child(odd)  { border-right: 1px solid var(--mist); padding-right: 24px !important; }
  .pk-stats-cell:nth-child(even) { padding-left: 24px !important; }

  /* Feature + Cards */
  .pk-feature   { grid-template-columns: 1fr; gap: 32px; }
  .pk-card-row  { grid-template-columns: 1fr; gap: 56px; }

  /* Services */
  .pk-services-head { grid-template-columns: 1fr; }
  .pk-services-grid { grid-template-columns: 1fr; }
  .pk-svc { padding: 32px 0 !important; border-left: none !important; }
  .pk-trigger-grid { grid-template-columns: 1fr; }
  .pk-trigger-item { padding: 20px 0; border-right: none; }
  .pk-diff-item { gap: 16px; }

  /* Models */
  .pk-models-grid { grid-template-columns: 1fr; }
  .pk-model { padding: 24px 0 !important; border-right: none !important; border-bottom: 1px solid var(--hair); }
  .pk-model:last-child { border-bottom: none; }

  /* Profile */
  .pk-profile-in { grid-template-columns: 1fr; }

  /* CTA */
  .pk-cta-in { grid-template-columns: 1fr; }
  .pk-cta-actions { align-items: flex-start; }

  /* Footer — Tablet: 2 Spalten */
  .pk-ftr-in { grid-template-columns: 1fr 1fr; gap: 40px; }

  /* Insights Home */
  .pk-home-insights-head { grid-template-columns: 1fr; }

  /* Carve-out */
  .pk-co-mast-grid     { grid-template-columns: 1fr; gap: 40px; }
  .pk-co-mast-side     { border-left: none; padding-left: 0; padding-top: 32px; border-top: 1px solid var(--hair); }
  .pk-co-mast-meta     { grid-template-columns: 1fr 1fr; }

  /* NewCo IT */
  .pk-nc-mast-grid     { grid-template-columns: 1fr; gap: 40px; }
  .pk-nc-mast-side     { border-left: none; padding-left: 0; padding-top: 32px; border-top: 1px solid var(--hair); }
  .pk-nc-mast-meta     { grid-template-columns: 1fr 1fr; }

  /* AI Age */
  .pk-ai-metabar-in    { flex-wrap: wrap; gap: 0; }
  .pk-ai-metabar-item  { flex: 0 0 50%; }
  .pk-ai-resource-item { grid-template-columns: 1fr; gap: 4px; }
  .pk-ai-resource-note { text-align: left; white-space: normal; }
}

@media (max-width: 760px) {
  :root { --gutter: 20px; }

  /* Footer — Mobile: 1 Spalte */
  .pk-ftr-in { grid-template-columns: 1fr; gap: 32px; }

  /* Insights Page */
  .pk-ins-mast      { padding: 64px 0 40px; }
  .pk-ins-mast-grid { grid-template-columns: 1fr; gap: 40px; }
  .pk-ins-mast-side { border-left: none; padding-left: 0; padding-top: 32px; border-top: 1px solid var(--hair); }
  .pk-ins-mast-meta { grid-template-columns: 1fr 1fr; }
  .pk-ins-secnav    { top: 0; }
  .pk-ins-cat-head  { grid-template-columns: 40px 1fr auto; gap: 16px; }
  .pk-ins-cat-mark  { width: 40px; height: 40px; }
  .pk-ins-cat-mark img,
  .pk-ins-cat-mark svg { width: 22px; height: 22px; }
  .pk-ins-tile-grid { grid-template-columns: 1fr; }
  .pk-ins-tile      { min-height: 0; }

  /* Outsourcing Page */
  .pk-os-mast         { padding: 64px 0 40px; }
  .pk-os-mast-grid    { grid-template-columns: 1fr; gap: 40px; }
  .pk-os-mast-side    { border-left: none; padding-left: 0; padding-top: 32px; border-top: 1px solid var(--hair); }
  .pk-os-mast-meta    { grid-template-columns: 1fr 1fr; }

  .pk-os-secnav       { top: 0; }

  .pk-os-chapter      { padding: 64px 0 16px; }
  .pk-os-chapter-head { grid-template-columns: 40px 1fr; gap: 14px; }
  .pk-os-chapter-mark { width: 40px; height: 40px; }
  .pk-os-chapter-tag  { display: none; }

  .pk-os-grid-2       { grid-template-columns: 1fr; border-left: none; }
  .pk-os-grid-2 > *   { border-right: none; }

  .pk-os-card-head    { grid-template-columns: 64px 1fr; gap: 16px; }
  .pk-os-card-visual  { width: 64px; height: 40px; }
  .pk-os-card-visual img,
  .pk-os-card-visual svg { width: 64px; height: 40px; }

  .pk-os-compare      { grid-template-columns: 1fr; }
  .pk-os-compare-col  { padding: 24px 0 !important; border-left: none !important; border-bottom: 1px solid var(--hair); }
  .pk-os-compare-col:last-child { border-bottom: none; }

  .pk-os-principles   { grid-template-columns: 1fr; }
  .pk-os-principles-intro { grid-template-columns: 1fr; gap: 20px; }

  .pk-os-closing      { padding: 72px 0; }

  .pk-os-cta          { padding: 72px 0; }
  .pk-os-cta-in       { grid-template-columns: 1fr; gap: 32px; }
  .pk-os-cta-actions  { align-items: flex-start; }

  /* Carve-out */
  .pk-co-mast          { padding: 64px 0 40px; }
  .pk-co-mast-grid     { grid-template-columns: 1fr; gap: 40px; }
  .pk-co-mast-side     { border-left: none; padding-left: 0; padding-top: 32px; border-top: 1px solid var(--hair); }
  .pk-co-mast-meta     { grid-template-columns: 1fr 1fr; }

  .pk-co-secnav        { top: 0; }

  .pk-co-chapter       { padding: 48px 0 56px; }
  .pk-co-chapter-head  { grid-template-columns: 48px 1fr; gap: 14px; }
  .pk-co-chapter-mark  { width: 48px; height: 48px; background-size: 28px 28px; }

  .pk-co-tile-grid     { grid-template-columns: 1fr; border-left: none; }
  .pk-co-tile-grid > * { border-right: none; }
  .pk-co-tile-grid--2,
  .pk-co-tile-grid--4  { grid-template-columns: 1fr; }

  .pk-co-letter-grid   { grid-template-columns: 1fr; }

  .pk-co-flow-row      { grid-template-columns: 1fr; }
  .pk-co-flow-impact   { grid-template-columns: 1fr; }
  .pk-co-flow-impact-col { border-right: none; border-bottom: 1px solid var(--hair); }
  .pk-co-flow-impact-col:last-child { border-bottom: none; }

  .pk-co-phase-row     { grid-template-columns: 1fr; gap: 8px; }
  .pk-co-phase-arrow   { display: none; }

  .pk-co-deliv-grid    { grid-template-columns: 1fr; border-left: none; }
  .pk-co-deliv         { border-right: none; }

  .pk-co-persona-grid  { grid-template-columns: 1fr; gap: 12px; }
  .pk-co-persona-link  { display: none; }

  .pk-co-factors       { grid-template-columns: 1fr; border-left: none; }
  .pk-co-factor        { border-right: none; }

  .pk-co-glossary      { grid-template-columns: 1fr; }
  .pk-co-gloss-letter  { position: static; padding: 16px 0 4px; grid-column: auto; }
  .pk-co-gloss-term    { grid-column: auto; }

  .pk-co-chapter--final { padding: 64px 0 80px; }

  .pk-co-cta           { padding: 72px 0; }
  .pk-co-cta-in        { grid-template-columns: 1fr; gap: 32px; }
  .pk-co-cta-actions   { align-items: flex-start; }

  /* NewCo IT */
  .pk-nc-mast          { padding: 64px 0 40px; }
  .pk-nc-mast-grid     { grid-template-columns: 1fr; gap: 40px; }
  .pk-nc-mast-side     { border-left: none; padding-left: 0; padding-top: 32px; border-top: 1px solid var(--hair); }
  .pk-nc-mast-meta     { grid-template-columns: 1fr 1fr; }

  .pk-nc-secnav        { top: 0; }

  .pk-nc-chapter       { padding: 48px 0 56px; }
  .pk-nc-chapter-head  { grid-template-columns: 48px 1fr; gap: 14px; }
  .pk-nc-chapter-mark  { width: 48px; height: 48px; background-size: 28px 28px; }

  .pk-nc-tile-grid     { grid-template-columns: 1fr; border-left: none; }
  .pk-nc-tile-grid > * { border-right: none; }
  .pk-nc-tile-grid--2,
  .pk-nc-tile-grid--4  { grid-template-columns: 1fr; }

  .pk-nc-letter-grid   { grid-template-columns: 1fr; }

  .pk-nc-flow-row      { grid-template-columns: 1fr; }
  .pk-nc-flow-impact   { grid-template-columns: 1fr; }
  .pk-nc-flow-impact-col { border-right: none; border-bottom: 1px solid var(--hair); }
  .pk-nc-flow-impact-col:last-child { border-bottom: none; }

  .pk-nc-phase-row     { grid-template-columns: 1fr; gap: 8px; }
  .pk-nc-phase-arrow   { display: none; }

  .pk-nc-deliv-grid    { grid-template-columns: 1fr; border-left: none; }
  .pk-nc-deliv         { border-right: none; }

  .pk-nc-persona-grid  { grid-template-columns: 1fr; gap: 12px; }
  .pk-nc-persona-link  { display: none; }

  .pk-nc-factors       { grid-template-columns: 1fr; border-left: none; }
  .pk-nc-factor        { border-right: none; }

  .pk-nc-glossary      { grid-template-columns: 1fr; }
  .pk-nc-gloss-letter  { position: static; padding: 16px 0 4px; grid-column: auto; }
  .pk-nc-gloss-term    { grid-column: auto; }

  .pk-nc-chapter--final { padding: 64px 0 80px; }

  .pk-nc-cta           { padding: 72px 0; }
  .pk-nc-cta-in        { grid-template-columns: 1fr; gap: 32px; }
  .pk-nc-cta-actions   { align-items: flex-start; }

  /* AI Age */
  .pk-ai-mast          { padding: 120px 0 56px; }
  .pk-ai-grid          { grid-template-columns: 1fr; }
  .pk-ai-chapter       { padding: 48px 0; }
  .pk-ai-closing       { padding: 64px 0; }
}

/* ==========================================================================
   18. SEITEN: NEWCO IT — pk-nc-* (Longread)
   ========================================================================== */

/* ── Masthead ── */
.pk-nc-mast { padding: 173px 0 64px; background: var(--white); }
.pk-nc-mast-head { display: grid; grid-template-columns: 1fr auto; align-items: baseline; border-bottom: 1px solid var(--hair); padding-bottom: 28px; margin-bottom: 48px; }
.pk-nc-masthead { font-family: var(--serif); font-style: italic; font-size: 14px; color: var(--ink-60); letter-spacing: 0.01em; }
.pk-nc-mast-issue { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-40); }
.pk-nc-mast-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 64px; align-items: start; }
.pk-nc-mast-headline { font-family: var(--serif); font-weight: 400; font-size: clamp(40px, 5vw, 68px); line-height: 1.06; letter-spacing: -0.025em; color: var(--ink); margin: 0; }
.pk-nc-mast-headline em { font-style: italic; color: var(--steel); font-weight: 400; }
.pk-nc-mast-side { border-left: 1px solid var(--hair); padding-left: 32px; padding-bottom: 10px; }
.pk-nc-mast-kicker { font-family: var(--mono); font-size: 11px; color: var(--steel); letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 16px; }
.pk-nc-mast-lead { font-family: var(--serif); font-size: 19px; line-height: 1.5; color: var(--ink-80); font-weight: 400; max-width: 38ch; margin-bottom: 28px; }
.pk-nc-mast-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-top: 22px; border-top: 1px solid var(--hair); }
.pk-nc-mast-meta-item { display: flex; flex-direction: column; gap: 4px; }
.pk-nc-mast-meta-num { font-family: var(--serif); font-weight: 400; font-size: 28px; line-height: 1; letter-spacing: -0.02em; color: var(--ink); }
.pk-nc-mast-meta-label { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-60); }
.pk-nc-mast-pullquote { margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--hair); }
.pk-nc-mast-pullquote p { font-family: var(--serif); font-size: 22px; line-height: 1.45; color: var(--ink); font-style: italic; font-weight: 400; max-width: 880px; margin: 0; }

/* ── Section-Nav ── */
.pk-nc-secnav { position: sticky; top: 76px; z-index: 40; background: var(--bone); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); }
.pk-nc-secnav-inner { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.pk-nc-secnav-inner::-webkit-scrollbar { display: none; }
.pk-nc-secnav-list { list-style: none; display: flex; flex-wrap: nowrap; width: max-content; min-width: 100%; padding: 0; margin: 0 auto; justify-content: center; }
.pk-nc-secnav-list li { flex: 0 0 auto; margin: 0; padding: 0; }
.pk-nc-secnav-list li + li { border-left: 1px solid var(--hair); }
.pk-nc-secnav-list a { display: inline-flex; align-items: baseline; gap: 8px; padding: 16px 24px; font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-60); border-bottom: 2px solid transparent; white-space: nowrap; transition: color 0.18s, border-color 0.18s; }
.pk-nc-secnav-list a:hover,
.pk-nc-secnav-list a:focus { color: var(--ink); border-bottom-color: var(--gold); }
.pk-nc-secnav-num { color: var(--steel); font-weight: 600; }
.pk-nc-secnav-label { color: inherit; }

/* ── Body / Chapters ── */
.pk-nc-body { background: var(--white); padding: 80px 0 96px; }
.pk-nc-chapter { padding: 56px 0 72px; }
.pk-nc-chapter + .pk-nc-chapter { border-top: 1px solid var(--hair); }
.pk-nc-chapter-head { display: grid; grid-template-columns: 80px 1fr; gap: 28px; align-items: center; margin-bottom: 32px; }
.pk-nc-chapter-mark img { display: none; }
.pk-nc-chapter-mark { width: 80px; height: 80px; border: 1px solid var(--hair); background: var(--white); background-size: 48px 48px; background-repeat: no-repeat; background-position: center; display: block; flex-shrink: 0; }

/* Chapter marks — paths relative to styles/pk.css */
#cap-01 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-01-perspektive-hd.png'); }
#cap-02 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-02-zielbild-hd.png'); }
#cap-03 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-03-wirkung-hd.png'); }
#cap-04 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-04-wirtschaft-hd.png'); }
#cap-05 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-05-identity-hd.png'); }
#cap-06 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-06-tsa-hd.png'); }
#cap-07 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-07-silent-hd.png'); }
#cap-08 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-08-steuerung-hd.png'); }
#cap-09 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-09-output-hd.png'); }
#cap-10 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-10-stakeholder-hd.png'); }
#cap-11 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-11-risiken-hd.png'); }
#cap-12 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-12-erfolg-hd.png'); }
#cap-13 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-13-glossar-hd.png'); }
#cap-14 .pk-nc-chapter-mark { background-image: url('../newco-it/assets/mark-14-fazit-hd.png'); border-color: rgba(255,255,255,0.2); background-color: transparent; filter: invert(1) brightness(2); }

.pk-nc-chapter-num { display: block; font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--steel); margin-bottom: 10px; }
.pk-nc-chapter-title { font-family: var(--serif); font-weight: 400; font-size: clamp(24px, 2.4vw, 36px); line-height: 1.18; letter-spacing: -0.018em; color: var(--ink); max-width: 920px; }
.pk-nc-chapter-lead { font-family: var(--serif); font-weight: 400; font-size: 18px; line-height: 1.55; color: var(--ink-80); max-width: 880px; margin-bottom: 40px; }
.pk-nc-chapter-foot { margin-top: 32px; font-family: var(--serif); font-size: 16px; line-height: 1.6; color: var(--ink-80); max-width: 880px; }
.pk-nc-chapter-foot strong { color: var(--ink); font-weight: 600; }

/* ── Tile Grid ── */
.pk-nc-tile-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--hair); border-left: 1px solid var(--hair); }
.pk-nc-tile-grid--2 { grid-template-columns: repeat(2, 1fr); }
.pk-nc-tile-grid--3 { grid-template-columns: repeat(3, 1fr); }
.pk-nc-tile-grid--4 { grid-template-columns: repeat(4, 1fr); }
.pk-nc-tile { display: flex; flex-direction: column; gap: 14px; padding: 28px; min-height: 220px; border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair); background: var(--white); transition: background 0.18s; }
.pk-nc-tile:hover { background: #FCFAF7; }
.pk-nc-tile-num   { font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--steel); }
.pk-nc-tile-title { font-family: var(--serif); font-weight: 400; font-size: 20px; line-height: 1.22; letter-spacing: -0.012em; color: var(--ink); }
.pk-nc-tile-dek   { font-family: var(--sans); font-size: 13.5px; line-height: 1.55; color: var(--ink-80); flex-grow: 1; }

/* ── Letter Cards ── */
.pk-nc-letter-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--hair); border-left: 1px solid var(--hair); }
.pk-nc-letter-card { background: var(--white); padding: 32px 28px; border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair); display: flex; flex-direction: column; gap: 12px; }
.pk-nc-letter-mark     { font-family: var(--serif); font-size: 36px; font-weight: 400; color: var(--steel); line-height: 1; margin-bottom: 6px; letter-spacing: -0.02em; }
.pk-nc-letter-title    { font-family: var(--serif); font-weight: 400; font-size: 20px; line-height: 1.25; letter-spacing: -0.012em; color: var(--ink); }
.pk-nc-letter-text     { font-family: var(--sans); font-size: 14px; line-height: 1.6; color: var(--ink-80); }
.pk-nc-letter-defense  { margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--hair); font-family: var(--sans); font-size: 13px; line-height: 1.55; color: var(--ink-80); }
.pk-nc-letter-defense span { display: inline-block; font-family: var(--mono); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); margin-right: 6px; }

/* ── Flow Diagram ── */
.pk-nc-flow { margin-bottom: 40px; padding: 32px; background: var(--bone); border: 1px solid var(--hair); }
.pk-nc-flow-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: stretch; margin-bottom: 24px; }
.pk-nc-flow-box { background: var(--white); padding: 24px; border: 1px solid var(--hair); display: flex; flex-direction: column; gap: 10px; }
.pk-nc-flow-box--newco  { border-top: 3px solid var(--gold); }
.pk-nc-flow-box--remain { border-top: 3px solid var(--ink); }
.pk-nc-flow-label  { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); }
.pk-nc-flow-line   { font-family: var(--serif); font-weight: 400; font-size: 18px; color: var(--ink); line-height: 1.3; }
.pk-nc-flow-sub    { font-family: var(--sans); font-size: 13px; line-height: 1.55; color: var(--ink-60); }
.pk-nc-flow-action { margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--hair); font-family: var(--sans); font-size: 13px; font-weight: 500; color: var(--ink-80); line-height: 1.5; }
.pk-nc-flow-arrow  { font-family: var(--serif); font-size: 32px; color: var(--gold); display: flex; align-items: center; justify-content: center; }
.pk-nc-flow-impact { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--hair); background: var(--white); }
.pk-nc-flow-impact-col { padding: 20px 24px; border-right: 1px solid var(--hair); }
.pk-nc-flow-impact-col:last-child { border-right: none; }
.pk-nc-flow-impact-col--gold { background: #FCFAF7; }
.pk-nc-flow-impact-label { display: block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); margin-bottom: 8px; }
.pk-nc-flow-impact-col p { font-family: var(--sans); font-size: 14px; line-height: 1.55; color: var(--ink-80); }

/* ── Phase Row ── */
.pk-nc-phase-row { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; gap: 12px; align-items: stretch; margin-bottom: 24px; }
.pk-nc-phase { background: var(--bone); padding: 20px 18px; border-top: 2px solid var(--hair); display: flex; flex-direction: column; gap: 8px; }
.pk-nc-phase--final { background: var(--ink); border-top-color: var(--gold); }
.pk-nc-phase--final .pk-nc-phase-num,
.pk-nc-phase--final .pk-nc-phase-title { color: var(--white); }
.pk-nc-phase--final .pk-nc-phase-time  { color: var(--gold); }
.pk-nc-phase--final .pk-nc-phase-text  { color: rgba(255,255,255,0.78); }
.pk-nc-phase-num   { font-family: var(--serif); font-weight: 400; font-size: 24px; color: var(--steel); letter-spacing: -0.02em; line-height: 1; }
.pk-nc-phase-time  { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-60); }
.pk-nc-phase-title { font-family: var(--serif); font-weight: 400; font-size: 16px; color: var(--ink); line-height: 1.25; }
.pk-nc-phase-text  { font-family: var(--sans); font-size: 12px; line-height: 1.5; color: var(--ink-80); }
.pk-nc-phase-arrow { font-family: var(--sans); font-size: 20px; font-weight: 300; color: var(--steel); display: flex; align-items: center; justify-content: center; }

/* ── Deliverables Grid ── */
.pk-nc-deliv-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--hair); border-left: 1px solid var(--hair); margin-bottom: 24px; }
.pk-nc-deliv { background: var(--white); padding: 24px 24px 28px; border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair); display: flex; flex-direction: column; gap: 10px; }
.pk-nc-deliv-label { font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--steel); }
.pk-nc-deliv p { font-family: var(--sans); font-size: 14px; line-height: 1.6; color: var(--ink-80); }

/* ── Persona Grid ── */
.pk-nc-persona-grid { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 16px; align-items: stretch; margin-bottom: 24px; }
.pk-nc-persona { background: var(--bone); padding: 28px 24px; border-top: 2px solid var(--hair); display: flex; flex-direction: column; gap: 10px; }
.pk-nc-persona-num   { font-family: var(--serif); font-weight: 400; font-size: 24px; color: var(--steel); letter-spacing: -0.02em; line-height: 1; }
.pk-nc-persona-title { font-family: var(--serif); font-weight: 400; font-size: 22px; color: var(--ink); line-height: 1.2; }
.pk-nc-persona-text  { font-family: var(--sans); font-size: 14px; line-height: 1.55; color: var(--ink-80); }
.pk-nc-persona-link  { font-family: var(--serif); font-size: 24px; color: var(--steel); display: flex; align-items: center; justify-content: center; }

/* ── Success Factors ── */
.pk-nc-factors { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--hair); border-left: 1px solid var(--hair); }
.pk-nc-factor { display: grid; grid-template-columns: 56px 1fr; gap: 16px; padding: 22px 24px; border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair); }
.pk-nc-factor-num { font-family: var(--serif); font-weight: 400; font-size: 24px; color: var(--steel); letter-spacing: -0.02em; line-height: 1; }
.pk-nc-factor p { font-family: var(--sans); font-size: 14px; line-height: 1.6; color: var(--ink-80); }
.pk-nc-factor p strong { font-family: var(--serif); font-weight: 400; font-size: 15px; color: var(--ink); display: inline; }

/* ── Glossary ── */
.pk-nc-chapter--glossary { padding-bottom: 96px; }
.pk-nc-glossary { display: grid; grid-template-columns: 80px 1fr 1fr; gap: 0 32px; border-top: 1px solid var(--hair); padding-top: 16px; grid-auto-flow: row; }
.pk-nc-gloss-letter { grid-column: 1 / 2; padding: 24px 0 8px; position: sticky; top: 142px; align-self: start; }
.pk-nc-gloss-letter-mark { font-family: var(--serif); font-size: 48px; font-weight: 400; color: var(--steel); letter-spacing: -0.03em; line-height: 1; display: block; }
.pk-nc-gloss-term { grid-column: 2 / 4; padding: 16px 0; border-bottom: 1px solid #F0F2F6; }
.pk-nc-gloss-term:last-child { border-bottom: none; }
.pk-nc-gloss-term h3 { font-family: var(--serif); font-weight: 400; font-size: 17px; color: var(--ink); line-height: 1.3; margin-bottom: 6px; letter-spacing: -0.01em; }
.pk-nc-gloss-term p { font-family: var(--sans); font-size: 14px; line-height: 1.6; color: var(--ink-80); }

/* ── Pull Quote ── */
.pk-nc-pullquote { margin: 48px 0 0; padding: 32px 0 0; border-top: 1px solid var(--hair); }
.pk-nc-pullquote p { font-family: var(--serif); font-size: 22px; line-height: 1.45; font-style: italic; font-weight: 400; color: var(--ink); max-width: 920px; }

/* ── Fazit (navy full-bleed) ── */
.pk-nc-chapter--final { padding: 80px 0 96px; background: var(--ink); margin: 56px calc(-1 * var(--gutter)) 0; padding-left: var(--gutter); padding-right: var(--gutter); border-top: none !important; }
.pk-nc-chapter--final .pk-nc-chapter-num   { color: var(--gold) !important; }
.pk-nc-chapter--final .pk-nc-chapter-title { color: var(--white); font-size: clamp(24px, 2.4vw, 32px); max-width: 980px; }
.pk-nc-final-divider { width: 60px; height: 2px; background: var(--gold); margin: 28px 0; }
.pk-nc-final-body p { font-family: var(--serif); font-size: 17px; line-height: 1.65; color: rgba(255,255,255,0.92); max-width: 880px; margin-bottom: 16px; }
.pk-nc-final-body p strong { color: var(--gold); font-weight: 600; }
.pk-nc-final-author { margin-top: 32px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.15); font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.7); }

/* ── Editorial CTA ── */
.pk-nc-cta { padding: 112px 0; background: var(--white); border-top: 1px solid var(--hair); }
.pk-nc-cta-in { display: grid; grid-template-columns: 1fr auto; gap: 64px; align-items: end; padding-bottom: 40px; border-bottom: 1px solid var(--hair); }
.pk-nc-cta-kicker { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); margin-bottom: 18px; }
.pk-nc-cta-headline { font-family: var(--serif); font-weight: 400; font-size: clamp(36px, 3.8vw, 54px); line-height: 1.14; letter-spacing: -0.024em; color: var(--ink); max-width: 18ch; margin-bottom: 16px; }
.pk-nc-cta-headline em { font-style: italic; color: var(--steel); }
.pk-nc-cta-note { font-family: var(--serif); font-size: 16px; line-height: 1.55; color: var(--ink-80); max-width: 38ch; margin: 0; }
.pk-nc-cta-actions { display: flex; flex-direction: column; gap: 18px; align-items: flex-end; }
.pk-nc-cta-action { display: inline-flex; align-items: center; gap: 10px; font-family: var(--sans); font-size: 14px; font-weight: 600; color: var(--ink); padding: 12px 0; border-bottom: 1px solid var(--ink); transition: color 0.15s, border-color 0.15s, gap 0.2s; }
.pk-nc-cta-action:hover { color: var(--steel); border-color: var(--steel); gap: 14px; }
.pk-nc-cta-action--secondary { color: var(--ink-60); border-color: var(--hair); font-weight: 500; }

/* ==========================================================================
   19. SEITEN: THE AI AGE — pk-ai-* (Longread / Glossar)
   ========================================================================== */

/* ── Masthead (dark navy full-bleed) ── */
.pk-ai-mast { background: var(--ink); padding: 160px 0 72px; }
.pk-ai-mast-in { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }
.pk-ai-mast-kicker { font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold); margin-bottom: 28px; }
.pk-ai-mast-headline { font-family: var(--serif); font-weight: 400; font-size: clamp(52px, 6vw, 88px); line-height: 1.04; letter-spacing: -0.03em; color: var(--white); margin: 0 0 28px; max-width: 14ch; }
.pk-ai-mast-lead { font-family: var(--serif); font-size: 19px; line-height: 1.55; color: rgba(255,255,255,0.82); max-width: 56ch; margin-bottom: 48px; }
.pk-ai-mast-meta { font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.45); }

/* ── Meta-Bar ── */
.pk-ai-metabar { background: var(--bone); border-bottom: 1px solid var(--hair); }
.pk-ai-metabar-in { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); display: flex; }
.pk-ai-metabar-item { padding: 24px 56px 24px 0; display: flex; flex-direction: column; gap: 4px; }
.pk-ai-metabar-num { font-family: var(--serif); font-weight: 400; font-size: 36px; line-height: 1; letter-spacing: -0.025em; color: var(--ink); }
.pk-ai-metabar-label { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--steel); }

/* ── Intro ── */
.pk-ai-intro { padding: 72px 0; background: var(--white); border-bottom: 1px solid var(--hair); }
.pk-ai-intro-in { max-width: 760px; margin: 0 auto; padding: 0 var(--gutter); }
.pk-ai-intro-eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--steel); margin-bottom: 20px; }
.pk-ai-intro-title { font-family: var(--serif); font-weight: 400; font-size: clamp(28px, 3vw, 40px); line-height: 1.18; letter-spacing: -0.018em; color: var(--ink); margin-bottom: 24px; }
.pk-ai-intro-lead { font-family: var(--serif); font-size: 19px; line-height: 1.55; color: var(--ink-80); margin-bottom: 16px; }
.pk-ai-intro-body { font-family: var(--sans); font-size: 15px; line-height: 1.65; color: var(--ink-80); }

/* ── Section-Nav ── */
.pk-ai-secnav { position: sticky; top: 76px; z-index: 40; background: var(--bone); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); }
.pk-ai-secnav-in { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); overflow-x: auto; scrollbar-width: none; }
.pk-ai-secnav-in::-webkit-scrollbar { display: none; }
.pk-ai-secnav-list { list-style: none; display: flex; flex-wrap: nowrap; width: max-content; min-width: 100%; padding: 0; margin: 0 auto; justify-content: center; }
.pk-ai-secnav-list li { flex: 0 0 auto; }
.pk-ai-secnav-list li + li { border-left: 1px solid var(--hair); }
.pk-ai-secnav-list a { display: inline-flex; align-items: baseline; gap: 8px; padding: 16px 22px; font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-60); border-bottom: 2px solid transparent; white-space: nowrap; transition: color 0.18s, border-color 0.18s; }
.pk-ai-secnav-list a:hover,
.pk-ai-secnav-list a:focus { color: var(--ink); border-bottom-color: var(--gold); }
.pk-ai-secnav-num { color: var(--steel); font-weight: 600; }
.pk-ai-secnav-label { color: inherit; }

/* ── Chapter Sections ── */
.pk-ai-chapter { padding: 72px 0; border-bottom: 1px solid var(--hair); background: var(--white); }
.pk-ai-chapter--alt { background: var(--bone); }
.pk-ai-chapter-in { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }
.pk-ai-chapter-eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--steel); margin-bottom: 14px; }
.pk-ai-chapter-title { font-family: var(--serif); font-weight: 400; font-size: clamp(22px, 2.2vw, 32px); line-height: 1.18; letter-spacing: -0.016em; color: var(--ink); margin-bottom: 12px; }
.pk-ai-chapter-intro { font-family: var(--serif); font-size: 17px; line-height: 1.55; color: var(--ink-80); max-width: 720px; margin-bottom: 40px; }

/* ── Term Card Grid ── */
.pk-ai-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--hair); border-left: 1px solid var(--hair); }
.pk-ai-card { background: var(--white); padding: 24px 24px 28px; border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair); display: flex; flex-direction: column; gap: 10px; }
.pk-ai-chapter--alt .pk-ai-card { background: var(--bone); }
.pk-ai-card-tag { display: inline-block; font-family: var(--mono); font-size: 9px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--steel); border: 1px solid var(--hair); padding: 3px 8px; align-self: flex-start; }
.pk-ai-card-tag--accent { color: var(--gold); border-color: var(--gold); background: rgba(200,169,107,0.06); }
.pk-ai-card-title { font-family: var(--serif); font-weight: 400; font-size: 17px; line-height: 1.28; letter-spacing: -0.01em; color: var(--ink); }
.pk-ai-card-body { font-family: var(--sans); font-size: 13.5px; line-height: 1.6; color: var(--ink-80); flex-grow: 1; }

/* ── Resources ── */
.pk-ai-resources { padding: 56px 0; background: var(--white); border-bottom: 1px solid var(--hair); }
.pk-ai-resources-in { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }
.pk-ai-resources-eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--steel); margin-bottom: 14px; }
.pk-ai-resources-title { font-family: var(--serif); font-weight: 400; font-size: 22px; line-height: 1.25; letter-spacing: -0.012em; color: var(--ink); margin-bottom: 32px; }
.pk-ai-resource-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--hair); }
.pk-ai-resource-item { display: grid; grid-template-columns: 1fr auto; gap: 16px 32px; padding: 18px 0; border-bottom: 1px solid var(--hair); align-items: baseline; }
.pk-ai-resource-link { font-family: var(--serif); font-size: 16px; color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--hair); transition: color 0.15s, border-color 0.15s; }
.pk-ai-resource-link:hover { color: var(--steel); border-color: var(--steel); }
.pk-ai-resource-note { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--steel); text-align: right; white-space: nowrap;