/* UPLIFT/ON · Signal (edel)
   Schwarz trägt, Knochenweiß spricht, Rot markiert nur das Entscheidende. Überschriften im Satz, die zweite Zeile als kursive Serife.
   Ein Winkel für alles: der Schnitt aus dem Open-Signal-Zeichen (33.7° zur Senkrechten). */

@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations"),url(/fonts/archivo-latin-wdth-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/fonts/newsreader-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist Mono";font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/geist-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Geist Mono";font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/geist-mono-latin-500-normal.woff2) format("woff2")}

:root{
  --ink:#1a1716;--ink-2:#131314;--bone:#edeae3;--text:#c9c5bc;--mute:#95918a;--dim:#6d6b65;
  --line:rgba(237,234,227,.13);--line-2:rgba(237,234,227,.26);
  --red:#ef351c;--red-brand:#b02a15;--red-deep:#b02a15;--paper:#efece4;--paper-ink:#141312;--paper-mute:#5c5952;--paper-line:#d5d0c4;
  --pad:clamp(16px,4vw,56px);--max:1320px;--head:64px;
  --angle:-33.7deg;
  --sans:Inter,"Helvetica Neue",Arial,sans-serif;--mono:var(--sans);--serif:Newsreader,"Iowan Old Style",Georgia,serif;--accent:#d6cfc2;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--head) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--ink);color:var(--text);font:400 1.0625rem/1.62 var(--sans);font-stretch:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg{display:block;max-width:100%}
a{color:inherit}
p{margin:0 0 1.1em}
h1,h2,h3,h4{margin:0;color:var(--bone);font-weight:700;text-wrap:balance}
strong{color:var(--bone);font-weight:600}
:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:var(--pad);top:-80px;z-index:100;background:var(--bone);color:var(--ink);padding:10px 16px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.wrap{width:min(var(--max),100% - 2*var(--pad));margin-inline:auto}

/* ---------- Typo-Bausteine ---------- */
.display{font-weight:400;font-stretch:100%;text-transform:none;line-height:1.06;letter-spacing:-.022em;color:var(--bone)}
.display span{font-weight:400;letter-spacing:-.012em;color:var(--accent)}
.h2{font-size:clamp(2.3rem,4.6vw,4.5rem)}
.kicker,.row-label,.path-step,.deliv-no,.week-tag,.artifact,.note,.meta,.sheet-head,.sheet-foot,.sheet-kicker,.footnote,.stage-foot,.bar-labels,.funnel figcaption,.trail,.doc-head,.doc-tag,.th,.chip{font-family:var(--mono);font-size:.6875rem;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.kicker{color:var(--mute);margin:0 0 20px;display:flex;align-items:center;flex-wrap:wrap;gap:0 10px}
.kicker .cut{width:.3em;height:.95em}
.kicker-sub{flex-basis:100%;color:var(--mute);margin-top:6px}
.cut{display:inline-block;width:.42em;height:1.05em;background:var(--red);transform:skewX(var(--angle));vertical-align:-.15em}
.lead{font-size:clamp(1.125rem,1.35vw,1.3rem);line-height:1.55;color:var(--text);max-width:62ch}
.note{color:var(--mute);max-width:80ch;margin:20px 0 0;text-transform:none;letter-spacing:0;font-size:.875rem;font-weight:400;line-height:1.55}
.meta{color:var(--mute);display:block;text-transform:none;letter-spacing:0;font-size:.875rem;font-weight:400}
.arrow{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;flex:none}

/* Buttons: dunkle Schrift auf Rot (Kontrast 4.8:1) */
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 22px;background:var(--red-brand);color:var(--ink);font-weight:650;font-size:1rem;text-decoration:none;transition:background-color .2s,transform .2s}
.button:hover{background:#ff5a3f}
.button:active{transform:translateY(1px)}
.button-lg{min-height:64px;padding:18px 28px;font-size:1.125rem}
.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--bone);font-weight:600;text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:6px}
.text-link:hover{border-color:var(--red)}

/* ---------- Header ---------- */
.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--head);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--pad);background:rgba(26,23,22,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--bone);min-width:0}
.brand-mark{width:30px;height:30px;flex:none}
.brand-word{font-weight:500;font-size:.9375rem;letter-spacing:.14em;line-height:1;display:inline-flex;align-items:center;white-space:nowrap}
.brand-slash{display:inline-block;width:1px;height:.95em;margin:0 .42em 0 .28em;background:currentColor;opacity:.7;transform:skewX(var(--angle))}
.brand-name{font-size:.9rem;color:var(--mute);padding-left:12px;margin-left:2px;border-left:1px solid var(--line-2);white-space:nowrap}
.site-nav{display:flex;gap:28px;font-size:.9375rem}
.site-nav a{color:var(--mute);text-decoration:none;padding:8px 0}
.site-nav a:hover{color:var(--bone)}
.header-cta{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:8px 14px;border:1px solid var(--bone);color:var(--bone);text-decoration:none;font-size:.9375rem;font-weight:550;white-space:nowrap;transition:background-color .2s,color .2s}
.header-cta:hover{background:var(--bone);color:var(--ink)}
.header-cta .short{display:none}
.site-header.is-past .header-cta{background:var(--red);border-color:var(--red);color:var(--ink)}
.site-header.is-past .header-cta:hover{background:#ff5a3f;border-color:#ff5a3f}
@media (max-width:1100px){.site-nav{display:none}}
@media (max-width:640px){.brand-name{display:none}.header-cta .long{display:none}.header-cta .short{display:inline}.brand-word{font-size:1.2rem}.header-cta{font-size:.875rem;padding:8px 12px}}

/* ---------- Einstieg: Angebot, Person, Belege ---------- */
.intro{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(40px,7vh,80px);padding:calc(var(--head) + clamp(32px,6vh,72px)) 0 clamp(32px,5vh,56px)}
.intro-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.72fr);gap:clamp(32px,6vw,96px);align-items:center}
.intro-title{font-size:clamp(2.8rem,6vw,6.4rem);margin:0 0 clamp(20px,3vh,32px)}
.intro-title span{display:block}
.intro .lead{max-width:58ch;margin:0}
.intro-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:clamp(28px,4vh,40px)}
.intro .meta{margin-top:14px}
.intro-portrait{margin:0;position:relative}
.intro-portrait img{width:100%;height:auto;aspect-ratio:760/734;object-fit:cover}
.intro-portrait::after{content:"";position:absolute;right:-8px;top:-18px;width:10px;height:58px;background:var(--red);transform:skewX(var(--angle))}
.intro-portrait figcaption{margin-top:12px;color:var(--bone);font-size:.9375rem;font-weight:600}
.intro-portrait figcaption span{display:block;font-weight:400;color:var(--mute);font-size:.875rem}
.intro-proof{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line-2)}
.intro-proof li{padding:18px clamp(12px,2vw,28px) 0 0}
.intro-proof li+li{border-left:1px solid var(--line);padding-left:clamp(12px,2vw,28px)}
.intro-proof a{display:block;text-decoration:none;color:inherit}
.intro-proof b{display:block;font-weight:400;letter-spacing:-.035em;font-size:clamp(2.2rem,3.6vw,3.4rem);line-height:1;color:var(--bone);font-variant-numeric:tabular-nums}
.intro-proof a span{display:block;margin-top:8px;color:var(--text);font-size:.9375rem}
.intro-proof em{display:block;margin-top:6px;font-style:normal;font:500 .6875rem/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.intro-proof a:hover em,.intro-proof a:focus-visible em{color:var(--red)}
.intro-proof-note{align-self:end;color:var(--mute);font-size:.875rem;line-height:1.5}
@media (max-width:900px){
  .intro{justify-content:flex-start}
  .intro-grid{grid-template-columns:1fr}
  .intro-portrait{order:-1;display:flex;align-items:center;gap:14px}
  .intro-portrait img{width:64px;height:64px;object-position:50% 20%}
  .intro-portrait::after{display:none}
  .intro-portrait figcaption{margin:0}
  .intro-proof{grid-template-columns:1fr 1fr}
  .intro-proof-note{grid-column:1/-1;border-left:0!important;padding-left:0!important;padding-top:14px!important}
}
@media (max-width:420px){.intro-proof b{font-size:2rem}.intro-cta .text-link{font-size:.9375rem}}

.intro-logos{margin-top:clamp(28px,4vh,44px)}
.intro-logos .references-title{font-size:.8125rem;margin:0}
.intro-logos .logos{margin:12px 0 10px}
.intro-logos .logos li{height:64px}
.intro-logos .logos img{max-height:40px;opacity:.7}
.intro-logos .footnote{font-size:.6875rem}

/* ---------- Beispiel in drei Schritten (Perspektive) ---------- */
.triptych{margin:0 0 clamp(72px,9vw,128px)}
.triptych figcaption{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:8px clamp(24px,4vw,64px);margin-bottom:clamp(24px,3vw,36px)}
.triptych figcaption .kicker,.triptych figcaption .note{margin:0}
.triptych ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-2)}
.triptych li{padding:22px clamp(16px,2.4vw,32px) 8px 0;display:flex;flex-direction:column;gap:12px}
.triptych li+li{border-left:1px solid var(--line);padding-left:clamp(16px,2.4vw,32px)}
.triptych .synth-no{margin:0}
.triptych .is-signal .synth-no{color:var(--red)}
.t-head{margin:0;color:var(--bone);font-weight:650;letter-spacing:-.025em;font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.1}
.t-head em{font-weight:400;letter-spacing:-.01em;color:var(--accent)}
.is-signal .t-head em{color:var(--red)}
.t-sub{margin:0;font-size:.9375rem;color:var(--text)}
.t-sub b{display:block;color:var(--bone);font-weight:600;margin-bottom:4px}
.t-struck{position:relative;color:var(--mute);width:fit-content}
.t-struck::after{content:"";position:absolute;left:-2%;right:-2%;top:55%;height:3px;border-radius:2px;background:var(--red);transform:rotate(-4deg);transform-origin:left center}
.mini-funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;height:96px;border-bottom:1px solid var(--bone);max-width:280px}
.mini-funnel i{display:block;height:var(--h);border:1px solid var(--line-2);border-bottom:0}
.mini-funnel i:nth-child(-n+2){border:1.5px solid var(--bone);border-bottom:0;background:rgba(237,234,227,.07)}
.mini-funnel .is-loss{border:1.5px solid var(--red);border-bottom:0;background:rgba(239,53,28,.16)}
@media (max-width:900px){.triptych figcaption{grid-template-columns:1fr}.triptych ol{grid-template-columns:1fr}.triptych li+li{border-left:0;border-top:1px solid var(--line);padding-left:0}.triptych li{padding-bottom:22px}}
@media (prefers-reduced-motion:no-preference){
  .js .t-struck::after{transform:rotate(-4deg) scaleX(0);transition:transform .7s .5s cubic-bezier(.6,0,.2,1)}
  .js .triptych.in .t-struck::after{transform:rotate(-4deg) scaleX(1)}
  .js .mini-funnel i{transform-origin:bottom;transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
  .js .mini-funnel i:nth-child(2){transition-delay:.08s}.js .mini-funnel i:nth-child(3){transition-delay:.16s}.js .mini-funnel i:nth-child(4){transition-delay:.24s}
  .js .triptych.in .mini-funnel i{transform:none}
}

/* ---------- Hero-Sequenz ---------- */
.hero{position:relative}
.stage{position:relative;padding:calc(var(--head) + 28px) var(--pad) 72px}
.stage-top{display:flex;align-items:center;gap:14px;min-height:56px;max-width:var(--max);margin:0 auto clamp(28px,5vh,56px);padding-bottom:14px;border-bottom:1px solid var(--line)}
.avatar{width:56px;height:56px;flex:none;object-fit:cover;object-position:50% 20%}
.sig-photo{width:128px;height:auto;aspect-ratio:240/232;object-fit:cover;margin-bottom:18px}
.stage-title{font-size:clamp(.9375rem,1.05vw,1rem);font-weight:500;line-height:1.45;color:var(--bone);margin:0}
.by{display:none;margin:2px 0 0;font:400 .6875rem/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
@media (max-width:640px){.by{display:block}.avatar{width:48px;height:48px}}
@media (max-width:420px){.by span{display:none}}
.stage-title span{color:var(--mute);font-weight:400}
.state{max-width:var(--max);margin-inline:auto}
.state+.state{margin-top:14vh}

/* Zustand 1 */
.s1{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:6vw;align-items:start}
.s1>.kicker,.s1-title,.s1-q{grid-column:1}
.s1-title{font-size:clamp(2.8rem,6vw,6.6rem)}
.s1-title .hot{color:var(--red)}
.s1-q{font-size:clamp(1.1875rem,1.7vw,1.75rem);line-height:1.15;letter-spacing:-.015em;color:var(--bone);margin:clamp(20px,4vh,40px) 0 0}
.s1-q span{color:var(--mute)}
.funnel{grid-column:2;grid-row:1/span 3;align-self:center;margin:0}
.bars{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.2vw,18px);align-items:end;height:clamp(180px,36vh,340px);border-bottom:1px solid var(--bone)}
.bars{position:relative}
.bars>*{grid-row:1}
.flow{grid-column:1/-1;position:absolute;left:0;right:0;top:-28px;bottom:0;width:100%;height:calc(100% + 28px);pointer-events:none;z-index:2}
.bars i{display:block;height:var(--h);background:transparent;border:1px solid var(--line-2);border-bottom:0;position:relative;z-index:1}
.bars i.light{background:rgba(237,234,227,.07);border:1.5px solid var(--bone);border-bottom:0}
.bars i:nth-of-type(1){grid-column:1}.bars i:nth-of-type(2){grid-column:2}.bars i:nth-of-type(3){grid-column:3}.bars i:nth-of-type(4){grid-column:4}
.loss{grid-column:3;align-self:end;height:56%;position:relative;border:1.5px solid var(--red);border-bottom:0;background:rgba(239,53,28,.16)}
.loss span{position:absolute;left:0;bottom:calc(100% + 10px);font:500 .75rem/1.35 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--red);white-space:nowrap;z-index:3}
.bar-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.2vw,18px);color:var(--mute);margin-top:10px}
.funnel figcaption{color:var(--mute);margin-top:12px}

/* Zustand 2 */
.s2-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:5vw;align-items:start}
.idea{position:relative;font-size:clamp(2rem,4.8vw,5.4rem);font-size:min(clamp(2rem,4.8vw,5.4rem),9vw);color:var(--bone);margin:0}
.strike{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.strike line{stroke:var(--red);stroke-width:clamp(3px,.34vw,5px);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.verdict{margin:0;color:var(--text);font-size:clamp(1rem,1.2vw,1.1875rem);line-height:1.5}
.verdict b{display:block;font:500 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.evidence{list-style:none;padding:0;margin:clamp(28px,6vh,64px) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,48px)}
.evidence li{border-top:1px solid var(--line-2);padding-top:14px;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.45;color:var(--bone)}
.evidence b{display:block;font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}

/* Zustand 3 */
.s3{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,340px);column-gap:5vw;align-items:start}
.s3>.kicker,.answer,.s3-text{grid-column:1}
.answer{font-size:clamp(2.6rem,5.6vw,6rem);margin:0}
.answer em{font-weight:400;letter-spacing:-.012em;color:var(--red)}
.decision{font-size:clamp(1.125rem,1.6vw,1.625rem);line-height:1.12;letter-spacing:-.015em;color:var(--bone);margin:clamp(20px,4vh,40px) 0 12px}
.decision span{color:var(--mute)}
.synthesis{list-style:none;padding:0;margin:clamp(16px,3vh,28px) 0 0;display:flex;flex-wrap:wrap;gap:6px 22px;font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.synthesis li{display:flex;align-items:center;gap:6px}
.synthesis li::before{content:"";width:.34em;height:1em;background:var(--red);transform:skewX(var(--angle));margin-right:8px}
.synthesis b{font-weight:500;color:var(--bone)}
.signature{grid-column:2;grid-row:1/span 3;align-self:start;border-left:1px solid var(--line);padding-left:28px}
.signature img{width:112px;height:auto;aspect-ratio:240/232;object-fit:cover;margin-bottom:18px}
.signature-title{font-weight:700;font-size:clamp(1.25rem,1.7vw,1.6rem);line-height:1.1;letter-spacing:-.015em;color:var(--bone);margin:0 0 10px}
.signature p:not(.signature-title){color:var(--text);font-size:1rem;line-height:1.5}
.signature .button{width:100%;margin-top:6px}
.signature .meta{margin-top:12px}

.stage-foot{display:none}

/* Sequenz aktiv: nur mit JS und ohne Bewegungsreduktion */
@media (prefers-reduced-motion:no-preference){
  .js .seq{height:330vh;height:330svh}
  .js .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;padding-bottom:0}
  .js .state{position:absolute;left:var(--pad);right:var(--pad);top:var(--state-top,190px);margin:0 auto;max-width:var(--max)}
  .js .state+.state{margin-top:0}
  .js .s1{opacity:calc(1 - var(--out1,0));transform:translateY(calc(var(--out1,0) * -24px))}
  .js .s2{opacity:calc(var(--in2,0) - var(--out2,0));pointer-events:none}
  .js .s3{opacity:var(--in3,0);transform:translateY(calc((1 - var(--in3,0)) * 20px));pointer-events:none}
  .js .s3.live{pointer-events:auto}
  /* Die Person tritt vor, wenn die Antwort kommt: kleines Porträt oben weicht dem großen neben der These (Desktop) */
  .js .sig-photo{transform:scale(calc(.92 + var(--in3,0) * .08));transform-origin:left bottom}
  /* Desktop: sobald die Antwort steht, zieht sich das kleine Porträt zurück und die Zeile rückt bündig nach links */
  @media (min-width:901px){
    .js .avatar{transition:width .45s cubic-bezier(.2,.7,.2,1),margin-right .45s cubic-bezier(.2,.7,.2,1),opacity .3s}
    .js .stage.answering .avatar{width:0;margin-right:-14px;opacity:0}
  }
  .js .idea{color:color-mix(in srgb,var(--bone) calc(100% - var(--fade,0) * 100%),#6d6b65)}
  .js .strike line{stroke-dashoffset:calc(1 - var(--cut,0))}
  .js .verdict{opacity:calc(.25 + var(--cut,0) * .75)}
  .js .evidence li{opacity:var(--o,0);transform:translateY(calc((1 - var(--o,0)) * 12px))}
  .js .stage-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--mute)}
  .js .bars i{transform-origin:bottom}
  .js .seq.in-view .bars i{animation:grow .9s cubic-bezier(.2,.7,.2,1) both}
  .js .seq.in-view .bars i:nth-of-type(2){animation-delay:.08s}.js .seq.in-view .bars i:nth-of-type(3){animation-delay:.16s}.js .seq.in-view .bars i:nth-of-type(4){animation-delay:.24s}
  .js .seq:not(.in-view) .bars i,.js .seq:not(.in-view) .loss{transform:scaleY(0)}
  .js .loss{transform-origin:bottom}
  .js .seq.in-view .loss{animation:grow .7s 1s cubic-bezier(.2,.7,.2,1) both}
  .js .seq:not(.in-view) .loss span{opacity:0}
  .js .seq.in-view .loss span{animation:fade .4s 1.6s both}
}
@keyframes grow{from{transform:scaleY(0)}}
@keyframes fade{from{opacity:0}}
.progress{display:flex;align-items:center;gap:8px}
.progress i{width:40px;height:2px;background:#33322f;position:relative;overflow:hidden}
.progress i::after{content:"";position:absolute;inset:0;background:var(--red);transform-origin:left;transform:scaleX(var(--f,0))}
.progress-label{margin-left:10px;color:var(--bone);white-space:nowrap}

@media (max-width:900px){
  .s1{grid-template-columns:1fr}
  .funnel{grid-column:1;grid-row:auto;margin-top:clamp(20px,4vh,36px);width:min(100%,440px)}
  .bars{height:clamp(100px,17vh,200px)}
  .s2-grid{grid-template-columns:1fr;gap:18px}
  .evidence{grid-template-columns:1fr;gap:12px;margin-top:22px}
  .evidence li{font-size:.9375rem;padding-top:10px}
  .s3{grid-template-columns:1fr}
  .signature{grid-column:1;grid-row:auto;border-left:0;padding-left:0;margin-top:clamp(20px,3.5vh,32px)}
  .sig-photo{display:none}
  .signature-title{font-size:1.125rem;margin:0}
  .signature p:not(.signature-title){margin:8px 0 12px;font-size:.9375rem}
  .signature .meta{margin-top:12px;text-align:center}
  /* Mobil: ein Gedanke pro Bildschirm. Zustand 03 = Frage, Entscheidung, CTA. These und Zusatzsatz stehen weiter unten auf der Seite. */
  .signature-title,.signature p:not(.signature-title){display:none}
  .synthesis{gap:4px 16px}
  .signature{margin-top:clamp(24px,4vh,36px)}
  .decision{font-size:1.125rem;line-height:1.3}
  .verdict{font-size:.9375rem}
  .by{font-size:.75rem}
  .decision{margin-top:16px}
  .stage-foot .disclaimer{display:none}
  .js .stage-foot{transition:opacity .3s}
  .js .stage.answering .stage-foot{opacity:0}
  .progress i{width:24px}
}
@media (max-width:900px) and (max-height:760px){
  .s1-title{font-size:clamp(2.4rem,10vw,3.4rem)}
  .answer{font-size:clamp(2.2rem,9.4vw,3rem)}
  .evidence li:nth-child(2){display:none}
  .js .stage-foot{display:none}
  .signature .meta{display:none}
  .signature{margin-top:18px}
  .synthesis{margin-top:14px}
}
@media (max-width:900px) and (max-height:760px) and (prefers-reduced-motion:reduce){.evidence li:nth-child(2){display:block}}

/* ---------- Sektionen ---------- */
.section{padding:clamp(96px,12vw,176px) 0;border-top:1px solid var(--line)}
.sec-head{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:24px clamp(24px,4vw,64px);margin-bottom:clamp(48px,7vw,96px)}
.sec-head>.kicker{padding-top:.6em;align-self:start}
.sec-head .lead{margin-top:clamp(20px,3vw,32px)}
.sec-head .note{margin-top:12px}
@media (max-width:760px){.sec-head{grid-template-columns:1fr}.sec-head>.kicker{padding-top:0;margin-bottom:0}}

/* Fall: Spur + Roadmap-Blatt */
.trail{list-style:none;display:flex;flex-wrap:wrap;gap:8px 0;padding:0;margin:0 0 20px;color:var(--mute)}
.trail li{display:flex;align-items:center}
.trail li:not(:last-child)::after{content:"";width:clamp(24px,5vw,72px);height:1px;background:var(--line-2);margin:0 12px}
.trail .is-end{color:var(--red)}
.sheet{background:var(--paper);color:var(--paper-ink);padding:clamp(20px,3.4vw,48px);box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.sheet h3{color:var(--paper-ink)}
.sheet-head,.sheet-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--paper-mute)}
.sheet-head{padding-bottom:16px;border-bottom:1px solid var(--paper-line)}
.sheet-head .cut{height:.95em;width:.35em;margin:0 6px}
.sheet-title{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(24px,4vw,48px) 0}
.sheet-no{font-weight:400;letter-spacing:-.035em;font-size:clamp(4rem,9vw,8rem);line-height:.8;color:var(--red)}
.sheet-kicker{color:var(--paper-mute);margin:0 0 10px}
.sheet-title h3{font-weight:400;letter-spacing:-.022em;font-size:clamp(1.8rem,3.4vw,3.2rem);line-height:1.05}
.sheet-title h3 span{font-weight:400;color:var(--paper-mute)}
.sheet-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,56px);margin:0}
.sheet-fields>div{border-top:1px solid var(--paper-line);padding:20px 0 24px}
.sheet-fields dt{font:500 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#b02a15;margin-bottom:8px}
.sheet-fields dd{margin:0;font-size:1rem;line-height:1.6;color:#2a2926}
.sheet-fields strong{color:var(--paper-ink)}
.sheet-foot{border-top:1px solid var(--paper-line);padding-top:16px;margin-top:8px}
.boundary{margin:28px 0 0;max-width:80ch;color:var(--mute);font-size:.9375rem;padding-left:16px;border-left:2px solid var(--red)}
@media (max-width:760px){.sheet-fields{grid-template-columns:1fr}.sheet-title{grid-template-columns:1fr;gap:6px}.sheet-head,.sheet-foot{flex-direction:column;gap:4px}}

/* Aufklapper */
.disclosure{margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.disclosure summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 0;color:var(--bone);font-weight:600}
.disclosure summary::-webkit-details-marker{display:none}
.disclosure summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--red),var(--red)) center/100% 2px no-repeat,linear-gradient(var(--red),var(--red)) center/2px 100% no-repeat;transition:transform .25s}
.disclosure[open] summary::after{transform:rotate(45deg)}
.disclosure>*:not(summary){max-width:82ch}
.disclosure h4{font-size:1rem;margin:28px 0 8px}
.disclosure>p:last-child{margin-bottom:28px}
.sample-body{margin:8px 0 0;display:grid;gap:0}
.sample-body>div{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:8px 32px;padding:18px 0;border-top:1px solid var(--line)}
.sample-body dt{font:500 .75rem/1.6 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.sample-body dd{margin:0}
@media (max-width:640px){.sample-body>div{grid-template-columns:1fr}}

/* Referenzen */
.references{padding:clamp(56px,7vw,96px) 0;border-top:1px solid var(--line)}
.references-title{font:400 .9375rem/1.5 var(--sans);color:var(--mute);letter-spacing:0;text-transform:none}
.logos{list-style:none;padding:0;margin:28px 0 22px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:center}
.logos li{display:flex;align-items:center;justify-content:center;height:84px;border-left:1px solid var(--line)}
.logos li:first-child{border-left:0}
.logos img{width:var(--w);max-width:80%;height:auto;max-height:58px;object-fit:contain;opacity:.8}
.logos .invert{filter:brightness(0) invert(1)}
.logos .mono-img{filter:grayscale(1);opacity:.55}
.footnote{color:var(--mute);text-transform:none;letter-spacing:.01em;font-size:.75rem;max-width:90ch;margin:0}
@media (max-width:900px){.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8%}.logos li{flex:0 0 28%;height:72px;border-left:0}}

/* 01 Perspektive */
.rows article{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.3fr) minmax(0,1.7fr);gap:16px clamp(24px,4vw,64px);padding:clamp(28px,3.5vw,44px) 0;border-top:1px solid var(--line)}
.rows article:last-child{border-bottom:1px solid var(--line)}
.row-label{color:var(--mute);margin:0;padding-top:.5em}
.rows h3{font-size:clamp(1.5rem,2.3vw,2.25rem);line-height:1.08;letter-spacing:-.02em}
.rows h3 span{display:block;font-weight:400;letter-spacing:-.005em;color:var(--accent)}
.rows p:last-child{margin:0}
@media (max-width:900px){.rows article{grid-template-columns:1fr;gap:10px}.row-label{padding-top:0}}

.principle{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px clamp(24px,5vw,80px);align-items:end;margin:clamp(96px,11vw,160px) 0 clamp(48px,6vw,80px)}
.principle h3{font-size:clamp(2.6rem,5vw,5.2rem)}
.principle h3 span{color:var(--accent)}
.principle .struck{position:relative;display:inline-block;color:var(--bone)}
.principle .struck::after{content:"";position:absolute;left:-3%;right:-3%;top:48%;height:clamp(6px,.8vw,12px);background:var(--red);transform:rotate(-8deg);transform-origin:left center}
.principle p{margin:0;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.55;max-width:46ch}
@media (max-width:900px){.principle{grid-template-columns:1fr}}

.path{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.path::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:var(--line-2);transform-origin:left}
.path li{position:relative;padding:32px clamp(12px,2vw,28px) 0 0}
.path li::before{content:"";position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--ink);border:1px solid var(--bone)}
.path li.is-signal::before{border-radius:0;width:7px;height:18px;top:-3px;background:var(--red);border:0;transform:skewX(var(--angle))}
.path-step{display:block;color:var(--mute);margin-bottom:10px}
.path li.is-signal .path-step{color:var(--red)}
.path b{display:block;color:var(--bone);font-size:1.1875rem;line-height:1.25;margin-bottom:6px;font-weight:650}
.path li>span:last-child{display:block;color:var(--text);font-size:.9375rem;line-height:1.5}
.fit{margin:clamp(48px,6vw,80px) 0 0;padding-top:24px;border-top:1px solid var(--line);color:var(--mute);max-width:90ch;font-size:.9375rem}
@media (max-width:900px){
  .path{grid-template-columns:1fr;gap:26px;padding-left:28px}
  .path::before{left:5px;right:auto;top:6px;bottom:6px;width:1px;height:auto;transform-origin:top}
  .path li{padding:0}
  .path li::before{left:-28px;top:4px}
  .path li.is-signal::before{left:-26px;top:1px}
}

/* Synthese: drei Quellen laufen in eine Entscheidung */
.synth{margin:0}
.synth figcaption{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:12px clamp(24px,4vw,64px);margin-bottom:clamp(32px,4vw,48px)}
.synth figcaption .kicker{margin:0;padding-top:.3em}
.synth h3{font-size:clamp(1.5rem,2.3vw,2.25rem);line-height:1.1;letter-spacing:-.02em;max-width:30ch}
.synth h3 span{display:block;font-weight:400;color:var(--accent)}
.synth-pillars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px)}
.synth-pillars>li{border-top:2px solid var(--bone);padding-top:18px}
.synth-no{display:block;font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.synth-pillars b{display:block;color:var(--bone);font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.2;font-weight:650;margin-bottom:14px}
.synth-pillars ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.9375rem;line-height:1.5}
.synth-pillars ul li{position:relative;padding-left:20px}
.synth-pillars ul li::before{content:"";position:absolute;left:2px;top:.42em;width:.3em;height:.85em;background:var(--line-2);transform:skewX(var(--angle))}
.synth-lines{width:100%;height:clamp(56px,7vw,96px);margin:clamp(16px,2vw,24px) 0 0;overflow:visible}
.synth-lines path{fill:none;stroke:var(--red);stroke-width:1.5;vector-effect:non-scaling-stroke}
.synth-out{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-2)}
.synth-out li{position:relative;padding:18px clamp(14px,2vw,24px);color:var(--text);font-size:.9375rem;line-height:1.5}
.synth-out li+li{border-left:1px solid var(--line-2)}
.synth-out li+li::before{content:"";position:absolute;left:-6px;top:50%;width:11px;height:11px;margin-top:-6px;background:var(--ink);border-top:1px solid var(--line-2);border-right:1px solid var(--line-2);transform:rotate(45deg)}
.synth-out .synth-no{color:var(--bone)}
.synth-out .is-signal{background:var(--red);color:var(--ink)}
.synth-out .is-signal .synth-no{color:var(--ink);font-weight:500}
.synth-out .is-signal::before{background:var(--red)}
.synth-note{margin:18px 0 0;color:var(--mute);font-size:.9375rem;max-width:80ch}
@media (max-width:900px){
  .synth figcaption{grid-template-columns:1fr}
  .synth-pillars{grid-template-columns:1fr;gap:28px}
  .synth-lines{display:none}
  .synth-out{grid-template-columns:1fr;margin-top:40px;position:relative}
  .synth-out::before{content:"";position:absolute;left:50%;top:-40px;height:40px;width:1.5px;background:var(--red)}
  .synth-out li+li{border-left:0;border-top:1px solid var(--line-2)}
  .synth-out li+li::before{left:50%;top:-6px;margin:0 0 0 -6px;transform:rotate(135deg)}
}

/* Echter Fall: Teaser */
.bridge{font:400 .8125rem/1.5 var(--mono);letter-spacing:.04em;color:var(--mute);margin:0 0 18px}
.proof-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.proof-stats>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;padding:clamp(20px,3vw,36px) clamp(12px,2vw,28px) clamp(20px,3vw,32px) 0}
.proof-stats>div+div{border-left:1px solid var(--line);padding-left:clamp(12px,2vw,28px)}
.proof-stats dd{margin:0;font-weight:400;letter-spacing:-.035em;font-size:clamp(3rem,6vw,5.75rem);line-height:.85;color:var(--bone);font-variant-numeric:tabular-nums;white-space:nowrap}
.proof-stats .is-signal dd{color:var(--red)}
.proof-stats dt{font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.proof-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px clamp(24px,4vw,64px);align-items:end;margin-top:24px}
.proof-foot .note{margin:0}
.proof-case{padding:clamp(40px,5vw,64px) 0;border-top:1px solid var(--line-2)}
.proof-case:first-of-type{border-top:0;padding-top:0}
.proof-intro{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:12px clamp(24px,4vw,64px);margin-bottom:clamp(28px,3vw,40px)}
.proof-intro>*{grid-column:2}
.proof-tag{grid-column:1!important;grid-row:1/span 3;margin:0;padding-top:.4em;font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.proof-tag span{display:block;color:var(--red);font-weight:500;margin-bottom:6px}
.proof-intro h3{font-size:clamp(2rem,3.6vw,3.4rem);margin-bottom:12px}
.proof-intro p:last-child{margin:0;max-width:62ch}
.proof-stats.is-3{grid-template-columns:repeat(3,1fr)}
.proof-stats.is-2{grid-template-columns:1fr 1fr}
@media (max-width:520px){.proof-stats dd{font-size:clamp(2.1rem,9.6vw,2.8rem)}}
@media (max-width:760px){.proof-intro{grid-template-columns:1fr}.proof-intro>*,.proof-tag{grid-column:1!important;grid-row:auto}}
@media (max-width:900px){.proof-stats,.proof-stats.is-3,.proof-stats.is-2{grid-template-columns:1fr 1fr}
@media (max-width:520px){.proof-stats dd{font-size:clamp(2.1rem,9.6vw,2.8rem)}}.proof-stats>div:nth-child(3){border-left:0;padding-left:0}.proof-stats>div:nth-child(n+3){border-top:1px solid var(--line)}.proof-foot{grid-template-columns:1fr}.proof-foot .text-link{justify-self:start}}

/* Case-Study-Seite */
.case-hero{padding:calc(var(--head) + clamp(56px,9vw,120px)) 0 clamp(64px,8vw,112px)}
.case-hero .kicker a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.case-hero h1{font-size:clamp(2.8rem,7vw,7rem);margin-bottom:clamp(24px,3vw,40px)}
.case-hero .lead{max-width:56ch}
.case-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:clamp(40px,5vw,72px) 0 0;border-top:1px solid var(--line-2)}
.case-facts>div{padding:16px clamp(12px,2vw,24px) 0 0}
.case-facts>div+div{border-left:1px solid var(--line);padding-left:clamp(12px,2vw,24px)}
.case-facts dt{font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.case-facts dd{margin:0;color:var(--bone);font-size:.9375rem;line-height:1.45}
@media (max-width:900px){.case-facts{grid-template-columns:1fr 1fr}.case-facts>div:nth-child(3){border-left:0;padding-left:0}.case-facts>div:nth-child(n+3){margin-top:16px;border-top:1px solid var(--line)}}

.steps{--vfs:clamp(2.25rem,4vw,3.5rem);list-style:none;margin:0;padding:0;display:grid;gap:clamp(28px,3vw,40px)}
.steps li{display:grid;grid-template-columns:minmax(200px,1fr) calc(var(--vfs) * 3.4) minmax(0,2.4fr);grid-template-areas:"name val bar" ". . ref";gap:8px clamp(16px,3vw,40px);align-items:center}
.step-name{grid-area:name;color:var(--bone);font-weight:600}
.step-val{grid-area:val;white-space:nowrap;font-weight:400;letter-spacing:-.035em;font-size:var(--vfs);line-height:.9;color:var(--bone);font-variant-numeric:tabular-nums;min-width:3.4ch;text-align:right}
.steps .is-signal .step-val{color:var(--red)}
.step-bar{grid-area:bar;position:relative;height:14px;background:var(--ink-2);border:1px solid var(--line)}
.step-bar i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--v) / var(--scale,1) * 1%);background:var(--bone);transform-origin:left}
.steps .is-signal .step-bar i{background:var(--red)}
.step-bar s{position:absolute;top:-6px;bottom:-6px;left:calc(var(--lo) / var(--scale,1) * 1%);width:calc((var(--hi) - var(--lo)) / var(--scale,1) * 1%);border:1px dashed var(--mute);border-top:0;border-bottom:0;background:rgba(237,234,227,.07)}
.step-ref{grid-area:ref;font:400 .75rem/1.5 var(--mono);letter-spacing:.04em;color:var(--mute)}
.steps .is-signal .step-ref{color:var(--red)}
@media (max-width:760px){.steps li{grid-template-columns:1fr auto;grid-template-areas:"name val" "bar bar" "ref ref"}}
.thesis{margin:clamp(56px,7vw,96px) 0 0;font-weight:400;letter-spacing:-.022em;font-size:clamp(1.7rem,3vw,2.9rem);line-height:1.08;color:var(--bone);max-width:30ch}
.thesis span{font-weight:400;letter-spacing:-.01em;color:var(--red)}

.findings{list-style:none;margin:0;padding:0;counter-reset:f}
.findings li{display:grid;grid-template-columns:auto 1fr 1fr;gap:12px clamp(20px,4vw,56px);padding:clamp(24px,3vw,36px) 0;border-top:1px solid var(--line)}
.findings li:last-child{border-bottom:1px solid var(--line)}
.finding-no{font-weight:400;letter-spacing:-.035em;font-size:clamp(2.5rem,4vw,3.5rem);line-height:.85;color:var(--dim);min-width:1.6ch}
.finding-tag{display:block;font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.findings li>div:last-child .finding-tag{color:var(--red)}
.findings p{margin:0}
.findings li>div:last-child p{color:var(--bone)}
@media (max-width:760px){.findings li{grid-template-columns:auto 1fr}.findings li>div:last-child{grid-column:2}}

.case-stats{grid-template-columns:repeat(4,1fr)}
.case-stats>div:nth-child(5){border-left:0;padding-left:0}
.case-stats>div:nth-child(n+5){border-top:1px solid var(--line)}
.case-stats>div:nth-child(n+6) dd{color:var(--mute)}
@media (max-width:900px){.case-stats{grid-template-columns:1fr 1fr}.case-stats>div:nth-child(n+3){border-top:1px solid var(--line)}.case-stats>div:nth-child(5){border-left:1px solid var(--line);padding-left:clamp(12px,2vw,28px)}.case-stats>div:nth-child(odd){border-left:0;padding-left:0}.case-stats>div:nth-child(even){border-left:1px solid var(--line);padding-left:clamp(12px,2vw,28px)}}
.case-aside{margin-top:clamp(32px,4vw,48px);padding:clamp(20px,3vw,32px);background:var(--paper);color:#2a2926;max-width:760px}
.case-aside h3{color:var(--paper-ink);font-size:1.125rem;margin-bottom:8px}
.case-aside p{margin:0}

.caveats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,40px) clamp(24px,4vw,64px)}
.caveats li{position:relative;padding:18px 0 0;border-top:2px solid var(--red)}
.caveats b{display:block;color:var(--bone);font-size:1.125rem;line-height:1.3;margin-bottom:8px}
.open-items{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:12px clamp(24px,4vw,64px)}
.open-items h3{font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);padding-top:.3em}
.open-items ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.open-items li{position:relative;padding-left:24px;color:var(--text)}
.open-items li::before{content:"";position:absolute;left:2px;top:.45em;width:.34em;height:.9em;border:1px solid var(--mute);transform:skewX(var(--angle))}
.open-items>p,.open-items>ul{grid-column:2}
.open-items>p{margin:0 0 8px;color:var(--mute)}
@media (max-width:760px){.caveats,.open-items{grid-template-columns:1fr}.open-items>p,.open-items>ul{grid-column:1}}

.theses{list-style:none;margin:0 0 clamp(32px,4vw,48px);padding:0;counter-reset:t}
.theses li{counter-increment:t;display:grid;grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr);gap:8px clamp(20px,4vw,56px);align-items:baseline;padding:clamp(20px,2.6vw,32px) 0;border-top:1px solid var(--line)}
.theses li::before{content:counter(t,decimal-leading-zero);font:400 .75rem/1.5 var(--mono);color:var(--red);letter-spacing:.06em}
.theses b{color:var(--bone);font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.2;font-weight:650}
.theses span{color:var(--text)}
@media (max-width:760px){.theses li{grid-template-columns:auto 1fr}.theses span{grid-column:2}}
@media (prefers-reduced-motion:no-preference){
  .js .step-bar i{animation:grow-x 1.1s cubic-bezier(.2,.7,.2,1) both}
  .js .steps li:nth-child(2) .step-bar i{animation-delay:.15s}.js .steps li:nth-child(3) .step-bar i{animation-delay:.3s}
}
@keyframes grow-x{from{transform:scaleX(0)}}

/* Helle Fläche (wie die Diagnose-Folie im Discovery-Deck) */
.section.is-paper{background:var(--paper);color:#2a2926;border-top:0}
.is-paper .display,.is-paper h2,.is-paper h3{color:var(--paper-ink)}
.is-paper .display span{color:#57534b}
.is-paper .kicker{color:var(--paper-mute)}
.is-paper .kicker .cut{background:var(--red)}
.is-paper .lead{color:#2a2926}
.is-paper .note{color:var(--paper-mute)}
.is-paper .step-name,.is-paper .step-val{color:var(--paper-ink)}
.is-paper .steps .is-signal .step-val,.is-paper .steps .is-signal .step-ref{color:#b02a15}
.is-paper .step-bar{background:#e2ddd2;border-color:var(--paper-line)}
.is-paper .step-bar i{background:var(--paper-ink)}
.is-paper .steps .is-signal .step-bar i{background:var(--red)}
.is-paper .step-bar s{border-color:var(--paper-mute);background:rgba(20,19,18,.06)}
.is-paper .step-ref{color:var(--paper-mute)}
.is-paper .thesis{color:var(--paper-ink)}
.is-paper .thesis span{color:#b02a15}

/* Case Study: Evidenz-Spalten und Testliste */
.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);margin-top:clamp(48px,6vw,80px)}
.evidence-grid>div{border-top:2px solid var(--paper-ink);padding-top:16px}
.evidence-grid h3{font-size:1.125rem;line-height:1.3;margin-bottom:8px}
.evidence-grid p{margin:0;font-size:.9375rem}
@media (max-width:900px){.evidence-grid{grid-template-columns:1fr}}
.tests{list-style:none;margin:0 0 8px;padding:0}
.tests li{display:grid;grid-template-columns:auto minmax(0,2fr) minmax(170px,1fr) 120px;gap:12px clamp(20px,3vw,40px);align-items:start;padding:clamp(22px,2.6vw,32px) 0;border-top:1px solid var(--line)}
.tests li:last-child{border-bottom:1px solid var(--line)}
.test-no{font-weight:400;letter-spacing:-.035em;font-size:clamp(2.25rem,3.4vw,3rem);line-height:.85;color:var(--dim);min-width:1.6ch}
.test-area,.test-kpi,.test-meta{display:block;font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.test-main b{display:block;color:var(--bone);font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.25;font-weight:650;margin:6px 0 6px}
.test-main p{margin:0;font-size:.9375rem}
.test-result b{display:block;font-weight:400;letter-spacing:-.035em;font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1;color:var(--bone);margin:6px 0;font-variant-numeric:tabular-nums}
.test-meta{text-transform:none;letter-spacing:.02em}
.test-status{justify-self:end;font:500 .75rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:8px 10px;border:1px solid var(--line-2);color:var(--mute);white-space:nowrap}
.test-status.is-win{background:var(--red);border-color:var(--red);color:var(--ink)}
@media (max-width:900px){.tests li{grid-template-columns:auto 1fr auto}.test-main{grid-column:2/4}.test-result{grid-column:2}.test-status{grid-column:3;grid-row:2;align-self:end}.test-no{grid-row:1/3}}

.is-paper .boundary{color:#2a2926}
.mechanisms{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,24px)}
.mechanisms li{border:1px solid var(--line-2);border-top:2px solid var(--red);padding:18px clamp(14px,1.6vw,22px) 22px}
.mechanisms .synth-no{color:var(--red)}
.mechanisms b{display:block;color:var(--bone);font-size:1.0625rem;line-height:1.35;font-weight:600}
@media (max-width:900px){.mechanisms{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mechanisms{grid-template-columns:1fr}}

.phases{list-style:none;margin:clamp(32px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-2)}
.phases li{position:relative;padding:18px clamp(14px,2vw,24px) 20px}
.phases li+li{border-left:1px solid var(--line-2)}
.phases b{display:block;color:var(--bone);font-size:1.125rem;line-height:1.3;font-weight:600;margin-bottom:6px}
.phases li>span:last-child{display:block;font-size:.9375rem;line-height:1.5}
.phases .synth-no{color:var(--mute)}
.phases .is-signal .synth-no{color:var(--red)}
@media (max-width:760px){.phases{grid-template-columns:1fr}.phases li+li{border-left:0;border-top:1px solid var(--line-2)}}

.roadmap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);position:relative}
.roadmap::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:var(--paper-line)}
.roadmap li{position:relative;padding:30px clamp(10px,1.4vw,20px) 0 0}
.roadmap li::before{content:"";position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--paper);border:1px solid var(--paper-ink)}
.roadmap li.is-signal::before{border-radius:0;width:7px;height:18px;top:-3px;background:var(--red);border:0;transform:skewX(var(--angle))}
.roadmap .synth-no{color:var(--paper-mute)}
.roadmap .is-signal .synth-no{color:#b02a15}
.roadmap b{display:block;color:var(--paper-ink);font-size:1.0625rem;line-height:1.3;font-weight:650;margin-bottom:6px}
.roadmap li>span:last-child{display:block;font-size:.875rem;line-height:1.5}
@media (max-width:1000px){.roadmap{grid-template-columns:1fr;gap:22px;padding-left:28px}.roadmap::before{left:5px;right:auto;top:6px;bottom:6px;width:1px;height:auto}.roadmap li{padding:0}.roadmap li::before{left:-28px;top:4px}.roadmap li.is-signal::before{left:-26px;top:1px}}
.pb-decision{margin:clamp(48px,6vw,80px) 0 0;background:var(--ink);color:var(--text);padding:clamp(20px,3vw,36px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px clamp(24px,4vw,56px)}
.pb-decision h3{color:var(--bone);font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.2;margin:4px 0 10px}
.pb-decision figcaption p{margin:0;font-size:.9375rem}
.pb-decision .synth-no{color:var(--mute)}
.decision-branches{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.decision-branches>div{border-top:2px solid var(--line-2);padding-top:12px}
.decision-branches .is-yes{border-top-color:var(--red)}
.decision-branches .is-yes .synth-no{color:var(--red)}
.decision-branches p{margin:0;font-size:.9375rem}
@media (max-width:900px){.pb-decision,.decision-branches{grid-template-columns:1fr}}

.is-paper .proof-stats{border-color:var(--paper-line)}
.is-paper .proof-stats>div+div,.is-paper .proof-stats>div{border-color:var(--paper-line)}
.is-paper .proof-stats dd{color:var(--paper-ink)}
.is-paper .proof-stats .is-signal dd{color:var(--red)}
.is-paper .proof-stats dt,.is-paper .proof-tag{color:var(--paper-mute)}
.is-paper .proof-tag span{color:#b02a15}
.is-paper .proof-case{border-top-color:var(--paper-line)}
.is-paper .text-link{color:var(--paper-ink);border-bottom-color:var(--paper-mute)}
.is-paper .text-link:hover{border-bottom-color:var(--red)}
.is-paper p{color:#2a2926}
.is-paper .note{color:var(--paper-mute)}

.not-found{min-height:calc(100vh - 160px)}
.nf-links{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:16px 40px}
/* Rot-Regel: Auf Schwarz leuchtet es, auf Papier ist es tief. Buttons bleiben überall im Markenrot. */
.is-paper,.sheet,.doc,.guide-cover,.case-aside{--red:var(--red-deep)}
.is-paper .pb-decision{--red:var(--red-brand)}

/* 02 Analyse */
.formats{list-style:none;padding:0;margin:0 0 clamp(48px,6vw,80px);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.formats li{padding:20px clamp(12px,2vw,28px) 20px 0;color:var(--text);font-size:.9375rem}
.formats li+li{padding-left:clamp(12px,2vw,28px);border-left:1px solid var(--line)}
.formats b{display:block;color:var(--bone);font-weight:650;font-size:1.0625rem}
@media (max-width:760px){.formats{grid-template-columns:1fr}.formats li,.formats li+li{padding:14px 0;border-left:0}.formats li+li{border-top:1px solid var(--line)}}

.deliverables article{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.6fr) minmax(280px,1.4fr);gap:24px clamp(24px,4vw,64px);padding:clamp(36px,4.5vw,64px) 0;border-top:1px solid var(--line);align-items:start}
.deliverables article:last-child{border-bottom:1px solid var(--line)}
.deliv-no{color:var(--red);margin:0;padding-top:.4em}
.deliv-body h3{font-size:clamp(1.625rem,2.6vw,2.5rem);line-height:1.04;letter-spacing:-.02em;margin-bottom:16px}
.deliv-body h3 span{display:block;font-weight:400;color:var(--accent)}
.deliv-body p{max-width:54ch}
.outcome{color:var(--bone);font-weight:600;margin:0;display:flex;gap:10px;align-items:baseline}
.outcome::before{content:"";flex:none;width:.34em;height:.9em;background:var(--red);transform:skewX(var(--angle))}
.deliv-note{margin-top:20px}
@media (max-width:1000px){.deliverables article{grid-template-columns:1fr;gap:16px}.deliv-no{padding-top:0}.doc{max-width:460px}}

/* Angedeutete Deliverables (schematisch, ohne Daten) */
.doc{background:var(--paper);color:var(--paper-ink);padding:18px 18px 20px;box-shadow:0 30px 60px -36px rgba(0,0,0,.9);transform:rotate(-.6deg);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.deliverables article:nth-child(even) .doc{transform:rotate(.6deg)}
.deliverables article:hover .doc{transform:rotate(0) translateY(-4px)}
.doc.dark{background:#1c1c1d;color:var(--bone);border:1px solid var(--line-2)}
.doc-head{display:flex;justify-content:space-between;gap:10px;font-size:.6875rem;color:var(--paper-mute);padding-bottom:10px;border-bottom:1px solid var(--paper-line);margin-bottom:14px}
.doc.dark .doc-head{color:var(--mute);border-color:var(--line-2)}
.doc-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.doc-col{display:flex;flex-direction:column;gap:8px}
.doc-tag{font-size:.625rem;color:var(--paper-mute)}
.doc-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end;height:84px;border-bottom:1px solid var(--paper-ink)}
.doc-bars i{display:block;height:var(--h);background:#bdb7a9}
.doc-bars i.hot{background:var(--red)}
.doc-line{display:block;height:7px;background:#d3cdc0;width:100%}
.doc-line.short{width:55%}.doc-line.mid{width:78%}
.doc.dark .doc-line{background:#3a3936}
.doc-table{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:9px 10px;align-items:center}
.th{font-size:.625rem;color:var(--paper-mute)}
.cell{display:block;height:14px;background:#d3cdc0}
.cell.dashed{background:transparent;border:1.5px dashed #a19b8e}
.cell.range{background:linear-gradient(90deg,transparent var(--a),rgba(239,53,28,.85) var(--a),rgba(239,53,28,.85) var(--b),transparent var(--b)),#e5e0d5}
.doc-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.doc-list li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.chip{font-size:.625rem;padding:3px 7px;border:1px solid #a19b8e;color:var(--paper-ink);white-space:nowrap}
.chip.hot{border-color:var(--red);color:#b02a15}
.prio{display:flex;gap:3px}
.prio b{width:6px;height:12px;background:var(--paper-ink);transform:skewX(var(--angle))}
.prio b.off{background:#cfc9bc}
.rec{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:8px;vertical-align:0}
.doc-agenda{margin:0;padding:0 0 0 22px;display:grid;gap:10px;font-weight:650;font-size:1rem;color:var(--bone)}
.doc-agenda li::marker{font-family:var(--mono);font-size:.75rem;color:var(--mute)}

/* Preis */
.price{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:12px clamp(24px,4vw,64px);align-items:end;padding:28px 0;margin:0 0 clamp(32px,4vw,48px);border-top:1px solid var(--bone)}
.price-amount{margin:0;font-weight:400;letter-spacing:-.035em;font-size:clamp(3rem,6vw,5.5rem);line-height:.9;color:var(--bone);white-space:nowrap}
.price-label{display:block;font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.price-tax{font:400 .875rem/1 var(--sans);font-stretch:100%;color:var(--mute);margin-left:6px}
.price-note{margin:0;max-width:52ch;color:var(--text)}
@media (max-width:760px){.price{grid-template-columns:1fr}}

/* Leitfaden */
.guide-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:clamp(32px,6vw,96px);align-items:center}
.guide .lead{margin:clamp(20px,3vw,32px) 0}
.guide-form label[for]{display:block;font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.guide-row{display:flex;gap:8px;max-width:560px}
.guide-row input{flex:1;min-width:0;min-height:52px;padding:12px 14px;background:var(--ink-2);border:1px solid var(--line-2);color:var(--bone);font:inherit;font-size:1rem}
.guide-row input:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-color:transparent}
.consent{display:flex;gap:10px;align-items:flex-start;max-width:560px;margin-top:16px;font-size:.875rem;line-height:1.5;color:var(--text)}
.consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--red);flex:none}
.consent a{color:var(--bone);text-underline-offset:3px}
.guide-form .meta{margin-top:12px;text-transform:none;letter-spacing:.01em;font-size:.8125rem}
.guide-cover .doc{transform:rotate(-1.5deg);padding:24px}
.guide-cover-title{font-weight:400;letter-spacing:-.022em;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.02;margin:18px 0 8px;color:var(--paper-ink)}
.guide-cover-sub{color:var(--paper-mute);margin:0 0 20px}
.guide-cover-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.guide-cover-list li{font:500 .6875rem/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;border-top:2px solid var(--paper-ink);padding-top:6px}
.guide-cover-list li:nth-child(3){border-color:var(--red)}
@media (max-width:900px){.guide-grid{grid-template-columns:1fr}.guide-cover{max-width:360px}.guide-row{flex-direction:column}}

/* 05 Passt / passt nicht + FAQ */
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);margin-bottom:clamp(56px,7vw,96px)}
.fit-col{border-top:2px solid var(--bone);padding-top:20px}
.fit-col.is-no{border-top-color:var(--red)}
.fit-col h3{font-size:clamp(1.375rem,2vw,1.75rem);margin-bottom:16px}
.fit-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fit-col li{position:relative;padding-left:24px}
.fit-col li::before{content:"";position:absolute;left:2px;top:.45em;width:.34em;height:.9em;background:var(--bone);transform:skewX(var(--angle))}
.fit-col.is-no li::before{background:var(--red)}
.faq-list .disclosure{margin-top:0;border-top:0}
.faq-list .disclosure:first-child{border-top:1px solid var(--line)}
.faq-list .disclosure p{margin-bottom:24px}
@media (max-width:760px){.fit-grid{grid-template-columns:1fr}}

/* Nächste Schritte + E-Mail am Buchungskasten */
.next-steps{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:0;counter-reset:s}
.next-steps li{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:.9375rem;color:var(--text)}
.next-steps b{font:500 .75rem/1.9 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bone)}
.write{margin:20px 0 0;color:var(--mute);font-size:.9375rem}
.write a{color:var(--bone);text-underline-offset:4px}

/* 03 Zusammenarbeit: Wochenplan */
.weeks{position:relative}
.week-ruler{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--bone);font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.week-ruler span{padding:10px 0 0 12px;border-left:1px solid var(--line-2)}
.week-ruler span:first-child{border-left:0;padding-left:0}
.week-plan{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(4,1fr);row-gap:clamp(24px,3vw,36px)}
.week-plan li{grid-column:var(--from)/var(--to);position:relative;padding:22px 24px 0 0}
.week-plan li::before{content:"";position:absolute;left:0;right:12px;top:0;height:6px;background:#3a3936;transform-origin:left}
.week-plan li.is-signal::before{background:var(--red)}
.week-tag{display:block;color:var(--mute);margin-bottom:8px}
.week-plan h3{font-size:clamp(1.375rem,1.9vw,1.75rem);line-height:1.08;letter-spacing:-.015em;margin-bottom:10px}
.week-plan h3 span{font-weight:400;color:var(--accent)}
.week-plan p{max-width:52ch;font-size:1rem;margin-bottom:10px}
.artifact{display:inline-block;color:var(--bone);border:1px solid var(--line-2);padding:4px 8px}
.process-foot{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);margin-top:clamp(48px,6vw,80px);align-items:start}
.process-foot .disclosure{margin-top:0}
.handover p{margin:0 0 12px}
.handover p:last-child{color:var(--mute);font-size:.9375rem}
@media (max-width:900px){
  .week-ruler{display:none}
  .week-plan{grid-template-columns:1fr;border-left:1px solid var(--line-2);padding-left:22px;margin-top:0}
  .week-plan li{grid-column:1;padding:0}
  .week-plan li::before{left:-26px;right:auto;top:4px;width:7px;height:18px;background:var(--bone);transform:skewX(var(--angle))}
  .week-plan li.is-signal::before{background:var(--red)}
  .process-foot{grid-template-columns:1fr}
}

/* 04 Person */
.person-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(32px,6vw,96px);align-items:start}
.portrait{margin:0;position:relative}
.portrait img{width:100%;height:auto;aspect-ratio:760/734;object-fit:cover}
.portrait::after{content:"";position:absolute;right:-12px;top:-20px;width:14px;height:96px;background:var(--red);transform:skewX(var(--angle))}
.portrait figcaption{display:flex;flex-direction:column;margin-top:14px;color:var(--bone);font-weight:600}
.portrait figcaption span{font:400 .75rem/1.6 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.person-text .h2{margin-bottom:clamp(28px,3vw,40px)}
.person-text p{max-width:58ch}
.person-text .text-link{margin-top:12px}
@media (max-width:900px){.person-grid{grid-template-columns:1fr}.portrait{max-width:420px}.portrait::after{right:8px}}

/* 05 Kontakt */
.contact{padding-bottom:clamp(96px,12vw,160px)}
.contact-title{font-size:clamp(2.8rem,6.4vw,6.6rem);margin-bottom:clamp(40px,5vw,72px)}
.contact-title span{color:var(--red)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.contact-grid p:not(.lead):not(.meta){color:var(--mute)}
.booking{border-top:1px solid var(--line-2);padding-top:24px}
.booking .button{width:100%}
.booking .meta{margin-top:14px;text-transform:none;letter-spacing:.01em;font-size:.8125rem}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}

/* Footer */
.site-footer{border-top:1px solid var(--line);padding:40px 0 48px;font-size:.9375rem}
.footer-grid{display:grid;grid-template-columns:auto 1fr auto;gap:24px 48px;align-items:start}
.footer-grid p{margin:0;color:var(--mute)}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 24px}
.footer-links a,.privacy-settings{color:var(--text);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px;min-height:24px}
.footer-links a:hover,.privacy-settings:hover{color:var(--bone);text-decoration-color:var(--red)}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr}}

/* Datenschutz-Dialog an das System angleichen */
.privacy-dialog{font-family:var(--sans);background:var(--paper);color:var(--paper-ink);border:0}
.privacy-dialog h2{font:650 clamp(1.6rem,3.4vw,2.1rem)/1.05 var(--sans);letter-spacing:-.025em;color:var(--paper-ink)}
.privacy-actions button{font:650 .9375rem/1.3 var(--sans);background:var(--paper-ink);color:var(--paper)}
.privacy-settings{font:inherit}

/* Rechtliche Seiten */
.legal-page .site-header{position:sticky}
.legal{max-width:860px;padding:clamp(56px,8vw,96px) 0 96px}
.legal h1{font-weight:400;letter-spacing:-.022em;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.02;margin:0 0 40px;overflow-wrap:anywhere}
.legal h2{font-size:1.375rem;line-height:1.3;margin:36px 0 12px}
.legal h3{font-size:1.125rem;margin:28px 0 10px}
.legal p,.legal li{line-height:1.75}
.legal a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal ul{padding-left:22px}
.legal .kicker{margin-bottom:16px}

/* Bewegung nur, wenn sie etwas erklärt */
@media (prefers-reduced-motion:no-preference){
  .js .path::before{transform:scaleX(0);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
  .js .path.in::before{transform:none}
  .js .week-plan li::before{transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
  .js .week-plan li:nth-child(2)::before{transition-delay:.15s}.js .week-plan li:nth-child(3)::before{transition-delay:.3s}.js .week-plan li:nth-child(4)::before{transition-delay:.45s}
  .js .week-plan.in li::before{transform:none}
  .js .principle .struck::after{transform:rotate(-8deg) scaleX(0);transition:transform .7s .2s cubic-bezier(.6,0,.2,1)}
  .js .principle.in .struck::after{transform:rotate(-8deg) scaleX(1)}
  .js .synth-lines{clip-path:inset(0 0 100% 0);transition:clip-path 1s cubic-bezier(.4,0,.2,1)}
  .js .synth.in .synth-lines{clip-path:inset(0 0 -2px 0)}
  .js .synth-out .is-signal{transition:background-color .4s 1.1s,color .4s 1.1s}
  .js .synth:not(.in) .synth-out .is-signal{background:transparent;color:var(--text)}
  .js .synth:not(.in) .synth-out .is-signal .synth-no{color:var(--bone)}
  .js .synth:not(.in) .synth-out .is-signal::before{background:var(--ink)}
  @media (max-width:900px){
    .js .path::before{transform:scaleY(0)}
    .js .week-plan li::before{transform:skewX(var(--angle)) scaleY(0)}
    .js .week-plan.in li::before{transform:skewX(var(--angle))}
  }
}

/* Durchstreichen ohne JavaScript bzw. bei reduzierter Bewegung: Endzustand statisch */
html:not(.js) .idea{color:var(--dim);text-decoration:line-through var(--red) .09em}
html:not(.js) .strike{display:none}
@media (prefers-reduced-motion:reduce){.idea{color:var(--dim)}}
.legal .eyebrow{font:400 .75rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 16px}

/* Angleichung an Startseite D · 26.09.2026
   Header, Buttons, Labels, zweite Zeilen und Footer wie auf der Startseite. Inhalte unverändert. */
:root{--red:#b02a15;--paper:#efedeb;--accent:rgba(247,247,244,.58)}
.site-header{padding:0 24px;background:rgba(26,23,22,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(247,247,244,.1)}
.site-header .brand-name{display:none}
.site-header .brand{margin-right:12px}
.site-nav{font-size:.8125rem;gap:24px;margin-right:auto}
.site-nav a{color:rgba(247,247,244,.85)}
.site-nav a:hover{color:#f7f7f4}
.header-cta,.site-header.is-past .header-cta{min-height:0;padding:9px 15px;background:#fff;border:0;border-radius:4px;color:var(--ink);font-size:.8125rem;font-weight:450}
.header-cta:hover,.site-header.is-past .header-cta:hover{background:#e9e6e1;border:0;color:var(--ink)}
.header-cta .arrow{display:none}
.kicker{font-family:var(--sans);font-size:.8125rem;letter-spacing:0;text-transform:none}
.kicker .cut,.is-paper .kicker .cut{width:auto;height:auto;background:none;transform:none;vertical-align:baseline}
.kicker .cut::before{content:"·"}
.kicker a{text-decoration:none}
.display span{color:var(--accent)}
.is-paper .display span{color:rgba(26,23,22,.45)}
.thesis span{color:var(--accent)}
.is-paper .thesis span{color:rgba(26,23,22,.45)}
.button,.button-lg{min-height:0;padding:12px 20px;border-radius:2px;background:var(--red-brand);color:#f7f7f4;font-size:.9375rem;font-weight:450}
.button:hover{background:#951f0f}
.button .arrow{display:none}
.site-footer{padding:26px 0 40px;border-top:1px solid rgba(247,247,244,.1);font-size:.8125rem;color:rgba(247,247,244,.6)}
.site-footer .footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.site-footer .brand{display:none}
.site-footer p{margin:0}
.site-footer .footer-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.site-footer .footer-links a{text-decoration:none;color:inherit}
.site-footer .footer-links a:hover{color:#f7f7f4}
.site-footer .privacy-settings{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.site-nav{display:none}}
/* Playbook-Auszug: dunkle Box in hellen Abschnitten lesbar halten */
.pb-decision h3,.is-paper .pb-decision h3{color:#f7f7f4}
.pb-decision p,.is-paper .pb-decision p{color:rgba(247,247,244,.78)}
.pb-decision .synth-no{color:rgba(247,247,244,.58)}
.is-paper .pb-decision{--red:#d4533b}
.pb-decision .decision-branches>div{border-top-color:rgba(247,247,244,.2)}
.pb-decision .decision-branches .is-yes{border-top-color:#d4533b}