:root{--y:#ffd600;--p:#f800cc;--k:#090909;--w:#f4f3ef;--pad:clamp(22px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--w);color:var(--k);font-family:Manrope,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.nav{position:fixed;z-index:30;top:24px;left:50%;transform:translateX(-50%);width:min(calc(100% - 8vw),1840px);height:88px;padding:0 14px 0 34px;border-radius:28px;background:rgba(244,243,239,.9);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 50px #0002}.logo{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:800;letter-spacing:-.07em}.logo b{font-weight:500}.logo svg{width:38px;fill:var(--y);overflow:visible}.logo .mouth{fill:none;stroke:var(--y);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:.3s}.logo .eye-two{opacity:0;transform:scale(0);transform-origin:27px 8px;transition:.22s .28s}.logo:hover .mouth{stroke-dashoffset:0}.logo:hover .eye-two{opacity:1;transform:scale(1)}.story-nav{display:flex;gap:8px}.story-nav button{border:0;background:transparent;padding:13px 18px;border-radius:999px;font-weight:700;cursor:pointer}.story-nav button:hover,.story-nav button[aria-pressed=true]{background:var(--y)}.story-nav button:nth-child(3)[aria-pressed=true]{background:var(--p);color:white}.nav-cta{background:#080808;color:white;padding:20px 25px;border-radius:18px;font-weight:800;display:flex;gap:36px}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#111;color:white}.hero-images,.hero-images img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-images img{object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .9s,transform 6s}.hero-images [data-image=lena]{object-position:70% center}.hero-shade{background:linear-gradient(90deg,#000e 0%,#0008 50%,transparent 78%),linear-gradient(0deg,#000b,transparent 45%)}html[data-story=leitung] [data-image=leitung],html[data-story=lena] [data-image=lena],html[data-story=kunde] [data-image=kunde]{opacity:1;transform:scale(1)}.hero-copy{display:none;position:absolute;z-index:2;left:var(--pad);top:50%;transform:translateY(-47%);max-width:920px}.hero-copy>p,.opening>p,.hugo>p,.result>div>p,.platform>p,.final>p{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.hero-copy>p{display:inline-block;background:var(--y);color:#090909;padding:9px 12px}.hero-copy h1{font-size:clamp(58px,7vw,125px);line-height:.84;letter-spacing:-.08em;margin:18px 0 28px}.hero-copy h1 em{font-style:normal;color:var(--y)}.hero-copy>span{display:block;max-width:580px;color:#ddd;font-size:18px;line-height:1.55}.customer-copy{left:auto;right:var(--pad);text-align:right}.customer-copy>p{background:var(--p);color:white}.customer-copy h1 em{color:var(--p)}.customer-copy>span{margin-left:auto}html[data-story=leitung] [data-copy=leitung],html[data-story=lena] [data-copy=lena],html[data-story=kunde] [data-copy=kunde]{display:block;animation:in .7s both}@keyframes in{from{opacity:0;transform:translateY(-42%)}to{opacity:1;transform:translateY(-47%)}}.hero-progress{position:absolute;z-index:3;left:var(--pad);bottom:36px;width:260px}.hero-progress:before{content:"";display:block;height:2px;background:#ffffff55}.hero-progress i{display:block;width:0;height:2px;margin-top:-2px;background:var(--y);animation:progress 7s linear infinite}.hero-progress span{display:block;margin-top:10px;font-size:10px;color:#aaa}.hero.is-locked .hero-progress i{animation-play-state:paused}@keyframes progress{to{width:100%}}.scroll{position:absolute;z-index:3;right:var(--pad);bottom:34px;display:flex;gap:28px;align-items:center;font-size:12px;font-weight:800}.scroll b{display:grid;place-items:center;width:44px;height:44px;background:var(--y);color:#090909;border-radius:50%}.story{display:none}.story.is-active{display:block}.opening{padding:clamp(120px,14vw,230px) var(--pad);background:var(--y)}[data-story-panel=lena] .opening{background:var(--p);color:white}[data-story-panel=kunde] .opening{background:#171b2a;color:white}.opening h2{font-size:clamp(58px,9vw,155px);line-height:.85;letter-spacing:-.085em;margin:26px 0 50px}.opening h2 em{font-style:normal;color:white}.opening>span{display:block;max-width:720px;margin-left:auto;font-size:clamp(19px,2vw,28px);line-height:1.5}.problem{display:grid;grid-template-columns:1.12fr .88fr;min-height:95vh;background:#0b0b0b;color:white}.problem-image{min-height:700px;overflow:hidden}.problem-image img{width:100%;height:100%;object-fit:cover}.problem-copy{padding:clamp(60px,7vw,120px);display:flex;flex-direction:column;justify-content:center}.problem-copy i{font-style:normal;color:var(--p);font-size:12px;text-transform:uppercase;letter-spacing:.15em}.problem-copy h3{font-size:clamp(42px,5vw,82px);line-height:.92;letter-spacing:-.065em;margin:24px 0 50px}.problem-copy ul{list-style:none;padding:0;margin:0;border-top:1px solid #444}.problem-copy li{padding:19px 0;border-bottom:1px solid #444;color:#aaa}.problem-copy li b{display:inline-block;width:75px;color:var(--y)}.problem-copy strong{margin-top:40px;color:white;font-size:18px}.hugo{padding:clamp(110px,13vw,200px) var(--pad);background:white}.hugo h2{font-size:clamp(64px,9vw,150px);line-height:.85;letter-spacing:-.085em;margin:20px 0 80px}.hugo h2 em{font-style:normal;color:var(--p)}.hugo.pink{background:var(--p);color:white}.hugo.pink h2 em{color:var(--y)}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid}.solution-grid article{padding:28px 28px 70px;border-right:1px solid}.solution-grid article:first-child{border-left:1px solid}.solution-grid b{font-size:22px}.solution-grid span{display:block;margin-top:18px;line-height:1.6;color:#777}.pink .solution-grid span{color:#ffffffaa}.result{min-height:95vh;padding:var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;background:var(--y)}.result h2{font-size:clamp(58px,8vw,130px);line-height:.85;letter-spacing:-.08em;margin:22px 0 40px}.result h2 em{font-style:normal;color:white}.result>div>span{display:block;max-width:620px;font-size:19px;line-height:1.6}.result aside{display:flex;flex-direction:column}.result aside b{padding:26px 0;border-bottom:1px solid;font-size:25px}.result-photo{height:72vh;overflow:hidden}.result-photo img{width:100%;height:100%;object-fit:cover}.lena-result{background:#141414;color:white}.lena-result h2 em{color:var(--p)}.customer-result{background:#e9e7e0}.customer-result h2 em{color:var(--p)}.platform{padding:clamp(110px,14vw,220px) var(--pad);background:#0a0a0a;color:white}.platform h2{font-size:clamp(55px,7.8vw,130px);line-height:.88;letter-spacing:-.08em;max-width:1500px}.platform h2 em{font-style:normal;color:var(--y)}.capabilities{display:flex;flex-wrap:wrap;gap:10px;margin-top:70px}.capabilities span{padding:14px 18px;border:1px solid #555;border-radius:999px}.capabilities span:nth-child(2n){border-color:var(--p)}.final{padding:clamp(120px,15vw,220px) var(--pad);text-align:center;background:white}.final h2{font-size:clamp(72px,11vw,190px);line-height:.82;letter-spacing:-.09em;margin:30px 0 60px}.final mark{background:var(--p);color:white;padding:0 .07em}.final>a{display:flex;width:max-content;margin:auto;background:var(--y);padding:19px 22px;gap:45px;font-weight:800}.final small{display:block;margin-top:20px;color:#777}footer{display:flex;justify-content:space-between;align-items:center;padding:30px var(--pad);background:#090909;color:white;font-size:11px}.footer-logo{font-size:20px;font-weight:800}.footer-logo b{font-weight:500}.footer-logo i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--y);margin-left:7px}footer>span{color:#777}footer nav{display:flex;gap:22px}@media(max-width:800px){.nav{top:10px;width:calc(100% - 18px);height:66px;border-radius:20px;padding:0 10px 0 18px}.logo{font-size:18px}.logo svg{width:28px}.nav-cta{padding:14px;font-size:0;gap:0}.nav-cta span{font-size:20px}.story-nav{position:fixed;top:84px;left:50%;transform:translateX(-50%);background:#f4f3efe8;padding:5px;border-radius:999px;box-shadow:0 8px 30px #0002}.story-nav button{font-size:11px;padding:9px 12px}.hero{min-height:760px}.hero-shade{background:linear-gradient(0deg,#000f,#0003 85%)}.hero-images [data-image=kunde]{object-position:38% center}.hero-copy,.customer-copy{left:22px;right:22px;top:48%;text-align:left}.hero-copy h1{font-size:clamp(48px,15vw,70px)}.hero-copy>span,.customer-copy>span{font-size:15px;margin:0}.hero-progress{left:22px;bottom:28px}.scroll{display:none}.opening,.hugo,.platform,.final{padding-left:22px;padding-right:22px}.opening h2,.hugo h2{font-size:15vw}.opening>span{font-size:18px}.problem,.result{grid-template-columns:1fr;min-height:0}.problem-image,.result-photo{height:60vh;min-height:0}.problem-copy{padding:70px 24px}.problem-copy h3{font-size:13vw}.solution-grid{grid-template-columns:1fr}.solution-grid article,.solution-grid article:first-child{border:0;border-bottom:1px solid;padding:24px 0}.result{padding:22px 22px 80px}.result h2{font-size:15vw}.leadership-result{padding-top:80px}.platform h2{font-size:14vw}.final h2{font-size:17vw}footer{flex-wrap:wrap;gap:22px}footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}.logo .mouth{stroke-dashoffset:0}.logo .eye-two{opacity:1;transform:scale(1)}}
.nav{background:#aaa}
.story-nav button[data-select="leitung"][aria-pressed="true"]{background:#8100ff;color:#fff}
.story-nav button[data-select="lena"][aria-pressed="true"]{background:#00ffd6;color:#071a17}
.story-nav button[data-select="kunde"][aria-pressed="true"]{background:#f800cc;color:#fff}
html[data-story="leitung"] .hero-copy>p{background:#8100ff;color:#fff}html[data-story="leitung"] .hero-copy h1 em{color:#8100ff}
html[data-story="lena"] .hero-copy>p{background:#00ffd6;color:#071a17}html[data-story="lena"] .hero-copy h1 em{color:#00ffd6}
html[data-story="kunde"] .hero-copy>p{background:#f800cc;color:#fff}html[data-story="kunde"] .hero-copy h1 em{color:#f800cc}
[data-story-panel="leitung"] .opening{background:#8100ff;color:#fff}[data-story-panel="leitung"] .problem-copy i,[data-story-panel="leitung"] .result h2 em{color:#8100ff}[data-story-panel="leitung"] .hugo h2 em{color:#8100ff}
[data-story-panel="lena"] .opening{background:#00ffd6;color:#071a17}[data-story-panel="lena"] .opening h2 em{color:#071a17}[data-story-panel="lena"] .problem-copy i,[data-story-panel="lena"] .result h2 em{color:#00ffd6}[data-story-panel="lena"] .hugo{background:#00ffd6;color:#071a17}[data-story-panel="lena"] .hugo h2 em{color:#fff}[data-story-panel="lena"] .hugo .solution-grid span{color:#14594f}
[data-story-panel="kunde"] .opening{background:#f800cc;color:#fff}[data-story-panel="kunde"] .problem-copy i,[data-story-panel="kunde"] .result h2 em{color:#f800cc}[data-story-panel="kunde"] .hugo h2 em{color:#f800cc}
.hugo{position:relative;padding-top:clamp(190px,20vw,310px);overflow:hidden}.epoch{position:absolute;top:0;left:0;right:0;height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#090909;color:#fff;border-bottom:8px solid var(--y);text-transform:uppercase;font-size:10px;letter-spacing:.16em}.epoch span{padding:0 var(--pad)}.epoch span:last-child{text-align:right}.epoch b{font-size:clamp(15px,2vw,28px);letter-spacing:-.03em;color:var(--y)}.hugo:before{content:"JETZT";position:absolute;top:78px;left:50%;transform:translateX(-50%);font-size:clamp(70px,14vw,230px);line-height:1;font-weight:800;letter-spacing:-.1em;opacity:.055;pointer-events:none}
.motion-word{display:inline-block;opacity:.12;transform:translateY(.7em) rotate(2deg);filter:blur(5px);transition:opacity .55s,transform .7s cubic-bezier(.2,.8,.2,1),filter .55s}.is-inview .motion-word{opacity:1;transform:none;filter:none}.motion-word:nth-child(2n){transition-delay:.045s}.motion-word:nth-child(3n){transition-delay:.09s}.motion-word:nth-child(5n){transition-delay:.135s}.problem-image img{transform:scale(1.08);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.problem.is-inview .problem-image img{transform:scale(1)}.solution-grid article{opacity:0;transform:translateY(45px);transition:.7s}.hugo.is-inview .solution-grid article{opacity:1;transform:none}.hugo.is-inview .solution-grid article:nth-child(2){transition-delay:.12s}.hugo.is-inview .solution-grid article:nth-child(3){transition-delay:.24s}
@media(max-width:800px){.nav{background:#aaa}.story-nav{background:#aaa}.epoch{height:74px}.epoch span{display:none}.epoch b{grid-column:1/-1;text-align:center}.hugo{padding-top:160px}.hero-copy h1{font-size:clamp(43px,13.2vw,63px)}}
@media(prefers-reduced-motion:reduce){.motion-word,.solution-grid article,.problem-image img{opacity:1;transform:none;filter:none}}
.hero-progress i{animation-duration:5s}
@media(max-width:800px){.epoch{height:130px;align-items:end;padding-bottom:18px}.hugo{padding-top:220px}.hugo h2{font-size:13.5vw;line-height:.94}}
.hero-images video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .7s ease;will-change:opacity}.hero-images video.is-ready.is-active{opacity:1}.hero-images video[data-video="lena"]{object-position:70% center}.hero-images video[data-video="kunde"]{object-position:center}.hero-video-state{position:absolute;z-index:3;right:var(--pad);top:138px;display:none;align-items:center;gap:7px;color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.14em;opacity:.55}.hero.video-enabled .hero-video-state{display:flex}.hero-video-state:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;animation:video-pulse 1.6s ease-in-out infinite}@keyframes video-pulse{50%{opacity:.25;transform:scale(.7)}}
@media(max-width:800px){.hero-images video[data-video="kunde"]{object-position:38% center}.hero.video-enabled .hero-video-state{display:none}}
@media(prefers-reduced-motion:reduce){.hero-images video{display:none}.hero-video-state{display:none}}

/* V8 story refinement: Tom, system break and shared finale */
.tom-problem{background:#16002b}.tom-problem .problem-image{position:relative;background:#8100ff}.tom-problem .problem-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8100ffcc 0%,#8100ff55 46%,#08000fd9 100%);mix-blend-mode:color}.tom-problem .problem-image img{filter:grayscale(1) contrast(1.08)}.tom-problem .problem-copy i,.tom-problem .problem-copy li b{color:#b65cff}.day-stream li{display:grid;grid-template-columns:76px 1fr;gap:0;opacity:0;transform:translateX(42px);transition:opacity .55s ease,transform .75s cubic-bezier(.16,1,.3,1)}.problem.is-inview .day-stream li{opacity:1;transform:none}.problem.is-inview .day-stream li:nth-child(2){transition-delay:.14s}.problem.is-inview .day-stream li:nth-child(3){transition-delay:.28s}.day-stream li span{display:block}.problem-copy strong{opacity:0;transform:translateY(20px);transition:.65s .38s}.problem.is-inview .problem-copy strong{opacity:1;transform:none}
.hugo,.hugo.pink,[data-story-panel="lena"] .hugo{background:var(--y);color:#090909}.hugo h2 em,.hugo.pink h2 em,[data-story-panel="leitung"] .hugo h2 em,[data-story-panel="lena"] .hugo h2 em,[data-story-panel="kunde"] .hugo h2 em{color:#fff}.hugo:before{content:"NEUER TAKT";top:82px;color:#090909;opacity:.07;white-space:nowrap}.epoch{height:110px;border-bottom:0;background:#090909}.epoch:after{content:"";position:absolute;left:0;bottom:0;width:0;height:8px;background:var(--y);transition:width 1.15s cubic-bezier(.16,1,.3,1)}.hugo.is-inview .epoch:after{width:100%}.hugo-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:6vw;align-items:center;margin-bottom:clamp(70px,9vw,140px)}.hugo-intro h2{font-size:clamp(55px,7vw,112px);margin-bottom:0}.hugo-intro>div>p{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.hugo-visual{position:relative;margin:0;height:min(62vw,680px);overflow:hidden;border-radius:3px;background:#111;clip-path:inset(10% 0 10% 100%);transition:clip-path 1.1s .12s cubic-bezier(.16,1,.3,1)}.hugo.is-inview .hugo-visual{clip-path:inset(0)}.hugo-visual img{width:100%;height:112%;object-fit:cover;transform:translateY(calc(var(--scroll,0) * -7%)) scale(1.03)}.hugo-visual figcaption{position:absolute;left:18px;bottom:18px;background:#fff;padding:12px 15px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.hugo-visual figcaption i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--y);margin-right:8px}.process-grid{border-top:2px solid #090909}.process-grid article{position:relative;min-height:330px;padding:34px 34px 78px;overflow:hidden;background:transparent}.process-grid article:after{content:"";position:absolute;inset:0;background:#fff;transform:translateY(101%);transition:transform .55s cubic-bezier(.16,1,.3,1);z-index:0}.process-grid article:hover:after{transform:none}.process-grid article>*{position:relative;z-index:1}.process-grid small{display:block;margin-bottom:70px;font-weight:800;letter-spacing:.14em}.process-grid b{display:block;font-size:clamp(24px,2.4vw,42px);line-height:1.05;letter-spacing:-.045em}.process-grid span,.hugo.pink .process-grid span,[data-story-panel="lena"] .hugo .process-grid span{color:#312b00}.process-grid article>i{position:absolute;z-index:2;left:34px;right:34px;bottom:28px;height:3px;background:#090909;transform:scaleX(0);transform-origin:left;transition:transform .85s .55s cubic-bezier(.16,1,.3,1)}.hugo.is-inview .process-grid article>i{transform:scaleX(1)}
.platform{display:grid;grid-template-columns:1.1fr .9fr;column-gap:8vw;align-items:start}.platform-lead{grid-column:1/-1}.platform-lead>p,.final-copy>p{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.platform h2{max-width:1600px}.story-chain{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:stretch;margin-top:90px}.story-chain article{padding:28px;border-top:1px solid #555;opacity:0;transform:translateY(35px);transition:.65s cubic-bezier(.16,1,.3,1)}.platform.is-inview .story-chain article{opacity:1;transform:none}.platform.is-inview .story-chain article:nth-of-type(2){transition-delay:.14s}.platform.is-inview .story-chain article:nth-of-type(3){transition-delay:.28s}.story-chain b{display:block;font-size:clamp(32px,4vw,70px);letter-spacing:-.07em}.story-chain article:nth-of-type(1) b{color:#8100ff}.story-chain article:nth-of-type(2) b{color:#00ffd6}.story-chain article:nth-of-type(3) b{color:#f800cc}.story-chain span{display:block;max-width:320px;margin-top:18px;color:#aaa;line-height:1.55}.story-chain>i{align-self:center;color:var(--y);font-size:34px;font-style:normal}.capabilities{grid-column:1/-1}.capabilities span{opacity:0;transform:translateY(18px);transition:.45s}.platform.is-inview .capabilities span{opacity:1;transform:none}.capabilities span:nth-child(2){transition-delay:.05s}.capabilities span:nth-child(3){transition-delay:.1s}.capabilities span:nth-child(4){transition-delay:.15s}.capabilities span:nth-child(5){transition-delay:.2s}.capabilities span:nth-child(6){transition-delay:.25s}.capabilities span:nth-child(7){transition-delay:.3s}.capabilities span:nth-child(8){transition-delay:.35s}
.final{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:5vw;align-items:center;padding:clamp(90px,10vw,160px) var(--pad);text-align:left;background:#fff;overflow:hidden}.final-copy{position:relative;z-index:2}.final h2{font-size:clamp(58px,7vw,118px);line-height:.86;margin:28px 0 54px}.final mark{display:inline;background:linear-gradient(transparent 58%,var(--y) 58%);color:#090909;padding:0}.final-copy>a{display:flex;width:max-content;background:#090909;color:#fff;padding:20px 24px;gap:46px;font-weight:800;transition:background .25s,color .25s}.final-copy>a:hover{background:var(--y);color:#090909}.final small{display:block;margin-top:20px;color:#777}.final-media{position:relative;height:min(70vw,760px);overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path 1s .15s cubic-bezier(.16,1,.3,1)}.final.is-inview .final-media{clip-path:inset(0)}.final-media img{width:100%;height:112%;object-fit:cover;object-position:58% center;transform:translateY(calc(var(--scroll,0) * -7%)) scale(1.03)}.final-media>span{position:absolute;right:20px;bottom:20px;padding:15px 18px;background:var(--y);font-size:12px;line-height:1.35;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:800px){.day-stream li{grid-template-columns:68px 1fr}.hugo-intro{grid-template-columns:1fr}.hugo-visual{height:72vw;min-height:330px}.process-grid article{min-height:0}.process-grid small{margin-bottom:38px}.platform{display:block}.story-chain{grid-template-columns:1fr;margin-top:55px}.story-chain>i{transform:rotate(90deg);justify-self:center}.final{grid-template-columns:1fr;padding:90px 22px}.final h2{font-size:14vw}.final-media{height:110vw;min-height:470px}.final-media img{object-position:64% center}}
@media(prefers-reduced-motion:reduce){.day-stream li,.problem-copy strong,.story-chain article,.capabilities span{opacity:1;transform:none}.hugo-visual,.final-media{clip-path:inset(0)}.hugo-visual img,.final-media img{transform:none}.epoch:after,.process-grid article>i{width:100%;transform:none}}

/* Tom's current process: one case slowly consumes an entire day */
.tom-process{align-items:start;min-height:170vh;background:#120020}.tom-process .problem-image{position:sticky;top:0;height:100vh;min-height:720px}.tom-process .problem-image img{transform:translateY(calc(var(--scroll,0) * -3%)) scale(1.06)}.process-image-copy{position:absolute;z-index:2;left:clamp(24px,4vw,70px);right:clamp(24px,4vw,70px);bottom:clamp(32px,6vw,90px);color:#fff}.process-image-copy small{display:block;margin-bottom:16px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.process-image-copy b{display:block;font-size:clamp(38px,4vw,72px);line-height:.9;letter-spacing:-.065em}.tom-process .problem-copy{justify-content:flex-start;padding-top:clamp(130px,12vw,200px);padding-bottom:clamp(130px,12vw,200px)}.tom-process .problem-copy h3{font-size:clamp(44px,4.35vw,76px);margin-bottom:32px}.system-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 64px}.system-strip span{padding:9px 12px;border:1px solid #9d4cff66;border-radius:999px;color:#d4b4ff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tom-process .day-stream{position:relative;border-top:0}.tom-process .day-stream:before{content:"";position:absolute;top:15px;bottom:15px;left:87px;width:1px;background:linear-gradient(#b65cff,#b65cff44)}.tom-process .day-stream li{position:relative;grid-template-columns:88px 1fr;padding:27px 0;border-color:#ffffff24;opacity:0;transform:translateY(34px);transition:opacity .55s ease,transform .8s cubic-bezier(.16,1,.3,1)}.tom-process.is-inview .day-stream li{opacity:0;transform:translateY(34px)}.tom-process .day-stream li.is-visible{opacity:1;transform:none}.tom-process .day-stream li:after{content:"";position:absolute;left:83px;top:35px;width:9px;height:9px;border-radius:50%;background:#b65cff;box-shadow:0 0 0 6px #16002b}.tom-process .day-stream li>b{width:auto;padding-top:2px;font-size:13px}.tom-process .day-stream li>span{padding-left:28px;color:#fff;font-size:clamp(17px,1.35vw,22px);font-weight:750;line-height:1.25}.tom-process .day-stream li small{display:block;margin-bottom:7px;color:#9879ad;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.process-verdict{margin-top:70px;padding:32px;border:1px solid #b65cff;background:#8100ff;color:#fff;opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .9s cubic-bezier(.16,1,.3,1)}.process-verdict.is-visible{opacity:1;transform:none}.process-verdict>small{display:block;margin-bottom:38px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.process-verdict>strong{display:block;margin:0;font-size:clamp(28px,3vw,48px);line-height:1;letter-spacing:-.05em;opacity:1;transform:none}.process-verdict>p{margin:22px 0 0;max-width:520px;color:#e5d0ff;font-size:16px;line-height:1.55}
@media(max-width:800px){.tom-process{display:block;min-height:0}.tom-process .problem-image{position:relative;top:auto;height:68vh;min-height:520px}.tom-process .problem-copy{padding-top:82px;padding-bottom:100px}.tom-process .problem-copy h3{font-size:13vw}.system-strip{margin-bottom:50px}.tom-process .day-stream:before{left:69px}.tom-process .day-stream li{grid-template-columns:70px 1fr}.tom-process .day-stream li:after{left:65px}.tom-process .day-stream li>span{padding-left:22px;font-size:17px}.process-verdict{margin-top:50px;padding:24px}.process-verdict>small{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.tom-process .problem-image img{transform:none}.tom-process.is-inview .day-stream li,.tom-process .day-stream li,.process-verdict{opacity:1;transform:none}}

/* Full-color Tom scene and independent flying timestamps */
.tom-problem .problem-image:after{background:linear-gradient(180deg,transparent 45%,#09000db8 100%);mix-blend-mode:normal}.tom-problem .problem-image img{filter:none}.tom-process .day-stream li>b{opacity:0;transform:translateX(-74px) rotate(-5deg);transition:opacity .32s ease,transform .72s cubic-bezier(.16,1,.3,1)}.tom-process .day-stream li.is-visible>b{opacity:1;transform:none}.tom-process .day-stream li:after{transform:scale(0);transition:transform .38s .22s cubic-bezier(.34,1.56,.64,1)}.tom-process .day-stream li.is-visible:after{transform:scale(1)}
@media(prefers-reduced-motion:reduce){.tom-process .day-stream li>b,.tom-process .day-stream li:after{opacity:1;transform:none}}

/* Tom's day as a calendar instead of a generic timeline */
.calendar-shell{overflow:hidden;scroll-margin-top:130px;border:1px solid #ffffff24;border-radius:24px;background:#090010;box-shadow:0 30px 80px #0005}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #ffffff1f;background:#1d0732}.calendar-toolbar>div{display:flex;align-items:center;gap:8px}.calendar-toolbar>div>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff26;border-radius:50%;color:#c998ff;font-size:18px}.calendar-toolbar b,.calendar-toolbar time{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.calendar-toolbar b{margin-left:8px}.calendar-toolbar time{color:#a987bc}.calendar-date{display:grid;grid-template-columns:36px 54px 1fr;align-items:center;padding:20px 18px 14px}.calendar-date>b{color:#a987bc;font-size:10px;letter-spacing:.14em}.calendar-date>strong{display:grid;place-items:center;width:42px;height:42px;margin:0;border-radius:50%;background:#8100ff;color:#fff;font-size:20px;opacity:1;transform:none}.calendar-date>span{font-size:12px;font-weight:800}.tom-process .calendar-day{margin:0;padding:8px 18px 22px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 91px,#ffffff0b 92px)}.tom-process .calendar-day:before,.tom-process .calendar-day li:after{display:none}.tom-process .calendar-day li{grid-template-columns:70px 1fr;min-height:92px;padding:6px 0;border:0}.tom-process .calendar-day li>b{align-self:start;padding-top:13px;color:#c27aff;font-size:12px}.tom-process .calendar-day li>span{align-self:stretch;margin-left:0;padding:13px 15px;border:1px solid #9b4df04a;border-left:4px solid #8100ff;border-radius:10px;background:#8100ff24;color:#fff;font-size:clamp(15px,1.1vw,18px);transform:translateX(28px) scale(.98);transform-origin:left center;transition:transform .75s cubic-bezier(.16,1,.3,1),background .3s}.tom-process .calendar-day li.is-visible>span{transform:none}.tom-process .calendar-day li:nth-child(2)>span,.tom-process .calendar-day li:nth-child(5)>span{background:#2b153e}.tom-process .calendar-day li:nth-child(4)>span{background:#4d176f}.tom-process .calendar-day li:nth-child(6)>span{border-color:#ffd600;border-left-color:#ffd600;background:#ffd600;color:#120020}.tom-process .calendar-day li small{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#bd83e9}.tom-process .calendar-day li:nth-child(6) small{color:#4d4200}.tom-process .calendar-day li small em{font-style:normal;white-space:nowrap}.calendar-shell+.process-verdict{margin-top:54px}
@media(max-width:800px){.calendar-shell{scroll-margin-top:205px;border-radius:18px}.calendar-toolbar{padding:14px}.calendar-date{grid-template-columns:30px 48px 1fr;padding:16px 14px 10px}.tom-process .calendar-day{padding:7px 12px 16px}.tom-process .calendar-day li{grid-template-columns:54px 1fr;min-height:104px}.tom-process .calendar-day li>b{font-size:11px}.tom-process .calendar-day li>span{padding:12px;font-size:15px}.tom-process .calendar-day li small{display:block}.tom-process .calendar-day li small em{display:block;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.tom-process .calendar-day li>span{transform:none}}

/* Hugo sorting film — deterministic, reversible and driven by scroll */
.hugo-tom{overflow:clip}.hugo-sort-story{position:relative;min-height:175vh;align-items:start}.hugo-sort-copy,.hugo-sorter{position:sticky;top:145px}.hugo-sort-copy{padding-top:7vh}.hugo-sort-copy>span{display:block;max-width:560px;margin-top:34px;font-size:17px;line-height:1.55}.hugo-sorter{height:min(68vh,680px);margin:0;overflow:hidden;border:1px solid #090909;background:#0a0a0a;color:#fff;clip-path:inset(8% 0 8% 100%);transition:clip-path 1s .1s cubic-bezier(.16,1,.3,1)}.hugo.is-inview .hugo-sorter{clip-path:inset(0)}.sort-status{position:absolute;z-index:6;top:0;left:0;right:0;height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1f;background:#0a0a0ae8;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sort-status b{color:var(--y)}.sort-status span:last-child{opacity:var(--sort-progress)}.sort-canvas{position:absolute;inset:54px 0 48px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#2a2600 0,transparent 25%),linear-gradient(90deg,#0a0a0a 0 46%,#161400 46% 54%,#f3f0e7 54% 100%)}.chaos-field,.ordered-field{position:absolute;inset:0}.chaos-field article{position:absolute;z-index:2;left:42%;top:50%;width:150px;padding:12px;border:1px solid #ffffff42;background:#1b1b1be8;box-shadow:0 10px 24px #0007;will-change:transform,opacity}.chaos-field article:nth-child(2n){background:#262626}.chaos-field article:nth-child(3n){border-color:#ffd60088}.chaos-field small,.ordered-field small{display:block;margin-bottom:7px;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.chaos-field small{color:#ffd600}.chaos-field b{display:block;font-size:12px;line-height:1.25}.hugo-gate{position:absolute;z-index:4;left:50%;top:50%;width:132px;padding:15px 13px 12px;transform:translate(-50%,-50%) scale(var(--sort-scale,.82));border:1px solid #ffd600;background:#0a0a0a;box-shadow:0 0 0 calc(var(--sort-progress) * 10px) #ffd6002b;text-align:center}.hugo-gate>span{font-size:14px;font-weight:800;letter-spacing:-.06em}.hugo-gate svg{display:block;width:72px;margin:10px auto 8px;fill:#ffd600}.hugo-gate path{fill:none;stroke:#ffd600;stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--sort-progress))}.hugo-gate .sort-eye{opacity:var(--sort-progress)}.hugo-gate>small{display:block;color:#ffd600;font-size:7px;font-weight:800;letter-spacing:.1em}.ordered-field{left:57%;right:4%;display:grid;align-content:center;gap:10px}.ordered-field article{position:relative;z-index:3;padding:13px 50px 13px 15px;border-left:4px solid #ffd600;background:#fff;color:#090909;box-shadow:0 9px 22px #0002;will-change:transform,opacity}.ordered-field article small{color:#777}.ordered-field article b{display:block;font-size:15px}.ordered-field article i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6d6500;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase}.sort-lines{position:absolute;z-index:1;inset:0;width:100%;height:100%;fill:none;stroke:#ffd600;stroke-width:.25}.sort-lines path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--sort-progress))}.hugo-sorter figcaption{position:absolute;z-index:6;left:0;right:0;bottom:0;height:48px;padding:0 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:#0a0a0a;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.hugo-sorter figcaption i{width:7px;height:7px;border-radius:50%;background:#ffd600}.hugo-sorter figcaption b{text-align:center;font-size:10px;letter-spacing:.04em}.hugo-sorter figcaption span:last-child{text-align:right}.hugo-sorter.is-complete{--sort-progress:1;--sort-scale:1}.hugo-sorter.is-complete .chaos-field{display:none}.hugo-sorter.is-complete [data-ordered]{opacity:1!important;transform:none!important}
@media(max-width:800px){.hugo-sort-story{min-height:260vh;align-content:start;grid-auto-rows:max-content}.hugo-sort-copy{position:relative;top:auto;padding-top:0}.hugo-sort-copy>span{font-size:15px}.hugo-sorter{position:sticky;top:170px;height:60vh;min-height:500px;margin-top:55px}.sort-status span{display:none}.sort-status b{margin:auto}.sort-canvas{background:radial-gradient(circle at 50% 50%,#2a2600 0,transparent 22%),linear-gradient(180deg,#0a0a0a 0 46%,#161400 46% 54%,#f3f0e7 54% 100%)}.chaos-field article{left:50%;top:42%;width:130px}.hugo-gate{left:50%;top:50%;width:118px}.ordered-field{left:8%;right:8%;top:56%;bottom:3%;gap:7px}.ordered-field article{padding:10px 48px 10px 12px}.ordered-field article b{font-size:13px}.sort-lines{display:none}.hugo-sorter figcaption{grid-template-columns:auto 1fr}.hugo-sorter figcaption span{display:none}}
@media(prefers-reduced-motion:reduce){.hugo-sort-story{min-height:0}.hugo-sort-copy,.hugo-sorter{position:relative;top:auto}.hugo-sorter{--sort-progress:1}.hugo-sorter .chaos-field{display:none}.hugo-sorter [data-ordered]{opacity:1!important;transform:none!important}}
.hugo-sorter figcaption{grid-template-columns:auto auto 1fr auto}
@media(max-width:800px){.hugo-sorter figcaption{grid-template-columns:auto 1fr}.hugo-sorter figcaption b{text-align:left}}

/* Two-beat hero copy, timed to each story film */
.hero-copy{width:min(64vw,980px)}.slogan-stage{display:grid}.hero-slogan{grid-area:1/1;align-self:center;will-change:opacity,transform}.hero-slogan h1{margin-bottom:0;text-wrap:balance}.slogan-one{animation:slogan-one var(--story-duration,7s) linear both}.slogan-two{animation:slogan-two var(--story-duration,7s) linear both}.slogan-two h1{font-size:clamp(54px,6.2vw,112px);line-height:.88}.customer-copy .slogan-two h1{font-size:clamp(48px,5.7vw,102px)}@keyframes slogan-one{0%,39%{opacity:1;transform:translateY(0);filter:blur(0)}46%,100%{opacity:0;transform:translateY(-22px);filter:blur(5px)}}@keyframes slogan-two{0%,44%{opacity:0;transform:translateY(24px);filter:blur(5px)}52%,100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:800px){.hero-copy{width:auto}.slogan-two h1,.customer-copy .slogan-two h1{font-size:clamp(38px,11.5vw,55px);line-height:.94}}
@media(prefers-reduced-motion:reduce){.hero-slogan{animation:none}.slogan-two{display:none}}
@media(min-width:801px){html[data-story="kunde"] .hero-shade{background:linear-gradient(90deg,#000e 0%,#0009 48%,transparent 80%),linear-gradient(0deg,#000b,transparent 45%)}}

/* Hugo takes over — full-screen, scroll-scrubbed ordering film */
.hugo-film-section{padding:0;background:#ffd600;overflow:visible}.hugo-film-section:before{display:none}.hugo-stopper{position:relative;z-index:2;display:grid;min-height:100svh;padding:clamp(112px,11vw,180px) var(--pad) clamp(72px,7vw,112px);grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);grid-template-rows:auto 1fr auto;column-gap:7vw;background:#ffd600;color:#090909;overflow:hidden}.hugo-stopper:before{content:"HUGO";position:absolute;right:-.06em;bottom:-.25em;color:#090909;font-size:clamp(210px,38vw,720px);font-weight:800;line-height:1;letter-spacing:-.12em;opacity:.055;pointer-events:none}.hugo-stopper-kicker,.hugo-after-film>p{position:relative;z-index:1;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hugo-stopper-kicker{grid-column:1;align-self:start}.hugo-stopper-break{position:relative;z-index:1;grid-column:2;grid-row:1;margin:0;font-size:clamp(17px,1.5vw,24px);font-weight:750;line-height:1;letter-spacing:-.035em;text-align:right}.hugo-stopper h2{position:relative;z-index:1;grid-column:1/-1;align-self:center;margin:6vh 0 4vh;font-size:clamp(100px,16vw,300px);line-height:.72;letter-spacing:-.105em}.hugo-stopper h2 em{color:#fff;font-style:normal}.hugo-stopper-promise{position:relative;z-index:1;grid-column:2;grid-row:3;align-self:end;padding-left:clamp(22px,3vw,48px);border-left:3px solid #090909}.hugo-stopper-promise small{display:block;margin-bottom:10px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hugo-stopper-promise strong{display:block;font-size:clamp(24px,3vw,48px);font-weight:750;line-height:.95;letter-spacing:-.055em}.hugo-stopper>i{position:absolute;right:var(--pad);bottom:44px;display:grid;width:58px;height:58px;place-items:center;border:2px solid #090909;border-radius:50%;font-size:22px;font-style:normal;transform:translateX(calc(-100% - 32px));animation:hugo-stop-bounce 1.7s ease-in-out infinite}.hugo-stopper .hugo-stopper-kicker,.hugo-stopper .hugo-stopper-break,.hugo-stopper .hugo-stopper-promise{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1)}.hugo.is-inview .hugo-stopper-kicker{opacity:1;transform:none;transition-delay:.08s}.hugo.is-inview .hugo-stopper-break{opacity:1;transform:none;transition-delay:.32s}.hugo.is-inview .hugo-stopper-promise{opacity:1;transform:none;transition-delay:1.05s}@keyframes hugo-stop-bounce{50%{transform:translateX(calc(-100% - 32px)) translateY(9px)}}
.hugo-scroll-film{position:relative;height:430vh;background:#080808}.hugo-film-sticky{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;background:#080808;color:#fff}.hugo-film-sticky video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.012)}.hugo-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000a 0%,#0003 48%,#0008 100%),linear-gradient(0deg,#000c 0%,transparent 28%,transparent 72%,#0009 100%);pointer-events:none}.hugo-film-brand{position:absolute;z-index:2;top:clamp(110px,9vw,155px);left:var(--pad);right:var(--pad);display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #ffffff55;padding-top:13px}.hugo-film-brand b{color:#ffd600;font-size:clamp(23px,2vw,36px);letter-spacing:-.07em}.hugo-film-brand span{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hugo-film-messages{position:absolute;z-index:3;inset:0;display:grid;place-items:center;pointer-events:none}.hugo-film-messages article{position:absolute;display:grid;width:min(1100px,calc(100% - 2 * var(--pad)));grid-template-columns:clamp(92px,10vw,170px) 1fr;align-items:start;gap:clamp(20px,4vw,70px);opacity:var(--message-opacity,0);transform:translate3d(0,var(--message-y,58vh),0) scale(var(--message-scale,.92));will-change:transform,opacity}.hugo-film-messages time{padding-top:.12em;color:#ffd600;font-size:clamp(32px,5vw,82px);font-weight:800;line-height:1;letter-spacing:-.07em}.hugo-film-messages div{padding-left:clamp(18px,3vw,48px);border-left:4px solid #ffd600}.hugo-film-messages small{display:block;margin-bottom:14px;color:#ffd600;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hugo-film-messages strong{display:block;max-width:830px;font-size:clamp(35px,5vw,88px);font-weight:750;line-height:.94;letter-spacing:-.065em;text-shadow:0 3px 30px #000}.hugo-film-progress{position:absolute;z-index:4;right:var(--pad);bottom:34px;left:var(--pad);display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}.hugo-film-progress:before{content:"";grid-column:1/-1;height:2px;background:#ffffff38}.hugo-film-progress i{position:absolute;left:0;bottom:27px;width:calc(var(--film-progress,0) * 100%);height:2px;background:#ffd600}.hugo-film-progress span{grid-column:2;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hugo-after-film{padding:clamp(120px,13vw,210px) var(--pad);background:#ffd600;color:#090909}.hugo-after-film h2{margin:22px 0 90px}.hugo-after-film h2 em{color:#fff}
@media(max-width:800px){.hugo-stopper{min-height:92svh;padding:132px 22px 88px;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;gap:16px}.hugo-stopper-kicker{grid-column:1}.hugo-stopper-break{grid-column:1;grid-row:2;text-align:left}.hugo-stopper h2{grid-column:1;grid-row:3;align-self:center;margin:4vh 0;font-size:24vw;line-height:.76}.hugo-stopper-promise{grid-column:1;grid-row:4;width:calc(100% - 70px);padding-left:18px}.hugo-stopper-promise strong{font-size:31px}.hugo-stopper>i{right:22px;bottom:24px;width:48px;height:48px;transform:none}@keyframes hugo-stop-bounce{50%{transform:translateY(9px)}}.hugo-scroll-film{height:400vh}.hugo-film-sticky video{object-position:center}.hugo-film-brand{top:112px;left:22px;right:22px}.hugo-film-brand span{display:none}.hugo-film-messages article{width:calc(100% - 44px);grid-template-columns:1fr;gap:13px}.hugo-film-messages time{font-size:15vw}.hugo-film-messages div{padding-left:16px}.hugo-film-messages strong{font-size:9.5vw;line-height:.98}.hugo-film-progress{right:22px;bottom:25px;left:22px}.hugo-film-progress span{font-size:7px}.hugo-after-film{padding:100px 22px}.hugo-after-film h2{font-size:14vw;margin-bottom:65px}}
@media(prefers-reduced-motion:reduce){.hugo-stopper>i{animation:none}.hugo-scroll-film{height:auto}.hugo-film-sticky{position:relative;min-height:100svh}.hugo-film-sticky video{object-fit:cover}.hugo-film-messages{position:relative;z-index:3;display:grid;gap:24px;padding:180px 22px 90px}.hugo-film-messages article{position:relative;width:100%;grid-template-columns:90px 1fr;opacity:1;transform:none}.hugo-film-messages strong{font-size:clamp(28px,6vw,52px)}.hugo-film-progress{display:none}}

/* The takeover screen is observed independently because its parent spans the full scroll film. */
.hugo-stopper.is-inview .hugo-stopper-kicker{opacity:1;transform:none;transition-delay:.08s}.hugo-stopper.is-inview .hugo-stopper-break{opacity:1;transform:none;transition-delay:.32s}.hugo-stopper.is-inview .hugo-stopper-promise{opacity:1;transform:none;transition-delay:1.05s}
@media(max-width:800px){.hugo-stopper h2{font-size:19.5vw}}

/* The post-film result needs its own trigger as well; the parent film is several viewports tall. */
.hugo-after-film.is-inview .solution-grid article{opacity:1;transform:none}.hugo-after-film.is-inview .solution-grid article:nth-child(2){transition-delay:.12s}.hugo-after-film.is-inview .solution-grid article:nth-child(3){transition-delay:.24s}.hugo-after-film.is-inview .process-grid article>i{transform:scaleX(1)}

/* Read the three Hugo steps from left to right by briefly replaying their hover fill. */
.hugo-after-film.is-inview .process-grid article:after{animation:hugo-tile-scan 1.25s cubic-bezier(.16,1,.3,1) both}.hugo-after-film.is-inview .process-grid article:nth-child(1):after{animation-delay:.65s}.hugo-after-film.is-inview .process-grid article:nth-child(2):after{animation-delay:1.6s}.hugo-after-film.is-inview .process-grid article:nth-child(3):after{animation-delay:2.55s}@keyframes hugo-tile-scan{0%,100%{transform:translateY(101%)}22%,72%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hugo-after-film.is-inview .process-grid article:after{animation:none}}

/* Tom's payoff — a deliberate visual release after the yellow Hugo process. */
.leadership-result{position:relative;min-height:100svh;padding:clamp(130px,12vw,190px) var(--pad);grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr);gap:8vw;background:#090909;color:#fff;overflow:hidden}.leadership-result:before{content:"GEWINN";position:absolute;right:-.05em;bottom:-.25em;color:#fff;font-size:clamp(180px,31vw,590px);font-weight:800;line-height:1;letter-spacing:-.1em;opacity:.025;pointer-events:none}.leadership-result>div,.leadership-result>aside{position:relative;z-index:1}.leadership-result>div>p{display:inline-flex;align-items:center;gap:12px;color:#ffd600}.leadership-result>div>p:before{content:"";width:38px;height:3px;background:#ffd600}.leadership-result h2{max-width:1000px;margin:30px 0 48px;font-size:clamp(70px,8vw,148px);line-height:.82}.leadership-result h2 em,[data-story-panel="leitung"] .leadership-result h2 em{color:#ffd600}.leadership-result>div>span{max-width:700px;color:#b7b7b7;font-size:clamp(18px,1.4vw,24px);line-height:1.5}.leadership-result aside{border-top:1px solid #ffffff55}.leadership-result aside article{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:22px;align-items:start;padding:30px 4px;border-bottom:1px solid #ffffff55;opacity:0;transform:translateX(54px);transition:opacity .6s ease,transform .85s cubic-bezier(.16,1,.3,1),background .35s,padding .35s;overflow:hidden}.leadership-result aside article:before{content:"";position:absolute;inset:0;background:#8100ff;transform:translateX(-101%);transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:-1}.leadership-result aside article:hover{padding-right:22px;padding-left:22px}.leadership-result aside article:hover:before{transform:none}.leadership-result aside article small{padding-top:7px;color:#ffd600;font-size:10px;font-weight:800;letter-spacing:.14em}.leadership-result aside article b{display:block;font-size:clamp(25px,2.1vw,38px);line-height:1;letter-spacing:-.045em}.leadership-result aside article span{display:block;margin-top:11px;color:#9e9e9e;font-size:14px;line-height:1.45;transition:color .3s}.leadership-result aside article:hover span{color:#fff}.leadership-result aside article i{padding-top:2px;color:#ffd600;font-size:28px;font-style:normal;transition:transform .3s}.leadership-result aside article:hover i{transform:translateX(7px)}.leadership-result.is-inview aside article{opacity:1;transform:none}.leadership-result.is-inview aside article:nth-child(2){transition-delay:.13s}.leadership-result.is-inview aside article:nth-child(3){transition-delay:.26s}
@media(max-width:800px){.leadership-result{min-height:0;padding:165px 22px 90px;grid-template-columns:1fr;gap:70px}.leadership-result h2{font-size:17vw}.leadership-result aside article{grid-template-columns:32px 1fr auto;gap:12px;padding:25px 0}.leadership-result aside article b{font-size:27px}.leadership-result aside article span{font-size:13px}.leadership-result aside article:hover{padding-right:12px;padding-left:12px}}
@media(prefers-reduced-motion:reduce){.leadership-result aside article{opacity:1;transform:none}}

/* Capabilities as an operating system, not a bag of feature pills. */
.capability-system{position:relative;grid-column:1/-1;display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);margin-top:clamp(110px,12vw,190px);border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55}.capability-system:before{content:"";position:absolute;z-index:2;top:-1px;left:0;width:0;height:3px;background:#ffd600;transition:width 1.4s .15s cubic-bezier(.16,1,.3,1)}.platform.is-inview .capability-system:before{width:100%}.capability-system>header{position:relative;padding:clamp(36px,4vw,70px) clamp(25px,4vw,68px) clamp(60px,7vw,110px) 0;border-right:1px solid #ffffff55;overflow:hidden}.capability-system>header:after{content:"HUGO";position:absolute;left:-.08em;bottom:-.22em;color:#fff;font-size:clamp(120px,17vw,300px);font-weight:800;line-height:1;letter-spacing:-.12em;opacity:.035}.capability-system>header small{display:block;margin-bottom:clamp(55px,8vw,120px);color:#ffd600;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.capability-system>header b{position:relative;z-index:1;display:block;font-size:clamp(42px,5vw,82px);line-height:.9;letter-spacing:-.065em}.capability-system>header span{position:relative;z-index:1;display:block;max-width:390px;margin-top:30px;color:#999;line-height:1.55}.capability-system ol{margin:0;padding:0;list-style:none}.capability-system li{position:relative;display:grid;grid-template-columns:170px 1fr 1fr;gap:clamp(20px,3vw,55px);padding:clamp(28px,3vw,48px);border-bottom:1px solid #ffffff35;opacity:0;transform:translateY(34px);transition:opacity .55s ease,transform .8s cubic-bezier(.16,1,.3,1),background .35s}.capability-system li:last-child{border-bottom:0}.capability-system li:hover{background:#fff;color:#090909}.capability-system li>small{padding-top:6px;color:#f800cc;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.capability-system li div b{display:block;font-size:clamp(24px,2vw,36px);line-height:1;letter-spacing:-.045em}.capability-system li div span{display:block;max-width:330px;margin-top:10px;color:#888;font-size:13px;line-height:1.5}.capability-system li:hover div span{color:#555}.platform.is-inview .capability-system li{opacity:1;transform:none}.platform.is-inview .capability-system li:nth-child(2){transition-delay:.1s}.platform.is-inview .capability-system li:nth-child(3){transition-delay:.2s}.platform.is-inview .capability-system li:nth-child(4){transition-delay:.3s}
@media(max-width:950px){.capability-system{grid-template-columns:1fr}.capability-system>header{padding:55px 0 80px;border-right:0;border-bottom:1px solid #ffffff55}.capability-system>header small{margin-bottom:55px}.capability-system li{grid-template-columns:1fr 1fr;padding:30px 0;gap:24px}.capability-system li>small{grid-column:1/-1}.capability-system li div b{font-size:27px}}
@media(max-width:560px){.capability-system{margin-top:100px}.capability-system li{grid-template-columns:1fr;gap:25px;padding:34px 0}.capability-system li>small{grid-column:1}.capability-system li div{padding-left:20px;border-left:2px solid #ffffff38}.capability-system li:hover{padding-right:16px;padding-left:16px}.capability-system li:hover div{border-color:#f800cc}}
@media(prefers-reduced-motion:reduce){.capability-system li{opacity:1;transform:none}.capability-system:before{width:100%}}
@media(max-width:800px){.capability-system{scroll-margin-top:145px}}

/* Final impact — full-bleed cinema instead of a polite two-column CTA. */
.final.final-bam{position:relative;display:grid;min-height:120svh;padding:clamp(155px,13vw,220px) var(--pad) 150px;grid-template-columns:1fr;align-items:end;background:#090909;color:#fff;overflow:hidden}.final-bam-media,.final-bam-shade{position:absolute;inset:0}.final-bam-media{clip-path:inset(0 0 0 100%);transition:clip-path 1.25s cubic-bezier(.16,1,.3,1)}.final-bam.is-inview .final-bam-media{clip-path:inset(0)}.final-bam-media img{width:100%;height:108%;object-fit:cover;object-position:58% center;transform:translateY(calc(var(--scroll,0) * -4%)) scale(1.03)}.final-bam-shade{z-index:1;background:linear-gradient(90deg,#000e 0%,#0009 47%,#0001 78%),linear-gradient(0deg,#000e 0%,transparent 40%,#0008 100%)}.final-bam-kicker{position:absolute;z-index:2;top:clamp(150px,12vw,205px);left:var(--pad);margin:0;padding:10px 13px;background:#ffd600;color:#090909;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.final-bam-copy{position:relative;z-index:2;align-self:center;width:min(76vw,1380px);padding-bottom:clamp(110px,10vw,160px)}.final.final-bam h2{margin:0;font-size:clamp(78px,10.2vw,190px);font-weight:750;line-height:.74;letter-spacing:-.09em;text-shadow:0 8px 50px #0009}.final-bam h2 span,.final-bam h2 mark{display:block;width:max-content;max-width:100%;background:none;color:#fff;padding:0}.final-bam h2 mark{color:#ffd600}.final-bam-action{position:absolute;z-index:4;right:var(--pad);bottom:110px;width:min(410px,calc(100% - 44px));padding:26px;background:#ffd600;color:#090909;transform:translateY(50px) rotate(2deg);opacity:0;transition:opacity .65s .7s,transform .9s .7s cubic-bezier(.16,1,.3,1)}.final-bam.is-inview .final-bam-action{opacity:1;transform:rotate(-1.5deg)}.final-bam-action>small{display:block;margin-bottom:20px;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.final-bam-action>a{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#090909;color:#fff}.final-bam-action>a b{font-size:15px}.final-bam-action>a i{font-size:22px;font-style:normal;transition:transform .25s}.final-bam-action>a:hover i{transform:translate(4px,-4px)}.final-bam-action>span{display:block;margin-top:14px;font-size:9px;line-height:1.4}.final-bam-ticker{position:absolute;z-index:3;right:0;bottom:0;left:0;height:72px;overflow:hidden;background:#f800cc;color:#fff;transform:translateY(100%);transition:transform .7s .95s cubic-bezier(.16,1,.3,1)}.final-bam.is-inview .final-bam-ticker{transform:none}.final-bam-ticker>div{display:flex;width:max-content;height:100%;align-items:center;gap:55px;animation:final-bam-marquee 18s linear infinite}.final-bam-ticker b{font-size:clamp(24px,2.2vw,42px);letter-spacing:-.045em;white-space:nowrap}.final-bam-ticker b:after{content:"✦";margin-left:55px;color:#ffd600}@keyframes final-bam-marquee{to{transform:translateX(-50%)}}
@media(max-width:800px){.final.final-bam{min-height:110svh;padding:170px 22px 160px;align-items:end}.final-bam-media img{object-position:62% center}.final-bam-shade{background:linear-gradient(0deg,#000f 0%,#0008 58%,#0004 100%)}.final-bam-kicker{top:155px;left:22px;right:22px;width:max-content;max-width:calc(100% - 44px);line-height:1.35}.final-bam-copy{width:100%;padding-bottom:250px}.final.final-bam h2{font-size:17vw;line-height:.78}.final-bam-action{right:22px;bottom:100px;left:22px;width:auto}.final-bam-ticker{height:62px}.final-bam-ticker>div{gap:38px;animation-duration:14s}.final-bam-ticker b:after{margin-left:38px}}
@media(prefers-reduced-motion:reduce){.final-bam-media{clip-path:inset(0)}.final-bam-action{opacity:1;transform:none}.final-bam-ticker{transform:none}.final-bam-ticker>div{animation:none}}
.final-bam h2 span.motion-word{display:inline-block;width:auto;max-width:none}.final-bam h2 mark span.motion-word{color:inherit}
@media(max-width:800px){.final-bam h2>span,.final-bam h2>mark{width:auto}}

/* Lena & Jonas — complete perspective stories */
.story-process{min-height:120vh}.story-process .problem-image{position:sticky;top:0;height:100vh;min-height:0}.story-process .problem-copy{padding-top:130px;padding-bottom:130px;justify-content:flex-start}.process-image-copy{position:absolute;z-index:2;right:28px;bottom:28px;padding:18px 20px;background:#090909;color:#fff;box-shadow:8px 8px 0 #ffd600}.process-image-copy small,.process-image-copy b{display:block}.process-image-copy small{margin-bottom:12px;color:#ffd600;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.process-image-copy b{font-size:clamp(22px,2.2vw,38px);line-height:.95;letter-spacing:-.055em}.process-image-copy.right{right:auto;left:28px;box-shadow:8px 8px 0 #f800cc}.system-strip{display:flex;flex-wrap:wrap;gap:8px;margin:-20px 0 42px}.system-strip span{padding:8px 12px;border:1px solid #ffffff55;border-radius:999px;color:#bbb;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.lena-process{background:#061c19}.lena-process .problem-image:after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 35%,#001d19b8 100%)}.lena-process .problem-copy i,.lena-process .day-stream li>b,.lena-process .day-stream li small{color:#00ffd6}.inbox-shell{border:1px solid #ffffff45;background:#0a2824}.inbox-shell>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #ffffff45}.inbox-shell>header b{font-size:17px}.inbox-shell>header span{padding:6px 9px;background:#00ffd6;color:#061c19;font-size:9px;font-weight:800;text-transform:uppercase}.inbox-shell .day-stream{margin:0;padding:0 20px;list-style:none}.inbox-shell .day-stream li{padding:22px 0;border-bottom:1px solid #ffffff30}.inbox-shell .day-stream li:last-child{border-bottom:0}.inbox-shell .day-stream li small{display:flex;justify-content:space-between;margin-bottom:6px;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.inbox-shell .day-stream li small em{color:#8aa9a4;font-style:normal}.process-verdict{margin-top:36px;padding:25px;border-left:4px solid currentColor;opacity:0;transform:translateY(30px);transition:opacity .65s .4s,transform .85s .4s cubic-bezier(.16,1,.3,1)}.problem.is-inview .process-verdict{opacity:1;transform:none}.process-verdict small,.process-verdict strong,.process-verdict p{display:block}.process-verdict small{margin-bottom:14px;color:#00ffd6;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.process-verdict strong{margin:0;font-size:clamp(23px,2.3vw,38px);line-height:1.05;letter-spacing:-.045em}.process-verdict p{margin:12px 0 0;color:#9caaa8;line-height:1.5}
.jonas-process{grid-template-columns:.88fr 1.12fr;background:#22001d}.jonas-process .problem-copy{order:1}.jonas-process .problem-image{order:2}.jonas-process .problem-copy i,.jonas-process .process-verdict small{color:#f800cc}.phone-shell{overflow:hidden;border:1px solid #ffffff45;border-radius:28px;background:#f3f2ee;color:#090909;box-shadow:0 25px 60px #0005}.phone-shell>header{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;padding:18px 20px;border-bottom:1px solid #ddd;text-align:center}.phone-shell>header span{font-size:24px}.phone-shell>header i{color:#777;font-style:normal}.phone-day{width:max-content;margin:18px auto 10px;padding:5px 10px;border-radius:999px;background:#ddd;color:#777;font-size:9px;font-weight:800;text-transform:uppercase}.message-stream{display:flex;flex-direction:column;gap:12px;margin:0;padding:10px 18px 24px;list-style:none}.message-stream li{position:relative;width:82%;align-self:flex-end;padding:14px 14px 9px;border-radius:18px 18px 4px 18px;background:#f800cc;color:#fff;opacity:0;transform:translateY(24px) scale(.96);transition:.6s cubic-bezier(.16,1,.3,1)}.message-stream li.from-agency{align-self:flex-start;border-radius:18px 18px 18px 4px;background:#dedede;color:#090909}.problem.is-inview .message-stream li{opacity:1;transform:none}.problem.is-inview .message-stream li:nth-child(2){transition-delay:.18s}.problem.is-inview .message-stream li:nth-child(3){transition-delay:.36s}.problem.is-inview .message-stream li:nth-child(4){transition-delay:.54s}.message-stream time{display:block;margin-bottom:5px;font-size:9px;font-weight:800;opacity:.7}.message-stream p{margin:0;font-size:14px;line-height:1.35}.message-stream small{display:block;margin-top:6px;text-align:right;font-size:8px;opacity:.65}
.hugo-lena .hugo-film-shade{background:linear-gradient(90deg,#001c18d9 0%,#0002 50%,#0009 100%),linear-gradient(0deg,#000d,transparent 40%,#0007)}.hugo-jonas .hugo-film-shade{background:linear-gradient(90deg,#000b 0%,#f800cc28 50%,#000b 100%),linear-gradient(0deg,#000d,transparent 40%,#0007)}
.persona-result{position:relative;min-height:115svh;padding:0;background:#090909;color:#fff;grid-template-columns:1.1fr .9fr;gap:0;overflow:hidden}.persona-result-media{position:absolute;inset:0;height:auto}.persona-result-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000e 0%,#0008 48%,#0002 75%),linear-gradient(0deg,#000e,transparent 45%)}.persona-result-media img{width:100%;height:106%;object-fit:cover;transform:translateY(calc(var(--scroll,0) * -4%)) scale(1.025)}.persona-result-copy,.persona-result aside{position:relative;z-index:2}.persona-result-copy{align-self:center;padding:clamp(130px,12vw,200px) var(--pad)}.persona-result-copy h2{font-size:clamp(67px,8vw,150px);text-shadow:0 5px 40px #0009}.persona-result-copy>span{color:#ccc}.persona-result aside{align-self:end;margin:0 var(--pad) 90px 0;border-top:1px solid #ffffff70;backdrop-filter:blur(12px)}.persona-result aside article{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:22px 4px;border-bottom:1px solid #ffffff70;opacity:0;transform:translateX(45px);transition:.7s cubic-bezier(.16,1,.3,1)}.persona-result.is-inview aside article{opacity:1;transform:none}.persona-result.is-inview aside article:nth-child(2){transition-delay:.14s}.persona-result.is-inview aside article:nth-child(3){transition-delay:.28s}.persona-result aside small{grid-row:1/3;padding-top:7px;color:#ffd600;font-size:9px;font-weight:800}.persona-result aside b{font-size:clamp(23px,2vw,36px);line-height:1}.persona-result aside span{color:#bbb;font-size:13px;line-height:1.45}.lena-payoff .persona-result-media img{object-position:center}.lena-payoff .persona-result-copy h2 em{color:#00ffd6}.lena-payoff aside article:hover{background:#00ffd6;color:#071a17}.lena-payoff aside article:hover span{color:#185b52}.jonas-payoff .persona-result-media img{object-position:center}.jonas-payoff .persona-result-media:after{background:linear-gradient(90deg,#000e 0%,#0007 48%,#0001 76%),linear-gradient(0deg,#000e,transparent 45%)}.jonas-payoff .persona-result-copy h2 em{color:#f800cc}.jonas-payoff aside article:hover{background:#f800cc}.persona-result aside article:hover{padding-right:14px;padding-left:14px}
@media(max-width:900px){.story-process{display:grid;grid-template-columns:1fr;min-height:0}.story-process .problem-image{position:relative;top:auto;order:1;height:66svh}.story-process .problem-copy,.jonas-process .problem-copy{order:2;padding:80px 22px}.process-image-copy,.process-image-copy.right{right:18px;bottom:18px;left:auto}.persona-result{min-height:110svh;display:flex;flex-direction:column;justify-content:flex-end;padding:145px 22px 80px}.persona-result-media:after,.jonas-payoff .persona-result-media:after{background:linear-gradient(0deg,#000f 0%,#0009 58%,#0002 100%)}.persona-result-media img{object-position:center;height:100%}.persona-result-copy{padding:42vh 0 50px;align-self:auto}.persona-result-copy h2{font-size:16vw}.persona-result aside{width:100%;margin:0}.system-strip{margin-top:-15px}.phone-shell{border-radius:22px}.hugo-lena .hugo-stopper-promise strong,.hugo-jonas .hugo-stopper-promise strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){.process-verdict,.message-stream li,.persona-result aside article{opacity:1;transform:none}}

/* Shared payoff motion — space, statement, proof, then benefits 01–03. */
.leadership-result,.persona-result{--payoff-scan:#8100ff52;--payoff-row-x:68px}.lena-payoff{--payoff-scan:#00ffd647}.jonas-payoff{--payoff-scan:#f800cc4d}
.leadership-result{background:radial-gradient(circle at 94% 50%,#8100ff1c 0%,transparent 43%),#090909}.leadership-result:before{opacity:0;transform:translateX(8%) scale(.98);transition:opacity 1.1s .12s cubic-bezier(.16,1,.3,1),transform 1.5s .12s cubic-bezier(.16,1,.3,1)}.leadership-result.is-inview:before{opacity:.032;transform:none}
.persona-result-media{clip-path:inset(0 11% 0 0);transform:scale(1.035);transform-origin:center;transition:clip-path 1.3s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1)}.persona-result.is-inview .persona-result-media{clip-path:inset(0);transform:none}
.leadership-result>div>p,.persona-result-copy>p{opacity:0;transform:translateY(22px);transition:opacity .5s .08s cubic-bezier(.16,1,.3,1),transform .75s .08s cubic-bezier(.16,1,.3,1)}.leadership-result.is-inview>div>p,.persona-result.is-inview .persona-result-copy>p{opacity:1;transform:none}.leadership-result>div>p:before{transform:scaleX(0);transform-origin:left;transition:transform .65s .28s cubic-bezier(.16,1,.3,1)}.leadership-result.is-inview>div>p:before{transform:scaleX(1)}
.leadership-result h2 .motion-word,.persona-result h2 .motion-word{opacity:0;transform:translateY(.9em);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}.leadership-result.is-inview h2 .motion-word,.persona-result.is-inview h2 .motion-word{opacity:1;transform:none}.leadership-result h2 .motion-word:nth-of-type(1),.persona-result h2 .motion-word:nth-of-type(1){transition-delay:.2s}.leadership-result h2 .motion-word:nth-of-type(2),.persona-result h2 .motion-word:nth-of-type(2){transition-delay:.27s}.leadership-result h2 .motion-word:nth-of-type(3),.persona-result h2 .motion-word:nth-of-type(3){transition-delay:.34s}.leadership-result h2 .motion-word:nth-of-type(4),.persona-result h2 .motion-word:nth-of-type(4){transition-delay:.41s}.leadership-result h2 .motion-word:nth-of-type(5),.persona-result h2 .motion-word:nth-of-type(5){transition-delay:.48s}.leadership-result h2 .motion-word:nth-of-type(6),.persona-result h2 .motion-word:nth-of-type(6){transition-delay:.55s}.leadership-result h2 .motion-word:nth-of-type(7),.persona-result h2 .motion-word:nth-of-type(7){transition-delay:.62s}.leadership-result h2 .motion-word:nth-of-type(8),.persona-result h2 .motion-word:nth-of-type(8){transition-delay:.69s}
.leadership-result>div>span,.persona-result-copy>span{opacity:0;transform:translateY(26px);transition:opacity .6s .78s cubic-bezier(.16,1,.3,1),transform .85s .78s cubic-bezier(.16,1,.3,1)}.leadership-result.is-inview>div>span,.persona-result.is-inview .persona-result-copy>span{opacity:1;transform:none}
.leadership-result aside article,.persona-result aside article{position:relative;isolation:isolate;overflow:hidden;opacity:0;transform:translateX(var(--payoff-row-x)) scale(.98);transition:background .35s ease,padding .35s ease,color .35s ease}.leadership-result aside article>*,.persona-result aside article>*{position:relative;z-index:2}.leadership-result aside article:after,.persona-result aside article:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(100deg,transparent 0%,var(--payoff-scan) 36%,var(--payoff-scan) 64%,transparent 100%);opacity:0;pointer-events:none;transform:translateX(-110%)}
.leadership-result.is-inview aside article,.persona-result.is-inview aside article{animation:payoff-row-in .85s var(--payoff-row-delay,.96s) cubic-bezier(.16,1,.3,1) both}.leadership-result.is-inview aside article:nth-child(2),.persona-result.is-inview aside article:nth-child(2){--payoff-row-delay:1.03s}.leadership-result.is-inview aside article:nth-child(3),.persona-result.is-inview aside article:nth-child(3){--payoff-row-delay:1.1s}.leadership-result.is-inview aside article:after,.persona-result.is-inview aside article:after{animation:payoff-row-scan 1.05s var(--payoff-scan-delay,1.32s) cubic-bezier(.16,1,.3,1) both}.leadership-result.is-inview aside article:nth-child(2):after,.persona-result.is-inview aside article:nth-child(2):after{--payoff-scan-delay:1.8s}.leadership-result.is-inview aside article:nth-child(3):after,.persona-result.is-inview aside article:nth-child(3):after{--payoff-scan-delay:2.28s}
@keyframes payoff-row-in{from{opacity:0;transform:translateX(var(--payoff-row-x)) scale(.98)}to{opacity:1;transform:none}}@keyframes payoff-row-scan{0%,100%{opacity:0;transform:translateX(-110%)}18%{opacity:1}72%{opacity:1;transform:translateX(110%)}73%,100%{transform:translateX(110%)}}
@media(max-width:900px){.leadership-result,.persona-result{--payoff-row-x:30px}.persona-result-media{clip-path:inset(0 0 8% 0);transform:scale(1.018)}.leadership-result>div>span,.persona-result-copy>span{transition-delay:.68s}.leadership-result.is-inview aside article,.persona-result.is-inview aside article{--payoff-row-delay:.82s}.leadership-result.is-inview aside article:nth-child(2),.persona-result.is-inview aside article:nth-child(2){--payoff-row-delay:.89s}.leadership-result.is-inview aside article:nth-child(3),.persona-result.is-inview aside article:nth-child(3){--payoff-row-delay:.96s}}
@media(prefers-reduced-motion:reduce){.leadership-result{box-shadow:none!important}.leadership-result:before{opacity:.025!important}.leadership-result:before,.leadership-result>div>p,.leadership-result>div>p:before,.leadership-result h2 .motion-word,.leadership-result>div>span,.persona-result-media,.persona-result-media img,.persona-result-copy>p,.persona-result h2 .motion-word,.persona-result-copy>span,.leadership-result aside article,.persona-result aside article{animation:none!important;clip-path:inset(0)!important;filter:none!important;opacity:1!important;transform:none!important;transition:opacity .15s ease!important}.leadership-result aside article:after,.persona-result aside article:after{display:none!important}}

/* Keep Tom's established calendar composition untouched by the persona variants. */
.tom-process .process-image-copy{left:clamp(24px,4vw,70px);right:clamp(24px,4vw,70px);bottom:clamp(32px,6vw,90px);padding:0;background:transparent;box-shadow:none}.tom-process .process-image-copy small{margin-bottom:16px;color:#fff;font-size:11px}.tom-process .process-image-copy b{font-size:clamp(38px,4vw,72px)}.tom-process .system-strip{margin:0 0 64px}.tom-process .system-strip span{padding:9px 12px;border-color:#9d4cff66;color:#d4b4ff;font-size:10px}.tom-process .process-verdict{margin-top:54px;padding:32px;border:1px solid #b65cff;background:#8100ff}.tom-process .process-verdict>small{margin-bottom:38px;color:#fff;font-size:10px}.tom-process .process-verdict>strong{font-size:clamp(28px,3vw,48px)}.tom-process .process-verdict>p{margin-top:22px;color:#e5d0ff}
.lena-process .process-verdict{border-color:#00ffd6;background:#082e28}.jonas-process .process-verdict{border-color:#f800cc;background:#34002c}.jonas-process .process-verdict p{color:#d5a8cd}

/* Capability stage — eight routines become one visible operating system. */
.capability-system{isolation:isolate;grid-template-columns:minmax(390px,.82fr) minmax(0,1.18fr);margin-top:clamp(130px,14vw,230px);background:#080808;border-color:#ffffff3d}.capability-system:before{width:100%;transform:scaleX(0);transform-origin:left;transition:transform 1.15s cubic-bezier(.16,1,.3,1)}.platform.is-inview .capability-system:before{width:100%;transform:scaleX(1)}
.capability-system>header{grid-column:1;grid-row:1;position:sticky;top:138px;align-self:start;display:flex;min-height:calc(100svh - 176px);padding:clamp(48px,5vw,86px) clamp(36px,4.5vw,78px) clamp(42px,5vw,78px) 0;flex-direction:column;border-right:1px solid #ffffff3d;background:radial-gradient(circle at 20% 72%,#8100ff1d 0%,transparent 38%);overflow:hidden}.capability-system>header:after{content:"08";right:-.06em;bottom:-.22em;left:auto;color:transparent;font-size:clamp(260px,30vw,560px);line-height:1;-webkit-text-stroke:1px #ffffff17;opacity:1}.capability-system>header>small{margin:0 0 clamp(55px,7vw,110px);color:#ffd600}.capability-system>header>b{max-width:690px;font-size:clamp(70px,7.3vw,140px);line-height:.76;letter-spacing:-.085em;text-wrap:balance}.capability-system>header>b em{color:#ffd600;font-style:normal}.capability-system>header>span{max-width:510px;margin-top:clamp(35px,4vw,62px);color:#aaa;font-size:clamp(16px,1.2vw,20px);line-height:1.55}
.capability-score{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:end;margin-top:auto;padding-top:45px;border-top:1px solid #ffffff45}.capability-score strong{color:#ffd600;font-size:clamp(72px,7vw,126px);font-weight:700;line-height:.7;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.capability-score span{max-width:210px;color:#ccc;font-size:12px;line-height:1.45}
.capability-system ol{grid-column:2;grid-row:1;counter-reset:hugo-capability}.capability-system li{position:relative;isolation:isolate;min-height:clamp(330px,39svh,470px);grid-template-columns:130px 1fr 1fr;gap:0;padding:0;overflow:hidden;border-color:#ffffff3d;opacity:1;transform:none;transition:color .45s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1),opacity .55s cubic-bezier(.16,1,.3,1)}.platform.is-inview .capability-system li:not(.is-visible){opacity:.14;transform:translateY(70px)}.capability-system li:before{content:"";position:absolute;z-index:0;inset:0;background:#ffd600;transform:scaleX(0);transform-origin:right;transition:transform .65s cubic-bezier(.16,1,.3,1)}.capability-system li>*{position:relative;z-index:1}.capability-system li>small{padding:clamp(42px,4vw,65px) 18px;color:#f800cc;border-right:1px solid #ffffff3d;font-size:9px;line-height:1.35}.capability-system li>div{position:relative;padding:clamp(42px,4vw,65px) clamp(28px,3.2vw,55px);counter-increment:hugo-capability}.capability-system li>div+div{border-left:1px solid #ffffff3d}.capability-system li>div:before{content:"0" counter(hugo-capability);display:block;margin-bottom:clamp(65px,8vw,120px);color:#ffd600;font-size:10px;font-weight:800;letter-spacing:.16em}.capability-system li>div:after{content:"↗";position:absolute;right:clamp(28px,3.2vw,55px);top:clamp(38px,3.8vw,60px);color:#f800cc;font-size:28px;opacity:0;transform:translate(-16px,16px);transition:opacity .35s .18s,transform .55s .18s cubic-bezier(.16,1,.3,1)}.capability-system li div b{font-size:clamp(38px,4vw,72px);line-height:.9;letter-spacing:-.065em}.capability-system li div span{max-width:410px;margin-top:22px;color:#999;font-size:clamp(14px,1.05vw,17px);line-height:1.55;transition:color .35s}
.capability-system li.is-active{color:#090909}.capability-system li.is-active:before{transform:scaleX(1);transform-origin:left}.capability-system li.is-active>small{color:#8100ff;border-color:#09090942}.capability-system li.is-active>div+div{border-color:#09090942}.capability-system li.is-active>div:before{color:#f800cc}.capability-system li.is-active>div:after{opacity:1;transform:none}.capability-system li.is-active div span{color:#292300}
@media(hover:hover) and (pointer:fine){.capability-system li:hover{color:#090909}.capability-system li:hover:before{transform:scaleX(1);transform-origin:left}.capability-system li:hover>small{color:#8100ff;border-color:#09090942}.capability-system li:hover>div+div{border-color:#09090942}.capability-system li:hover>div:before{color:#f800cc}.capability-system li:hover>div:after{opacity:1;transform:none}.capability-system li:hover div span{color:#292300}}
.capability-punch{position:relative;grid-column:1/-1;grid-row:2;display:grid;min-height:76svh;padding:clamp(80px,8vw,145px);grid-template-columns:.75fr 1.25fr;gap:7vw;align-content:center;background:#ffd600;color:#090909;clip-path:inset(100% 0 0);transition:clip-path 1.05s cubic-bezier(.16,1,.3,1);overflow:hidden}.capability-punch.is-visible{clip-path:inset(0)}.capability-punch:after{content:"HUGO";position:absolute;right:-.04em;bottom:-.28em;color:#090909;font-size:clamp(190px,28vw,520px);font-weight:800;line-height:1;letter-spacing:-.1em;opacity:.055}.capability-punch>small{position:relative;z-index:1;align-self:start;padding-top:16px;border-top:4px solid #090909;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.capability-punch>strong{position:relative;z-index:1;display:block;font-size:clamp(66px,8.5vw,164px);line-height:.78;letter-spacing:-.085em}.capability-punch>span{position:relative;z-index:1;grid-column:2;max-width:570px;margin-top:28px;font-size:clamp(18px,1.5vw,26px);line-height:1.45}
@media(max-width:1050px){.capability-system{grid-template-columns:1fr}.capability-system>header{grid-column:1;grid-row:1;position:relative;top:auto;min-height:0;padding:70px 0 90px;border-right:0;border-bottom:1px solid #ffffff3d}.capability-system>header>b{font-size:clamp(70px,13vw,125px)}.capability-system>header>span{max-width:620px}.capability-score{width:min(100%,560px);margin-top:80px}.capability-system ol{grid-column:1;grid-row:2}.capability-system li{grid-template-columns:120px 1fr 1fr}.capability-punch{grid-row:3}}
@media(max-width:650px){.capability-system{margin-top:110px}.capability-system>header{padding:60px 0 75px}.capability-system>header:after{font-size:75vw}.capability-system>header>small{margin-bottom:55px}.capability-system>header>b{font-size:18vw;line-height:.8}.capability-system>header>span{font-size:16px}.capability-score{gap:16px;margin-top:65px}.capability-score strong{font-size:28vw}.capability-system li{min-height:0;grid-template-columns:1fr}.capability-system li>small{padding:22px;border-right:0;border-bottom:1px solid #ffffff3d}.capability-system li>div{min-height:270px;padding:35px 22px 42px}.capability-system li>div+div{border-top:1px solid #ffffff3d;border-left:0}.capability-system li>div:before{margin-bottom:72px}.capability-system li>div:after{top:30px;right:22px}.capability-system li div b{font-size:13vw}.capability-system li div span{font-size:14px}.capability-punch{min-height:88svh;padding:80px 22px;grid-template-columns:1fr;gap:60px}.capability-punch>strong{font-size:18vw}.capability-punch>span{grid-column:1;margin-top:0}.capability-punch:after{font-size:60vw}}
@media(prefers-reduced-motion:reduce){.capability-system li,.platform.is-inview .capability-system li:not(.is-visible){opacity:1;transform:none}.capability-system li:before{transition:none}.capability-punch{clip-path:inset(0);transition:none}}

/* Keep the wrapped sales headline expressive and every function label inside its panel. */
.capability-system>header>b .motion-word{display:inline-block;max-width:none;margin:0;color:inherit;font-size:inherit;line-height:inherit}
.capability-system>header>b em .motion-word{color:inherit}
.capability-system>header.is-visible>b .motion-word{opacity:1;transform:none;filter:none}
.capability-system li div b{font-size:clamp(36px,2.7vw,52px)}
.capability-punch{clip-path:none;opacity:0;transform:translateY(90px);transition:opacity .55s ease,transform 1.05s cubic-bezier(.16,1,.3,1)}
.capability-punch.is-visible{clip-path:none;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.capability-punch{opacity:1;transform:none}}
@media(max-width:650px){.capability-punch{grid-template-columns:minmax(0,1fr)}.capability-punch>strong{min-width:0;font-size:clamp(43px,11.8vw,52px);line-height:.85;overflow-wrap:anywhere}.capability-punch>span{min-width:0;max-width:100%;font-size:16px}}

/* Keep both people visible in the customer hero on narrow screens. */
@media(max-width:800px){.hero-images [data-image=kunde],.hero-images video[data-video="kunde"]{object-position:62% center}}

/* Align the customer teaser with the other hero perspectives on desktop. */
@media(min-width:801px){.customer-copy{left:var(--pad);right:auto;width:min(64vw,980px);text-align:left}.customer-copy .slogan-two h1{font-size:clamp(54px,6.2vw,112px);line-height:.88}.customer-copy>span{margin-left:0}}

/* The production footer now links to all public information pages. */
footer nav{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:800px){footer nav{width:100%;justify-content:flex-start}footer>span{order:initial;width:100%}}

/* Namen bleiben als Figuren erhalten, die Rolle erklärt sofort die Perspektive. */
.story-nav button{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.story-nav .story-role{font-size:11px;font-weight:600;opacity:.68}.story-nav button[aria-pressed=true] .story-role{opacity:1}
@media(max-width:800px){.story-nav{width:calc(100% - 28px);justify-content:center}.story-nav button{flex-direction:column;align-items:center;gap:1px;line-height:1.05;padding:8px 10px}.story-nav .story-name{font-size:11px}.story-nav .story-role{font-size:8px;letter-spacing:.01em}}

/* Keep contact visible in the primary navigation without weakening the main CTA. */
.nav-actions{display:flex;align-items:center;gap:8px}.nav-contact{padding:13px 16px;border-radius:999px;font-size:13px;font-weight:750;transition:background .2s,color .2s}.nav-contact:hover,.nav-contact:focus-visible{background:var(--y);color:#090909;outline:none}
@media(max-width:800px){.nav-actions{gap:4px}.nav-contact{padding:11px 9px;font-size:11px}.nav-cta{flex:0 0 auto}}

/* Wiederkehrende Abschnittssprünge halten die lange Story ohne Zusatzmenü navigierbar. */
.story section[id],.platform[id],.final[id]{scroll-margin-top:132px}
.section-jump{position:relative;z-index:6;display:flex;width:max-content;max-width:100%;align-items:center;gap:18px;margin-top:clamp(44px,5vw,78px);margin-left:auto;color:inherit;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}
.section-jump>b{display:grid;flex:0 0 auto;width:52px;height:52px;margin:0;place-items:center;border-radius:50%;background:#ffd600;color:#090909;font-size:19px;line-height:1;transition:transform .3s cubic-bezier(.16,1,.3,1),background .2s,color .2s}
.section-jump:hover>b{transform:translateY(5px)}
.section-jump:active>b{transform:translateY(3px) scale(.96)}
.section-jump:focus-visible{outline:2px solid #ffd600;outline-offset:7px;border-radius:999px}
.problem-copy>.section-jump{margin-top:52px}
.hugo-after-film>.section-jump{margin-top:64px}
.hugo-after-film>.section-jump>b{background:#090909;color:#ffd600}
.result{position:relative}
.section-jump-corner{position:absolute;right:var(--pad);bottom:32px;margin:0}
.platform{position:relative}
.section-jump-platform{grid-column:1/-1;justify-self:end;margin-top:clamp(64px,7vw,110px)}
.final>.section-jump-top{position:absolute;z-index:5;left:var(--pad);bottom:94px;display:flex;width:max-content;margin:0;padding:0;gap:18px;background:transparent;color:#fff;font-size:12px}
.section-jump-top:hover>b{transform:translateY(-5px)}
.section-jump-top:active>b{transform:translateY(-3px) scale(.96)}
@media(max-width:800px){.story section[id],.platform[id],.final[id]{scroll-margin-top:145px}.section-jump{gap:14px;margin-top:42px;font-size:11px}.section-jump>b{width:48px;height:48px;font-size:17px}.opening>.section-jump{margin-top:54px}.problem-copy>.section-jump,.hugo-after-film>.section-jump{margin-top:46px}.section-jump-corner{right:22px;bottom:22px;margin:0}.persona-result{padding-bottom:142px}.section-jump-platform{margin-top:64px}.final>.section-jump-top{left:22px;bottom:330px;margin:0;gap:14px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.section-jump>b{transition:none}.section-jump:hover>b,.section-jump:active>b,.section-jump-top:hover>b,.section-jump-top:active>b{transform:none}}