/* A pinned, reversible product story; no wheel interception or scroll locking. */
.theme-story{--theme-bg:#ffffff;--theme-accent:#e92329;background:var(--theme-bg);position:relative}
.theme-stage{padding:46px var(--pad) 28px;position:relative;background:var(--theme-bg)}
.theme-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.theme-top h2{font-size:clamp(27px,3vw,46px);margin-top:14px;line-height:1.12;letter-spacing:-.055em}
.theme-counter{font-size:10px;letter-spacing:.16em;margin-top:5px}.theme-counter b{font-weight:500;color:var(--theme-accent)}
.theme-content{position:relative}.theme-copy{padding:45px 0;max-width:520px}.theme-copy>.eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:9px}.theme-copy>.eyebrow>span{font-size:8px;color:#646464;letter-spacing:.13em}
.theme-copy h3{font-size:clamp(44px,5.5vw,88px);line-height:1.1;margin:22px 0 12px;letter-spacing:-.055em}.theme-copy h3>span{color:var(--theme-accent)}
.theme-claim{font-family:Georgia,serif;font-size:20px;font-style:italic;color:#555555;line-height:1.3}
.theme-description{font-size:13px;line-height:1.8;margin-top:24px;max-width:420px}.theme-copy ul{list-style:none;padding:0;margin:24px 0 22px;border-top:1px solid #73737338;font-size:11px}.theme-copy li{padding:10px 0;border-bottom:1px solid #73737338}.theme-copy li>span{font-size:8px;color:#6e6e6e;margin-right:20px}.theme-copy .text-link{font-size:10px;gap:25px}
.theme-visual,.theme-bottom{display:none}
.story-ready{height:440svh}.story-ready .theme-stage{position:sticky;top:94px;height:calc(100svh - 94px);min-height:560px;max-height:1000px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}
.story-ready .theme-content{display:grid;grid-template-columns:43% 57%;min-height:0;gap:0;align-items:center}
.story-ready .theme-copies{position:relative;align-self:stretch;min-width:0}.story-ready .theme-copy{position:absolute;inset:0;max-width:none;display:flex;flex-direction:column;justify-content:center;padding:20px 0;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform}
.story-ready .theme-copy.is-current{visibility:visible;opacity:1;pointer-events:auto}.story-ready .theme-copy[aria-hidden=true]{pointer-events:none}
.story-ready .theme-copy h3{font-size:clamp(44px,5.05vw,81px)}
.story-ready .theme-visual{display:block;position:relative;height:100%;min-height:370px;isolation:isolate}
.theme-halo{position:absolute;inset:6% 3%;border-radius:50%;background:radial-gradient(ellipse at center,var(--theme-accent),transparent 68%);opacity:.12;filter:blur(35px);transform:scale(.9)}
.theme-large-number{position:absolute;z-index:-1;right:-4%;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;font-weight:600;font-size:clamp(240px,29vw,440px);line-height:.8;letter-spacing:-.11em;color:transparent;-webkit-text-stroke:1px #63636329;user-select:none}
#theme-canvas{position:absolute;inset:-4% -5% 0;z-index:1}#theme-canvas canvas{display:block;width:100%;height:100%}.theme-object-caption{position:absolute;bottom:1%;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.14em;color:#727272}
.story-ready .theme-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:3;margin-top:18px}.theme-scroll-hint{font-size:8px;letter-spacing:.13em;display:flex;align-items:center;gap:14px;color:#686868}.theme-scroll-hint>span{font-size:19px}.theme-controls{display:flex;gap:25px}.theme-controls button{position:relative;background:none;border:0;padding:14px 0;color:#757575;font-size:10px;display:flex;gap:8px;min-width:90px;text-align:left}.theme-controls button>span{font-size:9px}.theme-controls button[aria-current=true]{color:var(--ink)}.theme-controls button:before,.theme-controls button i{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#7272722e}.theme-controls button i{background:var(--theme-accent);transform:scaleX(var(--chapter-progress,0));transform-origin:left;will-change:transform}.theme-controls button:hover{color:var(--theme-accent)}
/* Words move only when a section enters view, then stay readable on return. */
.reveal-word{display:inline-block;opacity:0;transform:translate3d(0,.6em,0) rotate(2deg);filter:blur(7px);transition:opacity .95s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1),filter .9s ease;transition-delay:var(--word-delay)}
.word-reveal.is-visible .reveal-word{opacity:1;transform:translate3d(0,0,0) rotate(0);filter:blur(0)}
.soft-reveal{opacity:0;transform:translateY(30px);filter:blur(3px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.22,1,.36,1),filter 1s ease}.soft-reveal.is-visible{opacity:1;transform:none;filter:none}
.motion-paused .reveal-word,.motion-paused .soft-reveal{opacity:1;transform:none;filter:none}
/* Static mode removes the long scroll section, retaining direct chapter selection. */
.theme-story.story-static{height:auto}.story-static .theme-stage{position:relative;top:0;height:740px}.story-static .theme-scroll-hint{font-size:0}.story-static .theme-scroll-hint:after{content:'THEMA AUSWÄHLEN';font-size:8px}.story-static .theme-scroll-hint>span{display:none}
@media(min-width:1600px){.theme-copy h3{font-size:80px}.theme-description{font-size:15px}.theme-copy li{font-size:13px}.theme-content{max-width:1600px;width:100%;margin:auto}}
@media(max-width:1050px){.story-ready .theme-stage{top:82px;height:calc(100svh - 82px);padding-top:30px;min-height:620px}.theme-top h2{font-size:32px}.theme-description{font-size:12px;margin-top:20px}.theme-claim{font-size:18px}.theme-copy ul{margin:20px 0}.theme-copy li{font-size:10px}.story-ready .theme-content{grid-template-columns:46% 54%}.theme-copy>.eyebrow{font-size:8px}.theme-copy>.eyebrow>span{font-size:7px}.theme-controls{gap:16px}.theme-scroll-hint{font-size:7px}}
@media(max-width:700px){.story-ready{height:370svh}.theme-stage{padding:24px}.story-ready .theme-stage{top:76px;height:calc(100svh - 76px);min-height:650px;padding:23px 24px 18px;grid-template-rows:auto 1fr auto}.theme-top{gap:15px}.theme-top h2{font-size:25px;margin-top:10px}.theme-top .eyebrow{font-size:7px}.theme-counter{font-size:8px;white-space:nowrap}.story-ready .theme-content{grid-template-columns:1fr;grid-template-rows:minmax(205px,1fr) 290px}.story-ready .theme-visual{grid-row:1;min-height:0}.story-ready .theme-copies{grid-row:2}.theme-large-number{font-size:230px;right:10%;top:48%}.theme-halo{inset:-15% 0}#theme-canvas{inset:-10% 0 -8%}.theme-object-caption{font-size:6px;bottom:-2%}.story-ready .theme-copy{padding:17px 0 0;justify-content:flex-start}.theme-copy>.eyebrow{font-size:8px}.theme-copy>.eyebrow>span{font-size:7px}.story-ready .theme-copy h3{font-size:43px;margin:10px 0 7px}.theme-claim{font-size:16px}.theme-description{font-size:11px;line-height:1.6;margin-top:13px}.theme-copy ul{display:flex;flex-wrap:wrap;gap:5px 12px;border:0;margin:13px 0 10px}.theme-copy li{font-size:8px;border:0;padding:0}.theme-copy li>span{font-size:7px;margin-right:5px}.theme-copy .text-link{font-size:10px;align-self:flex-start;padding-bottom:4px}.theme-copy .text-link span{font-size:19px}.story-ready .theme-bottom{margin-top:13px;display:block}.theme-scroll-hint{display:none}.theme-controls{justify-content:space-between;gap:13px}.theme-controls button{font-size:9px;padding:10px 0;min-width:0;flex:1;gap:5px}.theme-controls button>span{font-size:8px}.theme-story.story-static .theme-stage{height:740px;top:0}.soft-reveal{transform:translateY(20px)}.reveal-word{filter:blur(4px);transform:translateY(.4em)}}
@media(max-width:360px){.story-ready .theme-stage{min-height:680px}.theme-top h2{font-size:22px}.story-ready .theme-copy h3{font-size:36px}.theme-copy>.eyebrow{font-size:7px}.theme-copy>.eyebrow>span{font-size:6px}.theme-controls button{font-size:8px}.story-ready .theme-content{grid-template-rows:minmax(200px,1fr) 310px}.theme-copy li{font-size:8px}}
@media(max-height:720px) and (min-width:701px){.story-ready .theme-stage{min-height:510px;padding-top:23px;padding-bottom:18px}.theme-top h2{font-size:29px;margin-top:9px}.theme-copy h3{margin-top:14px}.theme-copy>.eyebrow{font-size:8px}.theme-copy>.eyebrow>span{font-size:7px}.theme-description{margin-top:13px;font-size:11px}.theme-copy ul{margin:12px 0}.theme-copy li{padding:7px 0;font-size:10px}.theme-claim{font-size:17px}.story-ready .theme-visual{min-height:300px}.story-ready .theme-bottom{margin-top:8px}.theme-copy .text-link{font-size:10px;align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.reveal-word,.soft-reveal{opacity:1;transform:none;filter:none;transition:none}}

.theme-copy .text-link{align-self:flex-start}
.intro h2 .reveal-word,.about h2>.reveal-word,.process h2 .reveal-word{color:inherit}

@media(max-width:700px) and (max-height:760px){.story-ready .theme-stage{min-height:0}.story-ready .theme-content{grid-template-rows:minmax(100px,1fr) 290px}.theme-top h2{font-size:22px}.theme-object-caption{bottom:0}.story-ready .theme-copy{padding-top:14px}.story-ready .theme-copy h3{font-size:38px}.theme-description{margin-top:10px}.theme-copy ul{margin-top:10px}}
@media(max-width:360px) and (max-height:760px){.story-ready .theme-content{grid-template-rows:minmax(100px,1fr) 310px}.story-ready .theme-copy h3{font-size:35px}}