/* ════════════════════════════════════════════════════════════════════
   thesen17 — finaler Stand (keine a/b/c-Varianten mehr)
   · Profil-Overlay = „BÜHNE" (übernommen aus thesen16-c):
     Vollbild-Sektionen mit Scroll-Snap, je Stage eine eigene Fläche
     (Schwarz → Papier → Schwarz → Gelb → Papier), Token-Kontext je Stage.
   · Seiten-Grund = Stufe A, ganz leicht ins Kühle gezogen (statt warm).
   ════════════════════════════════════════════════════════════════════ */
.cu-ov{
  --ov-scrim:#0C0C10;
  --ov-fg:#FFFFFF; --ov-muted:rgba(255,255,255,.62);
  --ov-eyebrow:var(--yellow); --ov-line:rgba(255,255,255,.14);
  --ov-cardline:rgba(255,255,255,.2); --ov-card:rgba(255,255,255,.05);
  --ov-field-bg:var(--yellow); --ov-field-fg:#111111;
  --ov-link:var(--yellow); --ov-btn-bg:var(--yellow); --ov-btn-fg:#111111;
  --ov-chip-bg:rgba(255,255,255,.12); --ov-chip-fg:#FFFFFF; --ov-chip-on:var(--yellow);
  --ov-pill-bg:var(--yellow); --ov-pill-fg:#111111;
  --ov-close:#FFFFFF; --ov-input-bg:transparent;
}
.cu-ov__scrim{opacity:1;}

/* Vollbreite — die Bühnen bleeden randlos */
.cu-ov__inner{max-width:none; padding:0;}
.cu-ov__scroll{scroll-snap-type:y proximity; scroll-padding-top:0;}

/* ── Bühne: jede Sektion füllt den Viewport ─────────────────────── */
.cu-ov-head,
.cu-ov-body > .cu-ov-block{
  min-height:100vh; box-sizing:border-box;
  display:flex; flex-direction:column; justify-content:center;
  margin:0; border:0; border-radius:0;
  padding:clamp(72px,12vh,140px) clamp(24px,9vw,140px);
  scroll-snap-align:start;
}
/* Inhaltsbreite je Stage zentriert begrenzen */
.cu-ov-head > *,
.cu-ov-body > .cu-ov-block > *{max-width:min(900px,100%); width:100%; margin-inline:auto;}

/* Stärkeres Stage-Reveal */
.cu-ov-body > .cu-ov-block{transform:translateY(54px);}

/* ── Flächen je Stage (Token-Kontext kaskadiert in die Kinder) ──── */
.cu-ov-head{                       /* Stage 1 — der Typ, schwarz */
  background:#0C0C10;
}
.cu-ov-b1{                         /* Stage 2 — Achsen, Papier */
  background:#FBFAF9;
  --ov-fg:#1A1A1A; --ov-muted:#46484B; --ov-eyebrow:var(--blue);
  --ov-line:rgba(26,26,26,.13); --ov-cardline:rgba(26,26,26,.18); --ov-card:rgba(0,0,254,.04);
}
.cu-ov-b2{                         /* Stage 3 — Stärken + Dossier, schwarz */
  background:#0C0C10;
}
.cu-ov-b3{                         /* Stage 4 — Situation, Gelb */
  background:var(--yellow);
  --ov-fg:#111111; --ov-muted:rgba(17,17,17,.62); --ov-eyebrow:var(--blue);
  --ov-line:rgba(17,17,17,.18); --ov-cardline:rgba(17,17,17,.26); --ov-card:rgba(17,17,17,.05);
  --ov-chip-on:#111111; --ov-field-fg:var(--yellow);
  --ov-pill-bg:var(--blue); --ov-pill-fg:#FFFFFF; --ov-link:var(--blue);
}
.cu-ov-end{                        /* Stage 5 — Karte + Challenge, Papier */
  background:#FBFAF9;
  --ov-fg:#1A1A1A; --ov-muted:#46484B; --ov-eyebrow:var(--blue);
  --ov-line:rgba(26,26,26,.13); --ov-cardline:rgba(26,26,26,.18); --ov-card:rgba(0,0,254,.04);
  --ov-btn-bg:#1A1A1A; --ov-btn-fg:#FFFFFF;
}

/* Bühnen-Typografie: größer, luftiger */
.cu-ov-arch{font-size:clamp(40px,11vw,128px); line-height:.95; letter-spacing:-.03em;}
.cu-ov-arch-desc{font-size:clamp(22px,3.6vw,34px); max-width:24ch;}
.cu-ov-blockhead{font-size:clamp(28px,6vw,56px);}
.cu-ov-b3 .cu-ov-sitopt.is-active{color:var(--yellow);}

@media (min-width:900px){
  /* Achsen auf der Bühne zweispaltig, damit alle sechs ins Bild passen */
  .cu-ov-b1 .cu-ov-axes{display:grid; grid-template-columns:1fr 1fr; gap:22px 56px;}
}

@media (prefers-reduced-motion:reduce){
  .cu-ov__scroll{scroll-snap-type:none;}
}

/* ── Thesen-Grund: Stufe A, ganz leicht kühl getönt (statt warm) ──── */
.v6-fx-drift{--paper:#ECEEF1;}
body{background-color:#ECEEF1;}