/* Metallic-Headlines: Grau-Verlauf wie "studio" im Logo (dunkel → hell, leicht diagonal) */
h2,.tl-big,.s-no,.s-title,.st-body h3,.price-card h3,.st-head h2,.sx-head h2{
  background:linear-gradient(100deg,#2a2a2e 0%,#4a4a4e 40%,#6e6e72 75%,#9a9a9e 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
h2 .mute,.sx-head h2 .mute,.st-head h2 .mute{background:linear-gradient(100deg,#a7a6a9,#d2d2d4);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.s-no .s-pt{-webkit-text-fill-color:var(--spark);background:none}
/* Dunkler Hero: Weiß → Hellgrau, damit es metallisch bleibt */
.hero-h1,.hA h1{background:linear-gradient(100deg,#ffffff 0%,#e6e6e8 55%,#b9b9bd 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
/* Dunkle Sektionen (Beispiele) */
.dark h2{background:linear-gradient(100deg,#ffffff,#b9b9bd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dark h2 .mute{background:linear-gradient(100deg,#8d8c90,#5a5a5e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* Inaktive Timeline-Schritte bleiben hellgrau flach */
.st-step:not(.on) .st-body h3{background:none;-webkit-text-fill-color:#b5b5b5}

/* Scrub-Headlines (Wort-für-Wort beim Scrollen) behalten ihre Wortfarben, kein Verlauf */
h2.scrub,h2.scrub .w{background:none!important;-webkit-text-fill-color:initial;color:inherit}
.scrub.on .w{-webkit-text-fill-color:rgba(0,0,0,.22);color:rgba(0,0,0,.22)}
.scrub.on .w.lit{-webkit-text-fill-color:#000;color:#000}
.dark .scrub.on .w{-webkit-text-fill-color:rgba(255,255,255,.28)}
.dark .scrub.on .w.lit{-webkit-text-fill-color:#fff}

/* Verlaufstext clippt Unterlängen (g, p) bei enger Zeilenhöhe → Luft nach unten geben */
.hero-h1,.hA h1,h2,.tl-big,.s-no,.s-title,.st-body h3,.price-card h3{padding-bottom:.14em;margin-bottom:calc(var(--mb,0px) - .14em)}
.hero-h1,.hA h1{--mb:0px}