/* Chapter surfaces keep their own contrast, independently of the navigation theme. */
.scroll-chapter{position:relative;isolation:isolate;overflow:clip;scroll-margin-top:76px;background:var(--bg);color:var(--text);--chapter-progress:0;--chapter-entrance:1;--shadow:none}
.tone-light{--bg:#fff;--surface:#fff;--surface-2:#f2f2ee;--text:#080808;--muted:#50504b;--line:#d6d6d0;--ink:#080808;--reverse:#fff;color-scheme:light}
.tone-dark{--bg:#080808;--surface:#111;--surface-2:#1b1b18;--text:#fff;--muted:#b2b2a9;--line:#33332f;--ink:#fff;--reverse:#080808;color-scheme:dark}
.scroll-chapter>.section,.scroll-chapter>.cta-band{position:relative;width:min(1180px,calc(100% - 64px));margin:0 auto;padding:130px 0;border:0;border-radius:0;background:transparent;color:var(--text);box-shadow:none}
.scroll-chapter h2{font-size:clamp(42px,5.8vw,84px);line-height:1.04;letter-spacing:-.055em;font-weight:800;text-wrap:wrap;margin-bottom:32px}
.scroll-chapter h3{letter-spacing:-.035em}
.scroll-chapter .eyebrow{color:var(--muted);font-size:10px;letter-spacing:.2em;margin-bottom:26px}
.scroll-chapter .lead{font-size:clamp(16px,1.5vw,20px);line-height:1.65;color:var(--muted)}
.scroll-chapter .muted{color:var(--muted)}
.scroll-chapter .btn{background:var(--ink);color:var(--reverse);border-color:var(--ink);font-size:12px;padding:14px 22px}
.scroll-chapter .btn.secondary{background:transparent;color:var(--text);border-color:var(--text)}
.scroll-chapter .btn:hover{opacity:.8}.scroll-chapter a:focus-visible{outline:2px solid var(--text);outline-offset:6px}
.scroll-chapter .section-intro{top:120px}
.scroll-chapter .split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:80px}
.chapter-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:-1px;padding:0;white-space:nowrap}

/* Scroll values are assigned directly, with no time-based entrance animations. */
.scroll-chapter.is-animated .scroll-reveal{opacity:var(--reveal,1);transform:translate3d(var(--move-x,0px),var(--move-y,0px),0) scale(var(--reveal-scale,1));clip-path:inset(0 var(--clip-right,0%) 0 0);will-change:transform,opacity}
.scroll-chapter.is-animated .word-reveal{display:inline-block;opacity:var(--word-opacity,1);transform:translateY(var(--word-y,0px));will-change:opacity}
.word-gap{white-space:pre-wrap}
.scroll-chapter .chapter-rule{display:block;height:1px;background:var(--text);transform:scaleX(var(--rule-progress,1));transform-origin:left}

/* 01 — a white sheet opens from left to right, then the five perspectives arrive. */
.chapter-digital-business-check{background:#080808}
.chapter-digital-business-check::before{content:"";position:absolute;inset:2px 0;background:#fff;z-index:0;pointer-events:none;clip-path:inset(0 calc((1 - var(--chapter-entrance))*100%) 0 0)}
.chapter-digital-business-check.is-animated>.section{z-index:1;clip-path:inset(0 calc((1 - var(--chapter-entrance))*100%) 0 0)}
.chapter-digital-business-check .check-teaser{grid-template-columns:1fr 1fr;align-items:center;gap:80px;min-height:88svh}
.chapter-digital-business-check .check-teaser>div:last-child{border:0;box-shadow:none;background:transparent;padding:0}
.chapter-digital-business-check h2{font-size:clamp(46px,6.6vw,92px)}
.chapter-digital-business-check .check-teaser-modules{gap:10px;margin:32px 0}
.chapter-digital-business-check .check-teaser-modules span{color:#080808;border-color:#bcbcb6;background:#fff}

/* 02 — reading light through the headline, followed by a quiet scanner line. */
.chapter-analysieren .section>h2{max-width:none}
.chapter-analysieren .section>.lead{max-width:none}
.chapter-analysieren .focus-grid{position:relative;margin-top:64px;gap:20px}
.chapter-analysieren .focus-grid::after{content:none}
.chapter-analysieren .focus-card{padding:32px;background:#111;border-color:#2a2a28;min-height:310px;box-shadow:none}
.chapter-analysieren .focus-icon{background:#1c1c19;border-radius:50%;width:64px;height:64px}
.chapter-analysieren .focus-icon svg{width:30px;height:30px}
.chapter-analysieren .focus-card h3{font-size:26px}

/* 03 — a stationary introduction and four panels entering from the side. */
.chapter-verbessern .services{grid-template-columns:1fr;gap:0}
.chapter-verbessern .service{padding:36px 0 40px;border-color:#bdbdb7}
.chapter-verbessern .service h3{font-size:34px;margin:24px 0 16px}
.chapter-verbessern .service-number{margin:0;color:#55554f}
.chapter-verbessern .service-number svg{width:34px;height:34px}
.chapter-verbessern .tag{color:#41413b;border-color:#c9c9c3;font-size:11px}
.chapter-verbessern.is-animated .section-intro h2{clip-path:inset(0 0 0 var(--heading-exit,0%));transform:translateX(var(--heading-exit-x,0px))}

/* 04 — one large statement is wiped away to make room for the next. */
.manifesto-chapter{height:auto;overflow:clip}
.manifesto-stage{position:relative;min-height:850px;padding:100px 32px}
.manifesto-first{display:none}
.manifesto-final{width:min(1180px,100%);margin:0 auto}
.manifesto-heading{font:800 clamp(60px,8.5vw,120px)/.96 Manrope,Inter,sans-serif;letter-spacing:-.065em;margin:0 0 36px;color:#fff}
.manifesto-body>.lead{max-width:none;margin-bottom:30px}
.manifesto-body .teaser-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;border-top:1px solid #3b3b34;margin:30px 0}
.manifesto-body .teaser-card{padding:24px 0;border-bottom:1px solid #3b3b34;min-width:0}
.manifesto-body .teaser-card span{margin-bottom:16px;color:#a5a59d}
.manifesto-body .teaser-card h3{font-size:20px;color:#fff}
.manifesto-body .teaser-card p{font-size:13px;line-height:1.6}
.manifesto-chapter.is-animated{height:280svh}
.manifesto-chapter.is-animated .manifesto-stage{position:sticky;top:76px;height:calc(100svh - 76px);min-height:650px;padding:0}
.manifesto-chapter.is-animated .manifesto-first{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 max(32px,calc((100% - 1180px)/2));font:800 min(26vw,34svh,360px)/.9 Manrope,Inter,sans-serif;letter-spacing:-.065em;color:#fff;clip-path:none;-webkit-mask-image:url("/assets/cloth-wipe.svg?v=2");mask-image:url("/assets/cloth-wipe.svg?v=2");-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:var(--cloth-offset,0%) 0;mask-position:var(--cloth-offset,0%) 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:1;pointer-events:none}
.manifesto-chapter.is-animated .manifesto-final{position:absolute;left:50%;top:50%;width:min(1180px,calc(100% - 64px));transform:translate(-50%,-50%);opacity:var(--final-opacity,0)}
.manifesto-chapter.is-animated .manifesto-heading{font-size:min(7.6vw,100px);white-space:nowrap;clip-path:inset(var(--second-wipe,100%) 0 0 0);transform:translateY(var(--second-y,36px))}
.manifesto-chapter.is-animated .manifesto-body{opacity:var(--manifesto-details,0);transform:translateY(var(--manifesto-details-y,30px));visibility:hidden}
.manifesto-chapter.is-animated .manifesto-body.is-visible{visibility:visible}
.manifesto-chapter .manifesto-rule{display:none}

/* 05 — the photographs open from a narrow crop, then move gently in depth. */
.chapter-automatisieren .cases{grid-template-columns:1fr;gap:50px}
.chapter-automatisieren .case{background:#fff;border:0;border-radius:0}
.chapter-automatisieren .case .mono-image{height:330px;min-height:0;filter:grayscale(1);transition:none;background-position:center calc(50% + var(--image-shift,0px));clip-path:inset(var(--image-inset,0%) 0 var(--image-inset,0%) 0);transform:scale(var(--image-scale,1));border-radius:6px}
.chapter-automatisieren .case:hover .mono-image{filter:grayscale(1);transform:scale(var(--image-scale,1))}
.chapter-automatisieren .case-body{padding:28px 0 0}
.chapter-automatisieren .case-body small{font-size:10px;letter-spacing:.18em}
.chapter-automatisieren .case h3{font-size:32px;margin:14px 0}
.chapter-automatisieren .editorial-link{color:#080808;border-color:#080808}

/* 06 — project names slide out from behind growing rules. */
.chapter-aktuelle-projekte .home-projects-header{margin-bottom:80px}
.chapter-aktuelle-projekte .home-projects-header h2{max-width:none}
.chapter-aktuelle-projekte .home-project-list{display:block;border-bottom:1px solid #343430}
.chapter-aktuelle-projekte .home-project-entry{position:relative;display:grid;grid-template-columns:90px 1fr;gap:40px;border:0;border-radius:0;background:transparent;padding:42px 0}
.chapter-aktuelle-projekte .home-project-entry::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:#5c5c53;transform:scaleX(var(--project-rule,1));transform-origin:left}
.chapter-aktuelle-projekte .home-project-entry>span{color:#a5a59a;font-size:14px;padding-top:16px}
.chapter-aktuelle-projekte .home-project-entry h3{font-size:clamp(48px,7vw,88px);line-height:1.1;letter-spacing:-.055em;margin:0 0 18px}
.chapter-aktuelle-projekte .home-project-entry p{max-width:none;line-height:1.7}
.chapter-aktuelle-projekte .home-project-entry>div{clip-path:inset(0 var(--project-clip,0%) 0 0);transform:translateX(var(--project-x,0px))}
.scroll-chapter .home-projects>.btn.secondary{background:#fff;color:#080808;border-color:#fff;margin-top:48px}

/* 07 — a line draws the path, then the four steps rise into place. */
.chapter-prozess .section>h2{max-width:none}
.chapter-prozess .process{position:relative;gap:26px;border:0;margin-top:76px}
.chapter-prozess .process::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#080808;transform:scaleX(var(--process-line,1));transform-origin:left}
.chapter-prozess .process-step,.chapter-prozess .process-step:first-child{border:0;background:transparent;padding:32px 0 0}
.chapter-prozess .process-step b{width:48px;height:48px;font-size:18px;border-color:#080808;margin-bottom:38px;color:#080808}
.chapter-prozess .process-step h3{font-size:25px;margin-bottom:18px}
.chapter-prozess .process-step p{font-size:14px;line-height:1.7}

/* 08 — the closing question opens through a horizontal shutter. */
.chapter-erstgespraech>.cta-band{padding-block:160px;text-align:center;min-height:85svh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.chapter-erstgespraech h2{max-width:none;font-size:clamp(46px,7.3vw,104px)}
.chapter-erstgespraech .lead{max-width:none;margin:0 auto 36px}
.chapter-erstgespraech .btn{background:#fff;color:#080808;border-color:#fff}
.chapter-erstgespraech .eyebrow{color:#b2b2a9}
.chapter-erstgespraech.is-animated>.cta-band{clip-path:inset(var(--closing-shutter,0%) 0 var(--closing-shutter,0%) 0)}
.chapter-erstgespraech::before,.chapter-erstgespraech::after{content:none}
.chapter-erstgespraech::before{top:calc(var(--closing-shutter,0%))}.chapter-erstgespraech::after{bottom:calc(var(--closing-shutter,0%))}

/* The header follows the surface below it. The existing footer reveal remains. */
.site-header[data-chapter-tone="light"]{--bg:#fff;--surface:#fff;--text:#080808;--muted:#52524c;--line:#d5d5ce;color:#080808;background:#fffffff2}
.site-header[data-chapter-tone="dark"]{--bg:#080808;--surface:#111;--text:#fff;--muted:#b4b4aa;--line:#33332e;color:#fff;background:#080808f2}
.site-header[data-chapter-tone="light"] .logo-light{filter:none}.site-header[data-chapter-tone="dark"] .logo-light{filter:invert(1)}
.site-header .brand,.site-header .nav a,.site-header .icon-btn,.site-header .menu-btn{color:var(--text)}
.site-ending .site-footer{background:#080808;color:#fff;--muted:#b2b2a9;--line:#33332e}

@media(min-width:1600px){.scroll-chapter>.section,.scroll-chapter>.cta-band{padding-block:160px}}
@media(max-width:1000px){.scroll-chapter .split{gap:48px}.scroll-chapter h2{font-size:54px}.chapter-verbessern .services{grid-template-columns:1fr}.chapter-automatisieren .case .mono-image{height:300px}.manifesto-chapter.is-animated .manifesto-stage{min-height:700px}.manifesto-chapter.is-animated .manifesto-heading{font-size:7.6vw}.manifesto-body .teaser-cards{gap:22px}}
@media(max-width:760px){
 .scroll-chapter>.section,.scroll-chapter>.cta-band{width:calc(100% - 40px);padding-block:80px}
 .scroll-chapter h2,.chapter-digital-business-check h2{font-size:42px;line-height:1.08;letter-spacing:-.05em;text-wrap:wrap}
 .scroll-chapter .lead{font-size:16px}.scroll-chapter .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:22px}
 .scroll-chapter .split,.chapter-digital-business-check .check-teaser{grid-template-columns:1fr;gap:40px}
 .scroll-chapter .section-intro{position:relative;top:0}
 .chapter-digital-business-check .check-teaser{min-height:0}
 .chapter-analysieren .focus-grid{grid-template-columns:1fr;margin-top:42px;gap:16px}
 .chapter-analysieren .focus-card.wide{grid-column:auto;grid-template-columns:1fr;gap:28px}
 .chapter-analysieren .focus-card{min-height:280px;padding:28px}.chapter-analysieren .platform-list{border-left:0;border-top:1px solid #333;padding:24px 0 0}
 .chapter-verbessern .service h3{font-size:28px}.chapter-verbessern .section-intro h2{clip-path:none!important;transform:none!important}
 .manifesto-chapter.is-animated{height:260svh}.manifesto-chapter.is-animated .manifesto-stage{min-height:660px}
 .manifesto-chapter.is-animated .manifesto-first{font-size:calc(28.5vw - 16px);padding-inline:20px}
 .manifesto-chapter.is-animated .manifesto-final{width:calc(100% - 40px)}
 .manifesto-chapter.is-animated .manifesto-heading{font-size:7.6vw;margin-bottom:24px}
 .manifesto-body>.lead{font-size:13px;line-height:1.6;margin-bottom:18px}
 .manifesto-body .teaser-cards{gap:12px;margin:20px 0}
 .manifesto-body .teaser-card{padding:16px 0}.manifesto-body .teaser-card span{font-size:10px;margin-bottom:12px}
 .manifesto-body .teaser-card h3{font-size:14px;line-height:1.2;overflow-wrap:anywhere}.manifesto-body .teaser-card p{font-size:11px;line-height:1.45}
 .manifesto-body .btn{font-size:11px;padding:12px 18px}
 .chapter-automatisieren .cases{gap:38px}.chapter-automatisieren .case .mono-image{height:280px}.chapter-automatisieren .case h3{font-size:28px}
 .chapter-aktuelle-projekte .home-projects-header{margin-bottom:48px}.chapter-aktuelle-projekte .home-project-entry{grid-template-columns:30px 1fr;gap:16px;padding:32px 0}.chapter-aktuelle-projekte .home-project-entry h3{font-size:44px}.chapter-aktuelle-projekte .home-project-entry p{font-size:14px}
 .chapter-prozess .process{grid-template-columns:1fr;gap:30px;margin-top:44px;padding-left:28px}.chapter-prozess .process::before{top:0;bottom:0;left:0;right:auto;width:2px;height:100%;transform:scaleY(var(--process-line,1));transform-origin:top}
 .chapter-prozess .process-step{padding-top:0}.chapter-prozess .process-step b{margin-bottom:20px}.chapter-prozess .process-step h3{font-size:26px}
 .chapter-erstgespraech>.cta-band{min-height:78svh;padding-block:100px}.chapter-erstgespraech h2{font-size:44px}
}
@media(prefers-reduced-motion:reduce){
 .scroll-chapter.is-animated .scroll-reveal,.scroll-chapter.is-animated .word-reveal{opacity:1!important;transform:none!important;clip-path:none!important;will-change:auto}
 .chapter-digital-business-check::before,.chapter-analysieren .focus-grid::after,.manifesto-first,.manifesto-rule,.chapter-erstgespraech::before,.chapter-erstgespraech::after{display:none!important}
 .chapter-digital-business-check.is-animated>.section,.chapter-erstgespraech.is-animated>.cta-band,.chapter-verbessern.is-animated .section-intro h2{clip-path:none!important;transform:none!important}
 .manifesto-chapter.is-animated{height:auto}.manifesto-chapter.is-animated .manifesto-stage{position:relative;top:0;height:auto;min-height:0;padding:80px 20px}.manifesto-chapter.is-animated .manifesto-final{position:relative;left:auto;top:auto;transform:none;width:min(1180px,100%);opacity:1}.manifesto-chapter.is-animated .manifesto-heading,.manifesto-chapter.is-animated .manifesto-body{transform:none;clip-path:none;opacity:1;visibility:visible}
 .chapter-aktuelle-projekte .home-project-entry>div,.chapter-automatisieren .case .mono-image{clip-path:none;transform:none}
 .chapter-prozess .process::before,.chapter-aktuelle-projekte .home-project-entry::before{transform:none}
}

/* Layout corrections after review at full browser width. */
.story-progress{display:none}
.chapter-verbessern .split{grid-template-columns:minmax(0,1fr);gap:64px}
.chapter-verbessern .section-intro{position:relative;top:0;min-width:0}
.chapter-verbessern .section-intro h2,.chapter-verbessern .section-intro .lead{max-width:none;width:100%}
.chapter-verbessern .services{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.chapter-automatisieren .split{column-gap:clamp(48px,6vw,96px)}
.chapter-automatisieren .section-intro{min-width:0;container-type:inline-size}
.chapter-automatisieren .section-intro h2{font-size:clamp(32px,10.6cqi,64px);text-wrap:wrap;max-width:100%;line-height:1.06}
.chapter-automatisieren .cases{min-width:0}
.chapter-analysieren .section>h2,.chapter-aktuelle-projekte .home-projects-header h2,.chapter-prozess .section>h2{width:100%;text-wrap:wrap}
.manifesto-body>.lead,.chapter-aktuelle-projekte .home-project-entry p{width:100%;text-wrap:wrap}
@media(max-width:760px){.chapter-verbessern .services{grid-template-columns:minmax(0,1fr)}.chapter-automatisieren .section-intro h2{font-size:clamp(30px,10.6cqi,48px)}}
@media(prefers-reduced-motion:reduce){.chapter-digital-business-check{background:#fff}}

.chapter-prozess>.section{container-type:inline-size}
.chapter-prozess .section>h2{font-size:clamp(36px,5.6cqi,68px)}
@media(max-width:760px){.chapter-prozess .section>h2{font-size:42px}}