:root{--ink:#202734;--muted:#737e90;--accent:#5b65c7;--line:#d9deea;--scene-a:#e3e7f5;--scene-b:#eee9e2;--scene-c:#e3e9ec;--bg-y:0px;--bg-x:0px;--read:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#f4f5f7;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#6e77cb;color:white}.skip{position:fixed;top:-70px;left:15px;z-index:100;background:#fff;padding:15px}.skip:focus{top:15px}main,footer{position:relative;z-index:1}.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.ambient-base{position:absolute;inset:0;background:linear-gradient(150deg,#f7f7f8,#eef1f6)}.ambient-orb{position:absolute;border-radius:50%;filter:blur(65px);opacity:.6;transition:background 1.4s ease;will-change:transform}.orb-one{width:70vw;height:75vw;left:40%;top:-45%;background:var(--scene-a);transform:translate3d(var(--bg-x),var(--bg-y),0)}.orb-two{width:65vw;height:65vw;left:-35%;top:30%;background:var(--scene-b);transform:translate3d(calc(var(--bg-x) * -.6),calc(var(--bg-y) * -.5),0)}.orb-three{width:60vw;height:60vw;left:50%;top:70%;background:var(--scene-c);transform:translate3d(calc(var(--bg-x) * -.7),calc(var(--bg-y) * -.4),0);opacity:.4}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#6e7c9810 1px,transparent 1px),linear-gradient(90deg,#6e7c9810 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse at 85% 35%,#0008,transparent 65%);opacity:.35;transform:translateY(calc(var(--bg-y) * .15))}.ambient-contour{position:absolute;inset:0;width:100%;height:100%;transform:translateY(calc(var(--bg-y) * -.12));opacity:.22}.ambient-contour path{fill:none;stroke:#a3acc4;stroke-width:.7}.ambient-contour path+path{opacity:.45}.site-header{position:fixed;left:0;top:0;width:100%;z-index:30;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:background .5s,padding .5s,border-color .5s,box-shadow .5s}.has-scrolled .site-header{background:#f6f7facb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding-top:18px;padding-bottom:18px;border-color:#dfe3ec96;box-shadow:0 5px 24px #293b5b03}.brand{font-size:17px;letter-spacing:-.6px;font-weight:600;line-height:1.3}.brand>span{display:block;font-weight:400;font-size:9px;color:#8790a0;letter-spacing:.3px;margin-top:6px}nav{display:flex;align-items:center;gap:30px;font-size:11px}nav>a{padding:7px 0;position:relative;color:#6b7487;transition:color .3s}nav>a:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#7a84d3;transform:scaleX(0);transform-origin:left;transition:transform .4s}nav>a:hover,nav>a.is-current{color:#2d3546}nav>a:hover:after,nav>a.is-current:after{transform:scaleX(1)}nav>.nav-cta{border:1px solid #bdc5d5;padding:11px 17px;border-radius:30px;color:#343d51}nav>.nav-cta:after{display:none}.reading{position:absolute;top:0;left:0;height:2px;width:100%;background:#777fc6;transform:scaleX(var(--read));transform-origin:left}.hero{padding:150px 5% 0;min-height:760px;height:100svh;max-height:1050px;display:flex;flex-direction:column;position:relative}.hero-top{display:flex;justify-content:space-between;gap:30px;color:#7b8496;font-size:8px;letter-spacing:1.3px}.hero-kicker{display:flex;align-items:center;gap:10px}.hero-kicker i{width:5px;height:5px;border-radius:50%;background:#7580c2;box-shadow:0 0 0 5px #7b86ca0a;animation:breathe 4s ease-in-out infinite}.hero-title{margin:auto 0 0;padding-top:55px;position:relative}.hero h1{font-size:clamp(59px,7.45vw,122px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:0}.title-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.08em}.title-line>span{display:block;animation:line-enter 1.25s cubic-bezier(.16,1,.3,1) both}.title-line:nth-child(2)>span{animation-delay:.15s}em{font-style:normal;font-weight:inherit}.hero h1 em{background:linear-gradient(110deg,#7c8598,#59658b 50%,#7f85ad);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{margin-top:35px;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-description>p{font-size:14px;line-height:1.85;color:#737e90;margin:0;max-width:480px}.hero-actions{display:flex;align-items:center;gap:25px}.primary-link{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:#353e54;color:#fafbff;border:1px solid #ffffff19;padding:16px 21px;border-radius:5px;font-size:11px;font-weight:450;box-shadow:0 6px 18px #2637530b;transition:transform .35s,box-shadow .35s,background .35s;position:relative;overflow:hidden}.primary-link:before{content:'';position:absolute;top:-50%;left:-100%;width:55%;height:200%;background:linear-gradient(90deg,transparent,#ffffff13,transparent);transform:skewX(-20deg);transition:left .7s}.primary-link:hover:before{left:150%}.primary-link:hover{background:#48546f;transform:translateY(-2px);box-shadow:0 12px 24px #26375319}.primary-link>span{font-size:18px;transition:transform .3s}.primary-link:hover>span{transform:translate(2px,-2px)}.secondary-link{font-size:10px;color:#727d90;display:flex;gap:16px;align-items:center}.secondary-link>span{font-size:15px;transition:transform .4s}.secondary-link:hover>span{transform:translateY(4px)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:auto;padding:65px 0 30px}.hero-proof{display:flex;flex-direction:column;gap:18px}.hero-proof>span{font-size:7px;letter-spacing:1.3px;color:#939bae}.hero-proof>div{display:flex;align-items:center;gap:25px}.hero-proof a{font-size:11px;color:#657085;transition:color .3s}.hero-proof a:hover{color:#29344e}.proof-divider{height:15px;width:1px;background:#cfd5e0}.scroll-cue{display:flex;gap:20px;align-items:center}.scroll-cue>span{font-size:7px;letter-spacing:1px;color:#8b95a8}.scroll-cue>b{font-size:18px;font-weight:400;width:40px;height:40px;border:1px solid #cbd2e0;border-radius:50%;display:grid;place-items:center;animation:scroll-nudge 3s ease-in-out infinite}.label{font-size:8px;letter-spacing:1.3px;font-weight:400;color:#7d899d;line-height:1.7}.chapter-heading{display:grid;grid-template-columns:.75fr 2.25fr;gap:30px;margin-bottom:50px}.chapter-heading>.label{padding-top:8px}.chapter-heading>div{text-align:center;max-width:860px;margin:0 auto;width:100%}h2{font-weight:500;font-size:clamp(35px,4vw,64px);line-height:1.13;letter-spacing:-.055em;margin:0 0 25px;text-wrap:balance}h2 em{color:#8a94a8}.chapter-heading p{max-width:460px;margin:0 auto;color:#7b8699;font-size:12px;line-height:1.85;text-wrap:pretty}.offerings,.partners,.concepts,.about{padding:100px 5%;position:relative}.offerings{border-top:1px solid #d4dae458}.offering-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;perspective:1400px}.offering{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;background:#ffffff68;border:1px solid #ffffffb8;border-radius:10px;padding:32px;box-shadow:0 8px 30px #3c4b6b04;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:border-color .5s,box-shadow .5s,transform .4s;backdrop-filter:blur(12px)}.offering:before{content:'';position:absolute;inset:0;background:radial-gradient(450px circle at var(--pointer-x,50%) var(--pointer-y,0%),#d9dff633,transparent 70%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:-1}.offering:hover:before{opacity:1}.offering:hover{border-color:#c7d0e4;box-shadow:0 18px 42px #3c4b6b0a}.offering-top{display:flex;justify-content:space-between;align-items:center;color:#7e89ad;margin-bottom:27px}.offering-top>span{font-size:9px;letter-spacing:1px}.offering-top svg{width:31px;height:31px;transition:transform .6s}.offering:hover .offering-top svg{transform:translateY(-3px) rotate(-4deg)}.offer-eyebrow{font-size:7px;letter-spacing:1.1px;color:#8c96ab}.offering h3{font-size:25px;letter-spacing:-.9px;font-weight:500;line-height:1.25;margin:13px 0 16px}.offering>p{font-size:12px;line-height:1.85;max-width:430px;color:#788497;margin:0}.offering ul{list-style:none;padding:22px 0 15px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 23px}.offering li{position:relative;padding:7px 0 7px 14px;font-size:10px;line-height:1.8;color:#6b778c}.offering li:before{content:'—';position:absolute;left:0;color:#9da8c0;font-size:8px}.offer-note{font-size:9px;line-height:1.8;color:#949db0;margin-bottom:20px}.offering>a{margin-top:auto;padding-top:18px;border-top:1px solid #d8dfea;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#566689}.offering>a>span{font-size:19px;transition:transform .4s}.offering>a:hover>span{transform:translate(3px,-3px)}.partners{border-top:1px solid #cfd8e356;border-bottom:1px solid #cfd8e356}.partner{border-top:1px solid #cbd4e166;padding-top:30px;margin-top:50px}.partner-heading{display:grid;grid-template-columns:.75fr 1.7fr 170px;gap:25px;align-items:center;min-height:105px}.partner-heading h3{font-size:25px;font-weight:500;letter-spacing:-.9px;line-height:1.3;text-align:center;margin:0;text-wrap:balance}.partner-heading h3>span{display:block;font-size:9px;font-weight:400;letter-spacing:.2px;color:#8b95a7;margin-top:12px}.partner-logo-frame{display:flex;justify-content:center;align-items:center;justify-self:end;width:170px;height:100px;border-radius:6px;background:#ffffff24}.partner-logo{width:150px;height:80px;object-fit:contain;display:block}.partner-monogram{display:flex;flex-direction:column;justify-content:center;align-items:center;width:150px;text-align:center;color:#687286}.ar-letters{font-family:Georgia,serif;font-size:65px;line-height:.92;letter-spacing:-5px;padding-right:5px}.ar-caption{font-size:6px;letter-spacing:1px;width:150px;text-align:center;line-height:1.4;margin-top:10px}.partner-body{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;margin:40px 0 50px}.partner-copy h4{font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin:18px 0}.partner-copy p{font-size:12px;line-height:1.9;color:#7a8699;max-width:330px;margin:15px 0}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #b5c0d3;padding:10px 0;font-size:10px;color:#627197}.text-link>span{font-size:18px}.partner-results{display:grid;grid-template-columns:1fr 1fr;gap:30px}.result-card{min-width:0}.result-heading h3{display:none}.result-heading>span{font-size:8px;letter-spacing:.7px;color:#8c98ac}.result-numbers{display:flex;flex-direction:column;gap:22px;margin-top:20px}.result-numbers strong{display:block;font-size:52px;font-weight:450;letter-spacing:-2.5px;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums;min-height:58px}.result-numbers div:nth-child(2) strong{font-size:31px;letter-spacing:-1.3px;color:#6b789e;min-height:35px}.result-numbers>div>span{display:block;font-size:9px;line-height:1.6;color:#8591a6;margin-top:7px}.counter-digits{display:inline-block;transform:translateY(var(--counter-y,0px));opacity:var(--counter-opacity,1);will-change:transform}.result-footer{margin-top:25px;border-top:1px solid #c8d2e280;padding-top:14px;display:flex;flex-direction:column;align-items:start;gap:10px}.result-footer>span{font-size:8px;line-height:1.6;color:#8793a7}.result-footer b{font-weight:400;color:#68758c;margin-left:5px;font-variant-numeric:tabular-nums}.result-footer button{padding:5px 0;background:transparent;border:0;border-bottom:1px solid #a6b4ce;color:#66789f;font-size:9px}.website-showcase{display:block;position:relative;max-width:850px;margin:0 auto;background:linear-gradient(130deg,#dce3f1aa,#cbd8e6aa);border:1px solid #ffffff8a;border-radius:8px;padding:35px 8% 0;overflow:hidden}.browser{border-radius:5px 5px 0 0;background:white;overflow:hidden;box-shadow:0 18px 50px #31446715;transform:translateY(var(--browser-shift,0px));transition:transform .7s}.website-showcase:hover .browser{transform:translateY(-5px)}.browser-top{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:8px;color:#8794aa;background:#f9faff}.browser-top>span:first-child{font-size:6px;letter-spacing:3px;color:#c0cadc}.website-viewport{position:relative;overflow:hidden}iframe{position:absolute;top:0;left:0;width:1440px;height:1100px;transform:scale(var(--frame-scale,.6));transform-origin:top left;pointer-events:none;border:0}.website-action{position:absolute;bottom:18px;right:18px;background:#f7f8fbed;padding:12px 17px;border-radius:30px;font-size:9px;box-shadow:0 2px 15px #3144670a}.results-note{max-width:650px;margin:35px 0 0;font-size:9px;color:#99a1b2;line-height:1.8}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 25px;max-width:1050px;margin:auto}.concept{margin:0;min-width:0}.image-button{width:100%;height:310px;position:relative;padding:23px;display:block;background:linear-gradient(145deg,#e7eaf269,#dbe2ee75);border:1px solid #fff9;border-radius:7px;overflow:hidden;transform:translateY(var(--concept-y,0px));transition:background .6s;cursor:zoom-in}.image-button>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #25385d17);display:block;transition:transform .9s cubic-bezier(.2,.7,.3,1),filter .6s}.image-button:hover>img{transform:scale(1.045) rotate(-.7deg);filter:drop-shadow(0 12px 17px #25385d27)}.image-action{position:absolute;right:14px;bottom:14px;font-size:8px;padding:10px 12px;background:#f8f9fde8;border:1px solid #fff8;border-radius:30px;opacity:0;transform:translateY(8px);transition:.4s}.image-button:hover .image-action,.image-button:focus-visible .image-action{opacity:1;transform:none}figcaption{display:flex;align-items:start;gap:10px;margin-top:17px}.concept-index{font-size:7px;color:#a0abc0;padding-top:5px}figcaption h3{font-size:11px;line-height:1.5;letter-spacing:-.1px;font-weight:450;margin:0}.concept-type{display:none}.workflow{padding:85px 5%;border-top:1px solid #cfd8e356;border-bottom:1px solid #cfd8e356}.story-sticky{text-align:center}.story-sticky>.label{text-align:left}.story h2{margin:30px 0 0}.story-track{display:none}.story-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:45px}.story-step{padding:25px 0;border-top:1px solid #ccd6e5;position:relative}.story-step:before{content:'';position:absolute;top:-1px;left:0;height:1px;width:100%;background:linear-gradient(90deg,#7989b6,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.1s .3s}.story-step.in-view:before{transform:scaleX(1)}.step-num{font-size:8px;letter-spacing:1px;color:#7f8fb2}.story-step h3{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.8px;margin:22px 0 17px}.story-step p{font-size:12px;line-height:1.9;color:#7b889d;margin:0;max-width:345px}.about>.label{margin-bottom:30px}.about-heading{max-width:1000px;margin:0 auto 45px;text-align:center}.bio-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:auto;border-top:1px solid #ccd5e3;border-bottom:1px solid #ccd5e3}.bio-grid>article{padding:35px 40px 35px 0}.bio-grid>article+article{padding:35px 0 35px 40px;border-left:1px solid #ccd5e3}.bio-label{font-size:8px;letter-spacing:1.1px;color:#8e9ab0}.bio-grid h3{font-size:27px;font-weight:500;line-height:1.25;letter-spacing:-.8px;margin:22px 0}.bio-person h3>span{display:block;font-size:10px;font-weight:400;letter-spacing:.1px;margin-top:10px;color:#8a96ad}.bio-grid p{max-width:400px;font-size:12px;line-height:1.9;color:#7a889f;margin:15px 0}.bio-bottom{max-width:1000px;margin:22px auto 0;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#8a98af}.bio-bottom>span:before{content:'';display:inline-block;width:4px;height:4px;background:#9aa8cc;border-radius:50%;vertical-align:middle;margin-right:8px}.contact-section{padding:95px 5%;text-align:center;position:relative;overflow:hidden;border-top:1px solid #d9e0eb}.contact-section:before{content:'';position:absolute;left:15%;right:15%;top:0;height:1px;background:linear-gradient(90deg,transparent,#b1bdd6,transparent)}.contact-section h2{font-size:clamp(40px,5vw,80px);margin:30px 0}.contact-section>p{font-size:13px;line-height:1.9;color:#7f8ba1;max-width:600px;margin:0 auto 30px}.contact-section .primary-link{font-size:11px}.contact-detail{display:block;font-size:9px;color:#9ca6ba;margin-top:20px}footer{border-top:1px solid #cfd8e366;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span,footer>a:not(.brand){font-size:9px;color:#919db3}.reveal{transition:opacity 1s cubic-bezier(.16,1,.3,1),translate 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0ms)}.motion-ready .reveal:not(.in-view){opacity:0;translate:0 25px}.motion-ready .hero-top,.motion-ready .hero-description,.motion-ready .hero-bottom{animation:fade-enter 1.15s cubic-bezier(.16,1,.3,1) both}.motion-ready .hero-description{animation-delay:.25s}.motion-ready .hero-bottom{animation-delay:.4s}dialog{max-width:95vw;max-height:94dvh;overflow:auto;background:#f5f7fb;border:1px solid #ffffffb8;border-radius:9px;padding:20px;box-shadow:0 35px 100px #1a27493d}dialog::backdrop{background:#1d294aa8;backdrop-filter:blur(16px)}.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px}.lightbox-top h2{font-size:12px;letter-spacing:0;font-weight:450;margin:0}.close{padding:10px 14px;background:#e7ecf5;color:#707e9a;border:1px solid #dce3ef;border-radius:4px;font-size:10px}dialog>img{display:block;width:auto;max-width:100%;max-height:78dvh;object-fit:contain;margin:auto}.modal-open{overflow:hidden}#contact-dialog{width:520px;padding:30px}#contact-dialog .contact-close{display:block;margin:0 0 25px auto}#contact-dialog h2{font-size:27px;line-height:1.2;letter-spacing:-1px;margin:20px 0}#contact-dialog p{font-size:12px;line-height:1.8;color:#7d899f}#contact-dialog label{display:block;font-size:10px;color:#7d899f;margin:25px 0 12px}#contact-dialog textarea{width:100%;min-height:145px;padding:14px;border:1px solid #cdd7e8;border-radius:5px;background:#f8faff;color:#5a6983;resize:vertical;font:12px/1.8 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}#contact-dialog textarea:focus{outline:2px solid #96a7d0;outline-offset:2px}#copy-contact{margin-top:17px}#copy-status{min-height:20px;margin-bottom:0}@keyframes line-enter{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-enter{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes breathe{50%{box-shadow:0 0 0 7px #7b86ca08;opacity:.6}}@keyframes scroll-nudge{0%,70%,100%{transform:translateY(0)}35%{transform:translateY(4px)}}@media(min-width:1700px){main,footer{max-width:1800px;margin:auto}.site-header{padding-left:max(5%,calc((100vw - 1620px)/2));padding-right:max(5%,calc((100vw - 1620px)/2))}.hero{min-height:850px}.hero h1{font-size:135px}}@media(max-width:1000px){.hero-actions{gap:20px;flex-wrap:wrap}.hero h1{font-size:clamp(57px,7.7vw,95px)}.hero-description{gap:25px}.hero-description>p{font-size:13px}.chapter-heading{grid-template-columns:.7fr 2.3fr}.partner-heading{grid-template-columns:.7fr 1.5fr 140px}.partner-logo-frame{width:140px}.partner-logo{width:130px}.partner-monogram{width:130px}.ar-caption{width:130px;font-size:5px;letter-spacing:.9px}.ar-letters{font-size:58px}.offering{padding:27px}.concept-grid{gap:32px 20px}.image-button{height:285px;padding:19px}}@media(max-width:800px){html{scroll-padding-top:90px}.site-header{padding:23px 6%}.has-scrolled .site-header{padding-top:16px;padding-bottom:16px}.brand{font-size:15px}.brand>span{font-size:8px}nav{gap:15px}nav>a:not(.nav-cta){display:none}nav>.nav-cta{font-size:9px;padding:9px 13px}.hero{padding:125px 6% 0;min-height:690px;height:94svh;max-height:890px}.hero-top{font-size:7px;letter-spacing:1px}.hero-corner{display:none}.hero-title{padding-top:40px;margin-top:auto}.hero h1{font-size:clamp(38px,8.9vw,68px);line-height:1.09;letter-spacing:-.06em}.hero-description{display:block;margin-top:25px}.hero-description>p{font-size:12px;line-height:1.85;max-width:340px}.hero-description>p br{display:none}.hero-actions{margin-top:24px;gap:20px;flex-wrap:wrap}.primary-link{font-size:10px;padding:14px 17px;gap:24px}.primary-link>span{font-size:16px}.secondary-link{font-size:9px;gap:10px}.hero-bottom{padding:45px 0 27px;align-items:end;gap:15px}.hero-proof{gap:14px}.hero-proof>span{font-size:6px;letter-spacing:1px}.hero-proof>div{gap:14px;flex-wrap:wrap}.hero-proof a{font-size:8px}.proof-divider{height:10px}.scroll-cue>span{display:none}.scroll-cue>b{width:33px;height:33px;font-size:16px}.label{font-size:7px;letter-spacing:1px}.offerings,.partners,.concepts,.about{padding:65px 6%}.chapter-heading{display:block;margin-bottom:33px}.chapter-heading>.label{display:block;padding-top:0;margin-bottom:25px}.chapter-heading h2,h2{font-size:34px;line-height:1.15;margin-bottom:22px}.chapter-heading p{font-size:11px;max-width:340px}.offering-grid{grid-template-columns:1fr;gap:16px}.offering{padding:26px;border-radius:8px;backdrop-filter:none}.offering-top{margin-bottom:22px}.offering h3{font-size:24px}.offering>p{font-size:12px}.offering ul{gap:0 15px;padding-top:18px}.offering li{font-size:10px}.offering>a{font-size:10px}.partner{margin-top:35px;padding-top:25px}.partner-heading{grid-template-columns:minmax(0,1fr) 110px;gap:15px;min-height:90px}.partner-heading>.label{grid-column:1 / -1}.partner-heading h3{font-size:19px;letter-spacing:-.6px}.partner-heading h3>span{font-size:8px;margin-top:8px}.partner-logo-frame{width:110px;height:75px;background:transparent}.partner-logo{width:105px;height:65px}.partner-monogram{width:105px}.ar-letters{font-size:48px;letter-spacing:-4px;padding-right:4px}.ar-caption{width:105px;font-size:4px;letter-spacing:.65px;margin-top:8px}.partner-body{grid-template-columns:1fr;gap:28px;margin:28px 0 35px}.partner-copy h4{font-size:26px}.partner-copy p{font-size:11px;max-width:100%}.partner-results{gap:25px;border-top:1px solid #cbd4e1;padding-top:23px}.result-heading>span{font-size:7px}.result-numbers{gap:20px}.result-numbers strong{font-size:44px;min-height:49px}.result-numbers div:nth-child(2) strong{font-size:28px;min-height:32px}.result-numbers>div>span{font-size:8px}.result-footer{margin-top:20px}.result-footer>span{font-size:7px}.result-footer b{display:block;margin-left:0}.result-footer button{font-size:8px}.website-showcase{padding:22px 6% 0;border-radius:6px}.browser-top{height:22px;font-size:6px;padding:0 8px}.browser-top>span:first-child{font-size:5px;letter-spacing:1px}.website-action{font-size:8px;padding:10px 13px;bottom:10px;right:10px}.results-note{font-size:8px;line-height:1.8;margin-top:30px}.concept-grid{grid-template-columns:1fr 1fr;gap:28px 14px}.image-button{height:215px;padding:13px;border-radius:5px;transform:none}.image-action{opacity:1;transform:none;right:8px;bottom:8px;font-size:6px;padding:7px 9px}figcaption{margin-top:12px;gap:7px}figcaption h3{font-size:9px}.concept-index{font-size:6px;padding-top:3px}.workflow{padding:60px 6%}.story h2{margin-top:25px}.story-steps{grid-template-columns:1fr;gap:6px;margin-top:30px}.story-step{padding:24px 0}.story-step h3{font-size:24px;margin:18px 0 15px}.story-step p{font-size:12px;max-width:none}.about>.label{margin-bottom:25px}.about-heading{margin-bottom:30px}.bio-grid{grid-template-columns:1fr}.bio-grid>article,.bio-grid>article+article{padding:26px 0;border-left:0}.bio-grid>article+article{border-top:1px solid #ccd5e3}.bio-grid h3{font-size:25px;margin:18px 0}.bio-grid p{font-size:12px;max-width:100%}.bio-bottom{flex-wrap:wrap;justify-content:center;gap:12px 18px;font-size:8px}.contact-section{padding:65px 6%}.contact-section h2{font-size:39px;line-height:1.12;margin:25px 0}.contact-section>p{font-size:12px}.contact-section p br{display:none}.contact-section .primary-link{font-size:10px;gap:18px}.contact-detail{font-size:8px}footer{padding:26px 6%;gap:20px}footer>.brand{font-size:13px}footer>.brand>span{font-size:7px}footer>span{display:none}footer>a:not(.brand){font-size:8px}.ambient-orb{filter:blur(45px);opacity:.5}.orb-one{width:120vw;height:120vw;left:15%;top:-15%}.orb-two{width:100vw;height:120vw;left:-60%;top:30%}.orb-three{width:100vw;height:100vw;left:20%;top:75%}.ambient-grid{opacity:.2;background-size:65px 65px}.ambient-contour{opacity:.13}dialog{padding:12px;max-width:96vw}.lightbox-top{gap:12px}.lightbox-top h2{font-size:10px}.close{font-size:9px;padding:9px;white-space:nowrap}#contact-dialog{padding:22px}#contact-dialog h2{font-size:24px}}@media(max-width:420px){.offering ul{grid-template-columns:1fr}.hero h1{font-size:clamp(33px,8.8vw,40px)}.hero-proof>div{gap:10px}.hero-proof a{font-size:7px}.image-button{height:195px;padding:10px}.chapter-heading h2,h2{font-size:31px}.hero-actions{gap:17px}.primary-link{gap:18px;padding:14px 15px}.contact-section h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.in-view){opacity:1;translate:none}.offering,.image-button{transform:none!important}.ambient-orb,.ambient-grid,.ambient-contour{transform:none!important}.counter-digits{transform:none!important;opacity:1!important}}
/* Scroll-led editorial pacing, adapted to a compact personal portfolio. */
.scroll-statement{height:165vh;padding:0 5%;position:relative;border-top:1px solid #d4dae458}.statement-pin{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:110px 0 50px}.statement-pin>.label{margin-bottom:35px}.statement-pin h2{font-size:clamp(37px,5.5vw,88px);font-weight:450;line-height:1.12;letter-spacing:-.055em;max-width:1180px;margin:0;text-wrap:pretty}.statement-word{color:#a1aab951;transition:color .15s}.statement-word.is-lit{color:#384153}.statement-bottom{display:flex;justify-content:space-between;margin-top:50px;gap:25px;font-size:7px;letter-spacing:1px;color:#8d99ad}.concepts{padding-bottom:0}.concept-scroll{height:155vh;position:relative;margin-top:-5px}.concept-pin{position:sticky;top:120px;overflow:hidden;padding:10px 0 45px}.concept-grid{display:flex;width:max-content;max-width:none;margin:0;gap:25px;transform:translate3d(var(--rail-x,0px),0,0);will-change:transform}.concept{width:clamp(230px,24vw,340px);flex:none}.concept .image-button{height:340px}.concept-index{font-size:8px}.concept figcaption h3{font-size:12px}.concept .image-button{transform:translateY(var(--concept-y,0px))}.project-cursor{position:fixed;left:0;top:0;z-index:50;pointer-events:none;border-radius:50%;width:74px;height:74px;background:#3a4360e8;color:#fff;display:grid;place-items:center;font-size:9px;letter-spacing:.3px;opacity:0;scale:.6;translate:-50% -50%;transition:opacity .25s,scale .35s;backdrop-filter:blur(10px)}.project-cursor.is-active{opacity:1;scale:1}.concept .image-button:focus-visible .image-action{opacity:1}.hero-title{transform:translateY(var(--title-y,0px));opacity:var(--title-opacity,1);will-change:transform}.hero-description{transform:translateY(var(--description-y,0px))}@media(hover:hover) and (pointer:fine){.concept .image-button{cursor:none}.concept .image-button:hover .image-action{opacity:0}}@media(max-width:800px){.scroll-statement{height:auto;padding:60px 6%}.statement-pin{position:relative;top:auto;min-height:0;padding:0}.statement-pin>.label{margin-bottom:28px}.statement-pin h2{font-size:35px;line-height:1.18}.statement-bottom{margin-top:30px;font-size:6px;line-height:1.8}.statement-bottom>span:last-child{max-width:125px;text-align:right}.concepts{padding-bottom:65px}.concept-scroll{height:auto;margin-top:0}.concept-pin{position:relative;top:auto;padding:0;overflow:visible}.concept-grid{display:grid;grid-template-columns:1fr 1fr;width:auto;gap:28px 14px;transform:none}.concept{width:auto}.concept .image-button{height:215px;transform:none}.concept figcaption h3{font-size:9px}.project-cursor{display:none}.hero-title,.hero-description{transform:none!important;opacity:1!important}}@media(max-width:420px){.statement-pin h2{font-size:31px}.concept .image-button{height:195px}}@media(prefers-reduced-motion:reduce){.scroll-statement{height:auto;padding-top:75px;padding-bottom:75px}.statement-pin{position:relative;min-height:0;padding:0}.statement-word{color:#384153}.concept-scroll{height:auto}.concept-pin{position:relative;top:auto;overflow:visible}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:auto;transform:none!important}.concept{width:auto}.project-cursor{display:none}.hero-title,.hero-description{transform:none!important;opacity:1!important}}@media(max-width:800px) and (prefers-reduced-motion:reduce){.concept-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.concept .image-button{cursor:zoom-in}.concept .image-button:hover .image-action{opacity:1}}
/* Interactive sculptural opening. */
.hero-three{isolation:isolate;background:radial-gradient(ellipse at 68% 35%,#24283c 0,transparent 55%),linear-gradient(135deg,#12141e,#191b29);color:#eceef9;padding-top:120px;min-height:850px;height:100svh;max-height:1080px;overflow:hidden}.hero-three:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 58% 58%,#7475bd0d,transparent 58%)}body.at-three-intro .site-header{color:#e6e9f5}body.at-three-intro .site-header .brand>span,body.at-three-intro nav>a{color:#9ca5bd}body.at-three-intro nav>.nav-cta{border-color:#596077;color:#d4daed}body.at-three-intro.has-scrolled .site-header{background:#171a26cb;border-color:#3a41575c}.hero-three .hero-top{color:#8e96b0;position:relative;z-index:3}.hero-three .hero-kicker i{background:#9aa3e0}.three-stage{position:absolute;top:95px;right:4%;width:69%;height:68%;min-height:400px;touch-action:pan-y;z-index:1}.three-stage:after{content:'';position:absolute;left:21%;right:21%;height:8%;bottom:7%;background:#0102096b;border-radius:50%;filter:blur(26px);transform:scale(var(--shadow-scale,1));opacity:.7;pointer-events:none}#three-canvas{position:absolute;inset:0;z-index:2;cursor:grab}#three-canvas canvas{display:block;width:100%;height:100%}.three-fallback{position:absolute;inset:10% 15% 15%;display:flex;align-items:center;justify-content:center;gap:0;font-size:clamp(130px,22vw,350px);letter-spacing:-.15em;font-weight:750;line-height:1;transform:perspective(600px) rotateY(-18deg) rotateX(10deg);background:linear-gradient(120deg,#666b8a,#f0f3ff 25%,#7984b1 43%,#e0e7ff 63%,#656f98);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 20px 20px #0006);transition:opacity .6s;pointer-events:none}.three-ready .three-fallback{opacity:0}.three-hint{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.6px;color:#737d9b;pointer-events:none;white-space:nowrap}.hint-mark{font-size:15px;animation:hint-drift 3s ease-in-out infinite}.touch-hint{display:none}.three-selection{position:relative;z-index:4;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-top:44px}.three-tabs{display:flex;flex-direction:column;gap:4px;max-width:190px;pointer-events:auto}.three-tabs button{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #343b502f;background:transparent;color:#7f89a6;font-size:11px;line-height:1.7;padding:12px 0;text-align:left;transition:color .4s,translate .4s,border-color .4s}.three-tabs button>span{font-size:7px;letter-spacing:.8px;color:#505c7a;transition:color .4s}.three-tabs button:hover,.three-tabs button[aria-pressed=true]{color:#eef0fd;translate:5px 0;border-color:#6c7ca478}.three-tabs button[aria-pressed=true]>span{color:#abb9e8}.three-tabs button:focus-visible{outline-color:#a5b8ee;outline-offset:3px}.three-caption{margin-top:auto;padding-top:30px;max-width:620px;pointer-events:none}.three-caption>span{font-size:7px;letter-spacing:1.5px;color:#6a7699;display:block;margin-bottom:17px}.hero-three h1{font-size:clamp(44px,5.2vw,80px);line-height:1.05;letter-spacing:-.06em;font-weight:450;margin:0;max-width:700px;white-space:normal;transition:opacity .22s,translate .32s}.three-caption>p{font-size:12px;line-height:1.85;max-width:330px;color:#909bb7;margin:22px 0 0;transition:opacity .22s,translate .32s;min-height:44px}.three-caption.is-changing h1,.three-caption.is-changing>p{opacity:0;translate:0 8px}.hero-three .hero-bottom{position:relative;z-index:5;padding-top:28px;padding-bottom:26px;margin-top:0;align-items:center}.hero-three .primary-link{background:#c9d1ef;color:#20283f;border-color:#e1e6fb33;font-size:10px;padding:14px 20px;pointer-events:auto;box-shadow:0 6px 25px #060a1426}.hero-three .primary-link:hover{background:#e0e5fa}.hero-three .scroll-cue{color:#677597}.hero-three .scroll-cue>b{border-color:#3e4864}.hero-three .scroll-cue>span{color:#7583a3}@keyframes hint-drift{50%{translate:3px -3px}}@media(min-width:1700px){.hero-three{max-height:1160px}.hero-three h1{font-size:90px}}@media(max-width:1000px){.three-stage{right:-5%;width:80%;top:110px;height:62%}.hero-three h1{font-size:64px}.three-tabs{max-width:165px}.three-tabs button{font-size:10px}.three-caption{max-width:570px}}@media(max-width:800px){.hero-three{padding:116px 6% 0;min-height:850px;height:105svh;max-height:1050px;background:radial-gradient(ellipse at 60% 32%,#282b42 0,transparent 62%),#151824}.hero-three .hero-top{font-size:6px;letter-spacing:.7px}.three-stage{top:130px;right:-10%;width:120%;height:44%;min-height:280px;max-height:420px}.three-fallback{font-size:55vw}.three-hint{bottom:2%;font-size:7px}.pointer-hint{display:none}.touch-hint{display:inline}.three-selection{padding-top:0;height:100%;justify-content:end}.three-tabs{flex-direction:row;flex-wrap:wrap;gap:4px 14px;max-width:none;width:100%;margin-top:350px;margin-bottom:20px}.three-tabs button{font-size:9px;gap:7px;padding:8px 0;white-space:nowrap}.three-tabs button>span{font-size:6px}.three-tabs button:hover,.three-tabs button[aria-pressed=true]{translate:0 -2px}.three-caption{padding-top:0;max-width:100%;margin-top:0}.three-caption>span{font-size:6px;margin-bottom:13px}.hero-three h1{font-size:clamp(39px,9vw,65px);line-height:1.07;min-height:86px}.three-caption>p{font-size:11px;margin-top:16px;min-height:40px;max-width:320px}.hero-three .hero-bottom{padding-top:24px;padding-bottom:25px;gap:15px}.hero-three .primary-link{font-size:9px;padding:13px 16px;gap:20px}.hero-three .scroll-cue>b{width:32px;height:32px;font-size:16px}}@media(max-width:420px){.hero-three{min-height:810px}.three-stage{height:39%;top:135px}.three-tabs{gap:3px 13px;margin-top:315px}.three-tabs button{font-size:8px}.hero-three h1{font-size:39px}.three-caption>p{font-size:10px}.three-hint{bottom:-2%}}@media(prefers-reduced-motion:reduce){.three-fallback{transform:none}.hint-mark{animation:none}}
/* Faithfully traced source charts with scroll-triggered drawing. */
.partner-body{grid-template-columns:.8fr 1.5fr;gap:7%}.partner-results{grid-template-columns:1fr;gap:30px}.result-card{padding:22px 24px;border:1px solid #ffffff9c;background:#ffffff40;border-radius:8px;overflow:hidden}.result-numbers{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;margin-top:20px}.result-numbers strong{font-size:44px;min-height:49px}.result-numbers div:nth-child(2) strong{font-size:30px;min-height:34px}.result-numbers>div>span{font-size:8px}.performance-chart{margin-top:25px}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;color:#7d8ca4;line-height:1.6}.chart-heading>span:last-child{font-size:6px;letter-spacing:1px;color:#9ba7bb}.performance-svg{display:block;width:100%;height:auto;overflow:visible;margin-top:10px}.chart-grid line{stroke:#bdc9dd;stroke-width:1;opacity:.4}.chart-grid text,.chart-dates text{fill:#9aa9bf;font-size:11px;font-family:inherit}.chart-dates text{font-size:10px}.chart-line{fill:none;stroke:#849bcd;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-source{font-size:7px;color:#a0aabd;line-height:1.8;display:block}.chart-area{opacity:.8}.motion-ready .performance-chart .chart-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.7s cubic-bezier(.25,.65,.3,1)}.motion-ready .performance-chart .chart-area{opacity:0;transition:opacity 1.4s .35s}.motion-ready .performance-chart.is-drawn .chart-line{stroke-dashoffset:0}.motion-ready .performance-chart.is-drawn .chart-area{opacity:.8}.result-footer{flex-direction:row;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.result-footer b{display:inline;margin-left:5px}@media(max-width:1000px){.partner-body{grid-template-columns:.75fr 1.5fr;gap:5%}.result-card{padding:20px}.result-numbers strong{font-size:40px}.result-numbers div:nth-child(2) strong{font-size:28px}}@media(max-width:800px){.partner-body{grid-template-columns:1fr;gap:28px}.partner-results{padding-top:0;border:0;gap:18px}.result-card{padding:22px}.result-numbers{gap:20px}.result-numbers strong{font-size:45px;min-height:50px}.result-numbers div:nth-child(2) strong{font-size:30px}.chart-heading{font-size:8px}.chart-heading>span:last-child{font-size:6px}.chart-grid text{font-size:13px}.chart-dates text{font-size:12px}.chart-source{font-size:7px}.result-footer{font-size:8px}.result-footer>span{font-size:8px}.result-footer b{font-size:9px}}@media(prefers-reduced-motion:reduce){.motion-ready .performance-chart .chart-line{stroke-dashoffset:0}.motion-ready .performance-chart .chart-area{opacity:.8}}
/* One sculptural mark. One message. One action. */
.minimal-three.hero-three{min-height:760px;height:100svh;max-height:1100px;padding:105px 5% 35px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 35%,#262c3a 0,#1b202b 42%,#151922 80%);text-align:center}.minimal-three:after{display:none}.minimal-three .three-stage{position:relative;top:auto;right:auto;width:100%;height:0;flex:1;min-height:300px;max-height:600px;margin:0;touch-action:pan-y;outline-offset:-15px}.minimal-three .three-stage:after{left:35%;right:35%;bottom:13%;height:5%;filter:blur(22px);background:#0005;opacity:.4}.minimal-three .three-fallback{inset:8% 20% 10%;background:none;transform:perspective(800px) rotateY(8deg) rotateX(-8deg);filter:drop-shadow(0 20px 16px #02050c36);font-size:0;display:flex;align-items:center;justify-content:center}.minimal-three .three-fallback svg{width:100%;height:100%;overflow:visible}.minimal-three #three-canvas{cursor:default}.minimal-hero-copy{position:relative;z-index:4;flex:none;padding-top:0;pointer-events:none}.minimal-three h1{font-size:clamp(41px,4.9vw,78px);line-height:1.09;letter-spacing:-.055em;font-weight:450;margin:0;max-width:1050px;min-height:0;opacity:1;translate:none;transform:none;transition:none;color:#f0f1f5}.minimal-three h1>span{color:#9aa7be}.minimal-service-line{margin:22px 0 0;height:22px;display:flex;justify-content:center;align-items:center;overflow:hidden}.minimal-service-line>span{display:block;font-size:11px;letter-spacing:.5px;color:#6f7e99;transition:opacity .2s,translate .2s}.minimal-service-line>span.is-changing{opacity:0;translate:0 5px}.minimal-three .hero-bottom{padding:28px 0 0;margin:0;display:flex;justify-content:center;align-items:center;flex:none;animation:none!important;transform:none!important;translate:none!important}.minimal-three .primary-link{background:#c5cfe4;color:#252f44;font-size:10px;letter-spacing:.2px;gap:27px;padding:14px 20px;border-radius:4px;box-shadow:none}.minimal-three .primary-link:hover{background:#e0e6f2;transform:translateY(-1px);box-shadow:none}.minimal-three .primary-link:before{display:none}.minimal-three .primary-link>span{font-size:17px}.minimal-three .three-stage:focus-visible{outline:1px solid #8193b8;border-radius:9px}body.at-three-intro nav>.nav-cta{border-color:#4b576f}body.at-three-intro .reading{background:#9aa7be}@media(min-width:1700px){.minimal-three.hero-three{padding-top:110px;padding-bottom:45px}.minimal-three h1{font-size:84px}}@media(max-width:800px){.minimal-three.hero-three{padding:100px 6% 35px;min-height:690px;height:100svh;max-height:1000px;background:radial-gradient(ellipse at 50% 35%,#252c3b 0,#191e29 50%,#151922 85%)}.minimal-three .three-stage{width:115%;min-height:280px;max-height:480px;flex:1;height:0;top:auto;right:auto;margin:0}.minimal-three .three-stage:after{left:30%;right:30%;bottom:12%}.minimal-three .three-fallback{inset:10% 12% 10%}.minimal-three h1{font-size:clamp(32px,7.7vw,57px);line-height:1.12;letter-spacing:-.055em;min-height:0}.minimal-service-line{margin-top:18px;height:20px}.minimal-service-line>span{font-size:9px;letter-spacing:.4px}.minimal-three .hero-bottom{padding-top:23px;padding-bottom:0;gap:0}.minimal-three .primary-link{font-size:9px;padding:13px 18px;gap:23px}.minimal-three .primary-link>span{font-size:16px}}@media(max-width:420px){.minimal-three.hero-three{min-height:650px;padding-top:95px;padding-bottom:30px}.minimal-three .three-stage{min-height:265px}.minimal-three h1{font-size:clamp(30px,7.7vw,36px)}}@media(prefers-reduced-motion:reduce){.minimal-three .three-fallback{transform:none}.minimal-three .primary-link:hover{transform:none}}
/* Compact report carousels, one per ongoing partnership. */
.results-carousel{min-width:0;width:100%;position:relative}.results-carousel .partner-results{display:flex;align-items:stretch;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 10px;border:0;overscroll-behavior-x:contain;position:relative}.results-carousel .partner-results::-webkit-scrollbar{display:none}.results-carousel .result-card{flex:0 0 min(86%,370px);scroll-snap-align:start;padding:20px 22px;min-width:0}.results-carousel .result-numbers{margin-top:17px;gap:20px}.results-carousel .result-numbers strong{font-size:39px;min-height:44px;letter-spacing:-1.7px}.results-carousel .result-numbers div:nth-child(2) strong{font-size:27px;min-height:31px;letter-spacing:-1px}.results-carousel .result-numbers>div>span{font-size:8px}.campaign-meta{display:flex;align-items:center;gap:10px;margin-top:12px;padding:9px 0;border-top:1px solid #cbd5e75c;border-bottom:1px solid #cbd5e75c;font-size:7px;letter-spacing:.1px;color:#8a99b2}.campaign-meta>span+span{border-left:1px solid #b9c6dd70;padding-left:10px}.results-carousel .performance-chart{margin-top:18px}.results-carousel .chart-heading{font-size:7px}.results-carousel .chart-heading>span:last-child{font-size:5px;letter-spacing:.7px}.results-carousel .chart-grid text{font-size:13px}.results-carousel .chart-dates text{font-size:12px}.results-carousel .chart-source{font-size:6px;line-height:1.8}.results-carousel .result-footer{margin-top:14px;gap:10px}.results-carousel .result-footer>span{font-size:7px}.results-carousel .result-footer b{font-size:8px}.results-carousel .result-footer button{font-size:7px}.carousel-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 2px 0;gap:20px}.carousel-count{font-size:8px;letter-spacing:1.5px;color:#8d9bb4;font-variant-numeric:tabular-nums}.carousel-controls>div{display:flex;align-items:center;gap:7px}.carousel-controls button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #c9d3e370;background:#ffffff35;border-radius:50%;color:#7c8da9;font-size:14px;line-height:1;transition:background .3s,border-color .3s}.carousel-controls button:hover{background:#fff9;border-color:#aebed9}.carousel-controls .carousel-pause{font-size:9px;letter-spacing:-2px;padding-right:8px}.carousel-controls .carousel-pause[aria-pressed=true]{background:#dce5f1;color:#5b7195}.results-carousel .partner-results:focus-visible{outline:1px solid #9baccc;outline-offset:5px;border-radius:7px}@media(max-width:800px){.results-carousel .partner-results{gap:14px;padding:4px 2px 10px}.results-carousel .result-card{flex-basis:min(88%,350px);padding:20px}.results-carousel .result-numbers strong{font-size:40px;min-height:45px}.results-carousel .result-numbers div:nth-child(2) strong{font-size:28px}.campaign-meta{font-size:7px;margin-top:11px}.results-carousel .result-footer>span{font-size:7px}.carousel-controls{padding-top:7px}.carousel-controls button{width:32px;height:32px}.results-carousel .chart-source{font-size:6px}}@media(prefers-reduced-motion:reduce){.results-carousel .partner-results{scroll-behavior:auto}}
/* The light portfolio returns; the adaptive AI form stays in the background. */
body.centered-ai{background:#f4f5f7;color:#202734}.centered-ai .ambient-base{background:linear-gradient(150deg,#f8f9fb,#edf1f7)}.centered-ai .ambient-orb{opacity:.4}.centered-ai .ambient-grid{opacity:.16}.centered-ai .ambient-contour{opacity:.1}.centered-ai .site-header{color:#28344b}.centered-ai .site-header .brand>span{color:#8995aa}.centered-ai nav>a{color:#76849b}.centered-ai nav>a:hover,.centered-ai nav>a.is-current{color:#334662}.centered-ai nav>.nav-cta{border-color:#bdc9dc;color:#4a5f80}.centered-ai.has-scrolled .site-header{background:#f5f7fbda;border-color:#ced8e75e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.centered-ai main,.centered-ai footer{position:relative;z-index:2}.scene-shell{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.scene-shell .three-stage{position:absolute!important;inset:0!important;top:0!important;right:0!important;left:0!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;margin:0!important;flex:none!important;pointer-events:none}.scene-shell .three-stage:after{display:none}.scene-shell #three-canvas{pointer-events:none;cursor:default}.scene-shell .three-fallback{position:absolute;inset:25% 30%;display:flex;align-items:center;justify-content:center;background:none;font-size:0;opacity:.22;transform:perspective(800px) rotateX(-8deg) rotateY(12deg);filter:none;transition:opacity .5s}.scene-shell .three-fallback svg{width:100%;height:100%;overflow:visible}.scene-shell.three-ready .three-fallback{opacity:0}.scene-caption{display:none}.centered-ai .minimal-three.hero-three{background:transparent;color:#28354c;min-height:730px;height:100svh;max-height:1100px;padding:120px 5% 75px;justify-content:center;pointer-events:none}.centered-ai .hero-spacer{display:none}.centered-ai .minimal-hero-copy{padding:0;margin:0;z-index:3;pointer-events:none}.centered-ai .minimal-three h1{color:#28374f;font-weight:500;font-size:clamp(43px,5.5vw,87px);line-height:1.1;letter-spacing:-.055em;text-shadow:0 2px 22px #f7f9fc88;max-width:1150px;margin:auto}.centered-ai .minimal-three h1>span{color:#6f83a4}.centered-ai .minimal-service-line{margin-top:25px}.centered-ai .minimal-service-line>span{font-size:11px;color:#8a9bb7;letter-spacing:.35px}.centered-ai .minimal-three .hero-bottom{margin:0;padding-top:30px;pointer-events:auto}.centered-ai .minimal-three .primary-link{background:#344866;color:#f0f4fb;box-shadow:0 6px 20px #32486612}.centered-ai .minimal-three .primary-link:hover{background:#4d6487}.centered-ai .offering{background:linear-gradient(145deg,#ffffffd6,#f7f9fbd1);border-color:#ffffffd6;backdrop-filter:blur(10px)}.centered-ai .results-carousel .result-card{background:#ffffffc2;border-color:#ffffffbf;backdrop-filter:blur(10px)}.centered-ai .image-button{background:linear-gradient(145deg,#e6ebf3bd,#dce4f0c4);border-color:#ffffffa6}.centered-ai .partners{background:#edf1f54d}.centered-ai .workflow{background:#edf1f533}.centered-ai .bio-grid{background:#f7f9fc2b}.centered-ai .contact-section{background:#f3f6fb42}.centered-ai .statement-word{color:#a6b0c05c}.centered-ai .statement-word.is-lit{color:#3c4d68}.centered-ai .contact-section .primary-link{background:#344866}.centered-ai .contact-section .primary-link:hover{background:#4d6487}@media(max-width:800px){.centered-ai .minimal-three.hero-three{padding:110px 6% 65px;min-height:650px;height:100svh}.centered-ai .minimal-three h1{font-size:clamp(34px,8vw,59px);line-height:1.14;letter-spacing:-.055em}.centered-ai .minimal-service-line{margin-top:21px}.centered-ai .minimal-service-line>span{font-size:9px}.centered-ai .minimal-three .hero-bottom{padding-top:25px}.centered-ai .offering,.centered-ai .results-carousel .result-card{backdrop-filter:none;background:#f8faffeb}.scene-shell .three-fallback{inset:30% 15%;opacity:.13}.centered-ai .scene-shell{opacity:.8}.centered-ai .statement-pin h2{font-size:35px}}@media(max-width:420px){.centered-ai .minimal-three h1{font-size:clamp(31px,8vw,37px)}.centered-ai .minimal-three.hero-three{min-height:610px}.centered-ai .statement-pin h2{font-size:31px}}@media(prefers-reduced-motion:reduce){.scene-shell .three-fallback{transform:none}}
/* More colour, with the AI layer introduced only from services onward. */
:root{--accent:#5473c8;--scene-a:#bdcffa;--scene-b:#f1dac5;--scene-c:#d4d7f8}.centered-ai .ambient-base{background:linear-gradient(135deg,#f2f5fc 0%,#edf3fa 48%,#f5f0f9 100%)}.centered-ai .ambient-orb{opacity:.56}.centered-ai .ambient-grid{opacity:.1}.centered-ai .ambient-contour{opacity:.07}.centered-ai .site-header{color:#2a416b}.centered-ai .minimal-three h1{color:#2a4167}.centered-ai .minimal-three h1>span{color:#647db0}.centered-ai .minimal-service-line>span{color:#879ab9}.centered-ai .primary-link,.centered-ai .minimal-three .primary-link,.centered-ai .contact-section .primary-link{background:#465f98;color:#f1f5fd}.centered-ai .primary-link:hover,.centered-ai .minimal-three .primary-link:hover,.centered-ai .contact-section .primary-link:hover{background:#5878b2}.centered-ai .offering{background:linear-gradient(145deg,#f8fbffed,#e8f0fbd9);border-color:#dae4f7;box-shadow:0 8px 25px #5775b007}.centered-ai .offering:nth-child(2){background:linear-gradient(145deg,#faf8ffed,#eee8fbd9);border-color:#e0d9f3}.centered-ai .offering:nth-child(3){background:linear-gradient(145deg,#f6fbfced,#e3f0f4d9);border-color:#d0e5ec}.centered-ai .offering:nth-child(4){background:linear-gradient(145deg,#fffaf5ed,#f7ebdfd9);border-color:#ecdfd0}.centered-ai .offering h3{color:#3c527a}.centered-ai .offering-top,.centered-ai .offer-eyebrow{color:#718bc0}.centered-ai h2 em{color:#788fbb}.centered-ai .partners{background:linear-gradient(145deg,#deedf53b,#e3edf23d)}.centered-ai .results-carousel .result-card{background:linear-gradient(145deg,#f9fcffe8,#e7eff9db);border-color:#d4e1f4}.centered-ai .result-numbers div:nth-child(2) strong{color:#728dc4}.centered-ai .chart-line{stroke:#7c9acc}.centered-ai .carousel-controls button{background:#edf3fc9c;border-color:#b9ccea;color:#6c8bbf}.centered-ai .image-button{background:linear-gradient(145deg,#e4e8f8c7,#d9e4f1d1);border-color:#cfdbef}.centered-ai .workflow{background:linear-gradient(135deg,#e3eefa2b,#e8e2f32e)}.centered-ai .about{background:linear-gradient(145deg,#f1e5d42c,#e6def32e)}.centered-ai .contact-section{background:linear-gradient(145deg,#dfe8f94a,#dbeceb3f)}.centered-ai .scene-shell{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}.centered-ai.ai-visible .scene-shell{opacity:1;visibility:visible}@media(max-width:800px){.centered-ai .ambient-orb{opacity:.5}.centered-ai .scene-shell{opacity:0;visibility:hidden}.centered-ai.ai-visible .scene-shell{opacity:.8;visibility:visible}}@media(prefers-reduced-motion:reduce){.centered-ai .scene-shell{transition:none}}
/* Three service slides, then left-aligned partner results with a 3D logo at right. */
.service-carousel{max-width:1050px;margin:0 auto;min-width:0}.service-carousel .offering-grid{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;padding:5px 2px 12px;position:relative;perspective:none}.service-carousel .offering-grid::-webkit-scrollbar{display:none}.service-carousel .offering{flex:0 0 min(78%,470px);scroll-snap-align:start;min-width:0;translate:none!important;transform:none!important;min-height:410px}.service-carousel .offering-grid:focus-visible{outline:1px solid #a9bcde;outline-offset:5px;border-radius:8px}.service-carousel .carousel-controls{padding-top:9px}.service-carousel .offering ul{grid-template-columns:1fr 1fr}.partner{position:relative;min-height:85svh;padding-bottom:60px}.partner-heading{grid-template-columns:1fr;min-height:0;gap:15px;max-width:57%}.partner-heading h3,.partner-heading h3>span{text-align:left}.partner-body{grid-template-columns:1fr;gap:28px;margin:30px 0 40px;max-width:57%}.partner-copy p{max-width:500px}.partner .website-showcase{max-width:57%;margin-left:0;margin-right:auto;padding-left:6%;padding-right:6%}.partner .results-carousel{width:100%}.partner .results-carousel .result-card{flex-basis:min(88%,370px)}.centered-ai.partner-scene .scene-shell{z-index:1;opacity:1}.brand-fallback{position:absolute;left:65%;right:6%;top:34%;bottom:34%;display:none;align-items:center;justify-content:center;pointer-events:none}.brand-fallback>img{width:100%;max-height:100%;object-fit:contain;display:none;filter:drop-shadow(4px 7px 8px #627ba91f)}body[data-active-sculpture=brand-ar]:not(.brand-texture-ready) .brand-fallback,body[data-active-sculpture=brand-boos]:not(.brand-texture-ready) .brand-fallback{display:flex}body[data-active-sculpture=brand-ar] .brand-fallback-ar,body[data-active-sculpture=brand-boos] .brand-fallback-boos{display:block}.partner-scene .three-fallback{display:none!important}@media(max-width:1000px){.partner-heading,.partner-body{max-width:58%}.partner .website-showcase{max-width:58%}.service-carousel .offering{flex-basis:min(83%,440px);padding:27px}.brand-fallback{left:65%;right:5%}}@media(max-width:800px){.service-carousel .offering-grid{gap:15px;padding-top:4px;padding-bottom:10px}.service-carousel .offering{flex-basis:min(90%,390px);min-height:430px;padding:25px}.service-carousel .offering ul{grid-template-columns:1fr}.partner{min-height:0;padding-bottom:20px}.partner-heading{max-width:100%;grid-template-columns:1fr;gap:13px;padding-right:0}.partner-heading>.label{grid-column:auto}.partner-heading h3{text-align:left;font-size:22px}.partner-heading h3>span{text-align:left}.partner-body{max-width:100%;grid-template-columns:1fr;gap:25px}.partner .website-showcase{max-width:100%;margin-left:0;margin-right:0}.partner .results-carousel .result-card{flex-basis:min(88%,350px)}.centered-ai.partner-scene .scene-shell{opacity:1}.brand-fallback{left:24%;right:24%;top:80px;bottom:auto;height:130px}.partner-scene .site-header{background:#f4f7fbf0}.partner-scene .scene-shell{mask-image:linear-gradient(#000 0%,#000 27%,transparent 40%)}.partner-body .partner-copy{position:relative;z-index:2}.partner-heading,.partner-copy{background:linear-gradient(90deg,#f5f8fbe8,#f5f8fbb3);border-radius:5px}.partner-heading{padding:16px}.partner-copy{padding:15px}.partner-heading h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.service-carousel .offering-grid{scroll-behavior:auto}}
/* Main headings centered on the full page; services arranged around a focal card. */
.chapter-heading{display:block}.chapter-heading>.label{display:block;padding-top:0;margin-bottom:28px;text-align:left}.chapter-heading>div{width:100%;max-width:950px;margin:0 auto;text-align:center}.chapter-heading h2{margin-left:auto;margin-right:auto;text-align:center;max-width:950px;text-wrap:balance}.chapter-heading p{margin-left:auto;margin-right:auto;text-align:center;max-width:510px}.about-heading,.about-heading h2,.workflow .story-sticky h2{text-align:center;margin-left:auto;margin-right:auto}.service-carousel{--service-card-width:min(62vw,470px);max-width:1200px;margin-left:auto;margin-right:auto}.service-carousel .offering-grid{gap:24px;align-items:stretch;padding:32px max(0px,calc((100% - var(--service-card-width))/2)) 35px;scroll-snap-type:x mandatory;scroll-padding:0;overflow-x:auto;overflow-y:hidden}.service-carousel .offering{flex:0 0 var(--service-card-width);scroll-snap-align:center;transform:scale(var(--card-scale,.85))!important;transform-origin:center center;opacity:var(--card-opacity,.64);transition:transform .2s ease,opacity .2s ease,border-color .4s,box-shadow .4s;min-height:450px;cursor:pointer;box-shadow:0 8px 24px #536fa807}.service-carousel .offering.is-carousel-active{cursor:default;border-color:#a9bedf;box-shadow:0 18px 45px #536fa818}.service-carousel .offering:hover{transform:scale(var(--card-scale,.85))!important}.service-carousel .offering .offering-top{margin-bottom:27px}.service-carousel .offering-grid:focus-visible{outline-offset:-2px}.service-carousel .carousel-controls{justify-content:center;gap:26px;padding-top:0}.service-carousel .offering.reveal{translate:none!important}.centered-ai.partner-scene .scene-shell{opacity:1}.partner-scene .three-fallback{display:none!important}@media(max-width:800px){.chapter-heading>.label{margin-bottom:25px}.chapter-heading>div,.chapter-heading h2,.chapter-heading p{text-align:center}.service-carousel{--service-card-width:min(76vw,350px);max-width:100%}.service-carousel .offering-grid{gap:16px;padding-top:22px;padding-bottom:27px}.service-carousel .offering{min-height:445px;padding:24px;transition:transform .18s ease,opacity .18s ease}.service-carousel .offering .offering-top{margin-bottom:22px}.service-carousel .offering h3{font-size:23px}.service-carousel .offering>p{font-size:11px}.service-carousel .offering li{font-size:10px}.service-carousel .carousel-controls{gap:22px}.partner-scene .scene-shell{mask-image:linear-gradient(#000 0%,#000 27%,transparent 40%)}}@media(max-width:380px){.service-carousel{--service-card-width:77vw}.service-carousel .offering{padding:22px}.service-carousel .offering h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.service-carousel .offering{transition:none}.service-carousel .offering-grid{scroll-behavior:auto}}
/* Understated original partner marks, integrated into the company headings. */
.partner-identity{display:flex;align-items:center;gap:21px;min-width:0}.partner-brand-small{display:block;width:88px;height:53px;flex:0 0 88px;object-fit:contain;object-position:center;filter:grayscale(.85);opacity:.62;transition:filter .45s,opacity .45s}.partner-identity:hover .partner-brand-small{filter:grayscale(.2);opacity:.85}.partner-identity>h3{flex:1;min-width:0;margin:0}.partner-identity>h3>span{margin-top:9px}.partner-heading{gap:18px}@media(max-width:800px){.partner-identity{gap:15px}.partner-brand-small{width:66px;height:44px;flex-basis:66px;opacity:.66}.partner-identity>h3{font-size:19px;line-height:1.3}.partner-heading{gap:15px}.partner-identity>h3>span{font-size:8px;margin-top:8px}}@media(max-width:380px){.partner-brand-small{width:58px;height:40px;flex-basis:58px}.partner-identity{gap:12px}.partner-identity>h3{font-size:17px}}@media(prefers-reduced-motion:reduce){.partner-brand-small{transition:none}}
/* Biography told with the same scroll-revealed typography as the guiding statement. */
.centered-ai .about.about-statement{height:160svh;padding:0 5%;position:relative;background:transparent}.about-text-pin{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:110px 0 75px}.about-text-pin>.label{margin-bottom:38px;text-align:left}.about-scroll-copy{font-size:clamp(34px,4.1vw,66px);line-height:1.16;letter-spacing:-.05em;font-weight:450;max-width:1100px;text-align:center;margin:0 auto;text-wrap:pretty}.about-scroll-secondary{max-width:850px;font-size:clamp(20px,2.15vw,34px);line-height:1.55;letter-spacing:-.025em;font-weight:400;margin:35px auto 0}.centered-ai .about-scroll-copy .statement-word{color:#a4aec05c}.centered-ai .about-scroll-copy .statement-word.is-lit{color:#415776}.centered-ai .about-scroll-secondary .statement-word.is-lit{color:#7186aa}@media(max-width:800px){.centered-ai .about.about-statement{height:auto;padding:65px 6%}.about-text-pin{position:relative;top:auto;min-height:0;padding:0}.about-text-pin>.label{margin-bottom:29px}.about-scroll-copy{font-size:34px;line-height:1.24;letter-spacing:-.045em;max-width:650px}.about-scroll-secondary{font-size:20px;line-height:1.65;letter-spacing:-.015em;margin-top:28px;max-width:550px}}@media(max-width:380px){.about-scroll-copy{font-size:30px}.about-scroll-secondary{font-size:18px}}@media(prefers-reduced-motion:reduce){.centered-ai .about.about-statement{height:auto;padding-top:85px;padding-bottom:85px}.about-text-pin{position:relative;min-height:0;padding:0}.centered-ai .about-scroll-copy .statement-word{color:#415776}.centered-ai .about-scroll-secondary .statement-word{color:#7186aa}}
/* A personal perspective on AI, paced for the longer scroll statement. */
.about-statement .about-text-pin{padding-top:90px;padding-bottom:60px}.about-statement .about-text-pin>.label{margin-bottom:29px}.about-statement .about-scroll-copy{font-size:clamp(32px,3.6vw,56px);max-width:1100px;line-height:1.18}.about-statement .about-scroll-secondary{font-size:clamp(18px,1.8vw,28px);max-width:950px;line-height:1.65;margin-top:30px;letter-spacing:-.02em}.about-profile-note{max-width:800px;margin:28px auto 0;text-align:center;font-size:10px;line-height:1.9;letter-spacing:.1px;color:#90a1bb}@media(max-width:800px){.about-statement .about-text-pin{padding:0}.about-statement .about-text-pin>.label{margin-bottom:27px}.about-statement .about-scroll-copy{font-size:31px;line-height:1.25}.about-statement .about-scroll-secondary{font-size:18px;line-height:1.7;margin-top:25px;letter-spacing:-.015em}.about-profile-note{font-size:9px;max-width:320px;margin-top:25px}}@media(max-width:380px){.about-statement .about-scroll-copy{font-size:28px}.about-statement .about-scroll-secondary{font-size:17px}}@media(prefers-reduced-motion:reduce){.about-statement .about-text-pin{padding:0}}
/* A brief, unattributed guiding thought near the start; personal biography below. */
.scroll-statement.opening-quote{height:130svh}.opening-quote-block{margin:0;padding:0;border:0}.opening-quote-block h2{font-size:clamp(33px,4.6vw,72px);line-height:1.2;letter-spacing:-.045em;max-width:1160px;text-wrap:pretty}.opening-quote .statement-pin{padding-top:100px;padding-bottom:80px}.opening-quote .statement-pin>.label{margin-bottom:36px}@media(max-width:800px){.scroll-statement.opening-quote{height:auto}.opening-quote .statement-pin{padding:0}.opening-quote-block h2{font-size:31px;line-height:1.27;letter-spacing:-.04em}.opening-quote .statement-pin>.label{margin-bottom:28px}}@media(max-width:380px){.opening-quote-block h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.scroll-statement.opening-quote{height:auto}.opening-quote .statement-pin{padding:0}}

/* Original sans serif paired with a restrained, flowing italic accent. */
@font-face{font-family:'Cormorant Accent';src:url('assets/fonts/cormorant-italic.woff') format('woff');font-style:italic;font-weight:500;font-display:swap}
.hero h1>span,.chapter-heading h2 em,.story-sticky h2 em,.contact h2 em{font-family:'Cormorant Accent',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.045em}
.hero h1>span{display:inline-block;font-size:1.12em;line-height:1.08;padding:0 .07em .1em;margin-bottom:-.1em}
.chapter-heading h2 em,.story-sticky h2 em,.contact h2 em{font-size:1.13em;line-height:1.1}
@media(max-width:800px){.hero h1>span{font-size:1.1em;letter-spacing:-.045em}.chapter-heading h2 em,.story-sticky h2 em,.contact h2 em{font-size:1.1em}}

/* Compact workflow. */
.workflow{padding-top:65px;padding-bottom:65px}.workflow .story-steps{margin-top:28px;gap:28px}.workflow .story-step{padding:20px 0 8px}.workflow .story-step h3{margin-bottom:12px}.workflow .story-step p{max-width:290px;margin-bottom:0}@media(max-width:800px){.workflow{padding-top:45px;padding-bottom:45px}.workflow .story-steps{gap:0;margin-top:22px}.workflow .story-step{padding:18px 0}.workflow .story-step p{max-width:100%}}

/* Editorial accents: a distinct scale for each chapter. */
.hero h1>span{font-size:1.2em;letter-spacing:-.055em}
#leistungen .chapter-heading h2 em{font-size:1.18em}
#zusammenarbeit .chapter-heading h2 em{font-size:1.09em}
#konzepte .chapter-heading h2 em{font-size:1.28em}
.workflow .story-sticky h2 em{font-size:1.2em}
.contact-section h2 em{font-family:'Cormorant Accent',Georgia,serif;font-style:italic;font-weight:500;font-size:1.22em;letter-spacing:-.045em;line-height:1.12}
.chapter-heading h2,.contact-section h2{overflow:visible;padding-bottom:.1em}
@media(max-width:800px){
 html{scroll-padding-top:85px}body{overflow-x:clip}main{min-width:0}
 .site-header{padding:20px max(5%,env(safe-area-inset-left)) 17px;gap:12px}
 .brand{font-size:16px}.brand>span{font-size:9px;line-height:1.4}
 nav{gap:14px}nav>a{min-height:44px;display:inline-flex;align-items:center;font-size:11px}
 nav>.nav-cta{padding:10px 14px;white-space:nowrap}
 .centered-ai .minimal-three.hero-three{min-height:560px;min-height:min(760px,100svh);height:100svh;max-height:1000px;padding:110px 5% 65px;gap:0}
 .centered-ai .minimal-three h1{font-size:clamp(32px,8.1vw,62px);line-height:1.16;letter-spacing:-.06em;width:100%;max-width:690px}
 .hero h1>span{font-size:1.22em;line-height:1.08;letter-spacing:-.05em;padding-inline:.06em}
 .centered-ai .minimal-service-line{height:auto;min-height:24px;margin-top:26px;overflow:visible}
 .centered-ai .minimal-service-line>span{font-size:11px;letter-spacing:.025em;line-height:1.6}
 .centered-ai .minimal-three .hero-bottom{padding-top:28px}
 .centered-ai .minimal-three .primary-link{font-size:12px;min-height:48px;padding:15px 22px;border-radius:6px}
 .offerings,.partners,.concepts{padding:70px 5%}
 .chapter-heading{margin-bottom:30px}.chapter-heading>.label{margin-bottom:24px;font-size:9px;letter-spacing:.12em}
 .chapter-heading h2{font-size:clamp(31px,7.6vw,48px);line-height:1.19;letter-spacing:-.05em;margin-bottom:20px}
 #leistungen .chapter-heading h2 em{font-size:1.15em}
 #zusammenarbeit .chapter-heading h2 em{font-size:1.06em}
 #konzepte .chapter-heading h2 em{font-size:1.3em}
 .workflow .story-sticky h2 em{font-size:1.22em}
 .chapter-heading p{font-size:13px;line-height:1.8;max-width:34em}
 .service-carousel{--service-card-width:min(79vw,390px);margin-inline:-5.55%;max-width:none}
 .service-carousel .offering-grid{gap:12px;padding-block:24px 28px;overscroll-behavior-x:contain;scrollbar-width:none}
 .service-carousel .offering{min-height:430px;padding:26px 24px;border-radius:14px}
 .service-carousel .offering h3{font-size:25px;line-height:1.18}
 .service-carousel .offering>p{font-size:13px;line-height:1.75}
 .service-carousel .offering li{font-size:12px;line-height:1.65}
 .carousel-controls button{width:44px;height:44px;min-width:44px;font-size:18px}
 .carousel-controls{gap:16px;padding-top:12px}.carousel-controls>div{gap:8px}
 .carousel-controls .carousel-pause{font-size:12px}
 .partner{min-width:0}.partner-heading,.partner-body{max-width:100%;min-width:0}
 .partner-heading{padding:14px 12px}.partner-identity{gap:14px}
 .partner-heading h3{font-size:clamp(18px,4.9vw,24px)}.partner-identity>h3>span{font-size:9px;line-height:1.6}
 .partner-copy{font-size:13px;line-height:1.8;padding:14px 12px}
 .partner-results{scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}
 .partner .results-carousel .result-card{flex-basis:min(88%,390px);padding:22px;border-radius:12px}
 .concept-scroll{height:auto}.concept-pin{position:relative;top:auto;overflow:visible;padding:0}
 .concept-grid{display:flex!important;width:auto;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;transform:none!important;will-change:auto;padding:6px 5.55% 20px;margin-inline:-5.55%;scroll-padding-inline:5%}
 .concept{flex:0 0 min(70vw,310px);min-width:0;scroll-snap-align:center}
 .concept .image-button{height:330px;padding:18px;transform:none!important;border-radius:12px}
 .concept figcaption{font-size:12px;line-height:1.6}.concept-index{font-size:9px}
 .opening-quote{padding-inline:6%}.opening-quote-block h2{font-size:clamp(29px,7.3vw,43px);line-height:1.3}
 .about-statement .about-scroll-copy{font-size:clamp(29px,7.3vw,43px);line-height:1.27}
 .about-statement .about-scroll-secondary{font-size:18px;line-height:1.7}
 .workflow .story-sticky h2{font-size:clamp(32px,8vw,46px)}.workflow .story-step p{font-size:13px;line-height:1.8}
 .contact-section{padding:80px 6% 70px}.contact-section h2{font-size:clamp(34px,8.5vw,52px);line-height:1.18}
 .contact-section h2 em{font-size:1.17em}.contact-section>p{font-size:13px;line-height:1.8}
 .contact-section .primary-link{min-height:50px;font-size:12px;padding:16px 19px;gap:18px;max-width:100%;white-space:normal;text-align:left}
 input,textarea{font-size:16px}.contact-dialog{max-height:calc(100svh - 32px);overflow:auto}
 footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}
@media(max-width:420px){nav>a:not(.nav-cta){display:none}.site-header{gap:10px}.brand{font-size:15px}nav>.nav-cta{font-size:10px;padding:10px 13px}.service-carousel .offering{padding:23px 21px}.concept .image-button{height:300px}.partner-brand-small{width:60px;flex-basis:60px}.partner-heading h3{font-size:18px}}
@media(max-width:800px) and (max-height:550px) and (orientation:landscape){.centered-ai .minimal-three.hero-three{height:auto;min-height:100svh;padding-top:100px;padding-bottom:50px}.centered-ai .minimal-three h1{font-size:42px}.centered-ai .minimal-service-line{margin-top:15px}.centered-ai .minimal-three .hero-bottom{padding-top:18px}}
@media(hover:none){.offering:hover,.primary-link:hover{transform:none}.concept .image-button{cursor:pointer}.project-cursor{display:none!important}}

/* Smaller mobile offers leave room for the ambient sculpture. */
.offer-details-toggle{display:none}
@media(max-width:800px){
 #leistungen.offerings{padding-top:55px;padding-bottom:45px}
 #leistungen .chapter-heading{margin-bottom:12px}
 #leistungen .chapter-heading p{font-size:12px;max-width:28em}
 .service-carousel{--service-card-width:min(71vw,320px)}
 .service-carousel .offering-grid{gap:10px;padding-top:20px;padding-bottom:22px;align-items:start}
 .centered-ai .service-carousel .offering{min-height:0;padding:22px 20px;border-radius:10px;background:linear-gradient(145deg,#f9fcffb3,#e7eff978);border-color:#ffffffa6;box-shadow:none;backdrop-filter:none}
 .service-carousel .offering.is-carousel-active{border-color:#b6c8e28c;box-shadow:0 8px 22px #526a9608}
 .service-carousel .offering .offering-top{margin-bottom:14px}.offering-top svg{width:25px;height:25px}
 .service-carousel .offering .offer-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:8px}
 .service-carousel .offering h3{font-size:clamp(20px,5.4vw,25px);line-height:1.2;margin-bottom:13px}
 .service-carousel .offering>p{font-size:12px;line-height:1.75;margin-bottom:12px}
 .offer-details-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:44px;padding:8px 0;background:transparent;border:0;border-top:1px solid #b9c9df66;border-radius:0;color:#667d9f;font-size:11px;text-align:left}
 .offer-details-toggle>span{font-size:18px;font-weight:400}
 .offer-details{display:none}.offer-details-toggle[aria-expanded=true]+.offer-details{display:block}
 .service-carousel .offering .offer-details ul{margin:8px 0 14px;padding:0;list-style:none}
 .service-carousel .offering .offer-details li{font-size:11px;line-height:1.65;padding:5px 0;border-bottom:1px solid #c7d5e344}
 .service-carousel .offering .offer-note{font-size:10px;line-height:1.7;margin:10px 0}
 .service-carousel .offering>a{font-size:11px;min-height:44px;margin-top:8px;display:flex;align-items:center;justify-content:space-between}
}

/* Give mobile sculptures enough presence behind the lighter cards. */
@media(max-width:800px){.centered-ai.ai-visible .scene-shell{opacity:1}.centered-ai.partner-scene .scene-shell{opacity:1}}

/* A stronger mobile opening with less distance to the work. */
@media(max-width:800px){
 .centered-ai .minimal-three.hero-three{height:72svh;min-height:440px;max-height:730px;padding:100px 5% 42px}
 .centered-ai .minimal-three h1{font-size:clamp(34px,10vw,72px);line-height:1.1;letter-spacing:-.06em;max-width:100%}
 .centered-ai .minimal-three h1>span{font-size:1.22em;line-height:1.08;letter-spacing:-.05em}
 .centered-ai .minimal-three .hero-bottom{display:none}
 .centered-ai .minimal-service-line{margin-top:23px}
 .scroll-statement.opening-quote{height:auto;padding:36px 6% 42px}
 .opening-quote .statement-pin{position:relative;top:auto;min-height:0;padding:0}
 .opening-quote .statement-pin>.label{margin-bottom:20px}
 .opening-quote-block h2{font-size:clamp(27px,6.8vw,39px);line-height:1.25;margin-bottom:0}
 #leistungen.offerings{padding-top:42px}
}
@media(max-width:800px) and (max-height:550px) and (orientation:landscape){.centered-ai .minimal-three.hero-three{height:auto;min-height:360px;padding-top:100px;padding-bottom:45px}.centered-ai .minimal-three h1{font-size:46px}}

/* A quiet gesture cue replaces offer navigation buttons. */
.service-carousel .service-swipe-hint{display:flex;justify-content:center;align-items:center;gap:10px;padding:0 0 8px;color:#8596b1;font-size:10px;letter-spacing:.025em}
.service-swipe-hint .carousel-count{font-size:9px;margin-left:5px;color:#9aa8be;font-variant-numeric:tabular-nums}
.swipe-gesture{display:inline-block;width:29px;height:13px;border:1px solid #a6b7cf7a;border-radius:9px;position:relative}
.swipe-gesture i{position:absolute;top:3px;left:4px;width:5px;height:5px;border-radius:50%;background:#849dc4;animation:swipe-cue 3.8s ease-in-out 3}
@keyframes swipe-cue{0%,25%,100%{transform:translateX(0);opacity:.5}60%,75%{transform:translateX(13px);opacity:1}}
@media(prefers-reduced-motion:reduce){.swipe-gesture i{animation:none;left:11px}}

/* Clear work labels, quiet swipe cues, no duplicate introduction boxes. */
.partner-work-title{font-family:inherit;font-size:15px;line-height:1.4;font-weight:500;letter-spacing:-.025em;color:#526b91;margin:0 0 18px}
.website-work-title{max-width:57%;margin:32px 0 16px}
.partner .website-showcase{margin-top:0}
.carousel-controls.swipe-hint{display:flex;justify-content:center;align-items:center;gap:10px;padding:13px 0 4px;color:#8596b1;font-size:10px;letter-spacing:.025em}
.swipe-hint .carousel-count{font-size:9px;margin-left:5px;color:#9aa8be;font-variant-numeric:tabular-nums}
.partner-body{gap:0}
@media(max-width:800px){
 .partner{padding-top:30px;padding-bottom:35px}
 .partner-heading{background:transparent;padding:0;margin-bottom:22px}
 .partner-body{margin-top:22px;margin-bottom:28px;gap:0}
 .partner-work-title{font-size:14px;margin-bottom:14px;letter-spacing:-.02em}
 .website-work-title{max-width:100%;margin:25px 0 14px}
 .partner .results-carousel .result-card{padding:18px;border-radius:10px;background:linear-gradient(145deg,#f9fcffd9,#e7eff9ad);border-color:#d4e1f47a}
 .result-heading h3{font-size:11px;line-height:1.5}.result-heading>span{font-size:9px}
 .result-footer{gap:12px;flex-wrap:wrap}.result-footer button{min-height:40px}
 .results-note{font-size:10px;line-height:1.8;max-width:36em;margin:10px auto 0;text-align:center}
 .carousel-controls.swipe-hint{font-size:10px;padding-top:12px}
}

/* Native swipe momentum; compositor-only card feedback without trailing transitions. */
.service-carousel .offering-grid{position:relative;scroll-behavior:auto;overflow-anchor:none}
.service-carousel .offering{transition:border-color .3s,box-shadow .3s!important;will-change:transform,opacity;backface-visibility:hidden}
.partner-results{position:relative;overflow-anchor:none}
@media(hover:none){.service-carousel .offering:before{display:none}.service-carousel .offering.is-carousel-active{box-shadow:none}}

/* Open service stage: the work has space, the interface has no large panels. */
.service-carousel{position:relative;--service-card-width:100%;max-width:1180px}
.service-carousel .offering-grid{padding:18px 0 22px;gap:32px;align-items:start;isolation:isolate}
.centered-ai .service-carousel .offering,.centered-ai .service-carousel .offering:nth-child(n),.centered-ai .service-carousel .offering.is-carousel-active{flex:0 0 100%;min-height:315px;padding:12px 55% 16px 4px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;transform:scale(1)!important;opacity:var(--card-opacity,1);cursor:default;will-change:opacity;overflow:visible}
.service-carousel .offering:before{display:none}
.service-carousel .offering .offering-top{margin-bottom:17px;max-width:320px}.service-carousel .offering-top svg{display:none}
.service-carousel .offer-eyebrow{display:none}
.service-carousel .offering h3{font-size:clamp(28px,3.1vw,43px);letter-spacing:-.05em;line-height:1.12;margin-bottom:18px}
.service-carousel .offering>p{font-size:14px;line-height:1.85;max-width:370px;margin:0 0 16px}
.service-carousel .offer-details-toggle{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:370px;min-height:44px;padding:10px 0;background:transparent;border:0;border-top:1px solid #aabbd244;color:#6b83a8;font-size:11px;text-align:left}
.service-carousel .offer-details-toggle span{font-size:19px;font-weight:400}
.service-carousel .offer-details{display:none;max-width:390px}.service-carousel .offer-details-toggle[aria-expanded=true]+.offer-details{display:block}
.service-carousel .offer-details ul{margin:8px 0 14px;padding:0;list-style:none}.service-carousel .offer-details li{font-size:12px;line-height:1.7;padding:5px 0;border-bottom:1px solid #bac9de30}
.service-carousel .offer-note{font-size:11px;line-height:1.7}
.service-carousel .offering>a{margin:12px 0 0;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:11px;max-width:370px}
.service-sculpture-space{position:absolute;top:0;right:0;width:50%;height:350px;pointer-events:none}
.service-carousel .service-swipe-hint{justify-content:flex-start;padding:0 0 12px;gap:10px}
.service-dots{display:flex;gap:0;margin-right:8px}
.service-dots .service-dot{display:grid;place-items:center;width:28px;height:40px;padding:0;border:0;background:none;border-radius:0;min-width:28px}
.service-dot>span{width:5px;height:5px;background:#b5c1d3;border-radius:50%;transition:background .25s,transform .25s}
.service-dot[aria-pressed=true]>span{background:#6b83b1;transform:scale(1.5)}
@media(max-width:800px){
 .service-carousel{margin:0;max-width:100%;--service-card-width:100%}
 .service-sculpture-space{position:relative;width:100%;height:180px;margin:0 0 18px}
 .service-carousel .offering-grid{padding:0 0 15px;gap:24px}
 .centered-ai .service-carousel .offering,.centered-ai .service-carousel .offering:nth-child(n),.centered-ai .service-carousel .offering.is-carousel-active{padding:0 5px;min-height:260px;background:transparent;box-shadow:none;border:0}
 .service-carousel .offering .offering-top{margin-bottom:12px}
 .service-carousel .offering h3{font-size:30px;margin-bottom:13px}
 .service-carousel .offering>p{font-size:13px;line-height:1.8;max-width:340px;margin-bottom:12px}
 .service-carousel .offer-details-toggle{font-size:11px;max-width:100%}
 .service-carousel .offering>a{font-size:11px;max-width:100%;margin-top:8px}
 .service-carousel .service-swipe-hint{justify-content:center;padding-bottom:0;font-size:9px;gap:8px}
 .service-dots{margin-right:3px}.service-dots .service-dot{width:28px;min-width:28px;height:44px}
}
@media(prefers-reduced-motion:reduce){.service-dot>span{transition:none}}

/* Keep the layout viewport at device width; horizontal movement belongs to rails. */
html{width:100%;max-width:100%;overflow-x:hidden}
body{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
main,footer,.site-header{max-width:100%;min-width:0}
@media(max-width:800px){
 main>section{max-width:100%;min-width:0}
 .chapter-heading,.chapter-heading>div,.partner,.partner-body,.results-carousel,.service-carousel,.concept-scroll,.concept-pin{min-width:0}
 .results-carousel,.service-carousel{width:100%;max-width:100%}
 .service-carousel .offering-grid,.results-carousel .partner-results{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}
 .service-carousel .offering{min-width:0;overflow-wrap:break-word}
 .website-showcase,.browser,.website-viewport{max-width:100%;min-width:0}
 .website-viewport{overflow:hidden}
}

/* A single line indicates the current service without separate selection boxes. */
.service-carousel .service-progress-hint{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;padding:5px 4px 14px}
.service-progress-track{display:block;width:116px;height:2px;background:#b8c7dd55;position:relative;overflow:hidden;border:0;border-radius:0}
.service-progress-track i{position:absolute;inset:0 auto 0 0;width:33.3333%;background:#738eb8;transform:translateX(calc(var(--service-position,1) * 100%));transition:transform .35s ease;border-radius:0}
.service-gesture-label{font-size:9px;letter-spacing:.08em;color:#8296b2}
.service-progress-hint .carousel-count{display:none}
@media(max-width:800px){.service-carousel .service-progress-hint{align-items:center;padding:10px 0 0;gap:11px}.service-progress-track{width:104px}}
@media(prefers-reduced-motion:reduce){.service-progress-track i{transition:none}}

/* The empty sculpture stage also accepts mobile service swipes. */
@media(max-width:800px){.service-sculpture-space{pointer-events:auto;touch-action:pan-y pinch-zoom;position:relative;z-index:3;-webkit-user-select:none;user-select:none}}

/* Partner logos in their original brand colors. */
.partner-brand-small,.partner-identity:hover .partner-brand-small{filter:none;opacity:1}

/* One consistent swipe indicator for services, reports, and mobile concepts. */
.service-progress-track i{width:calc(100% / var(--swipe-items,3))}
.results-carousel{--swipe-items:2}
.results-carousel .service-progress-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:15px 0 4px}
.service-progress-hint .carousel-count{display:none}
.concept-progress-hint{display:none}
@media(max-width:800px){.concept-grid{position:relative}.concepts{--swipe-items:5}.concept-progress-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:8px 0 0}.results-carousel .service-progress-track{width:104px}}

/* A white light travels down the left-hand timeline; steps stay to its right. */
.workflow.workflow-timeline-section{padding:80px 5% 70px;height:auto;position:relative;--timeline-y:0px;--timeline-progress:0}
.workflow-heading>.label{margin-bottom:28px}
.workflow-heading h2{text-align:center;font-size:clamp(34px,3.8vw,60px);line-height:1.14;letter-spacing:-.05em;margin:0}
.workflow-heading h2 em{font-family:'Cormorant Accent',Georgia,serif;font-size:1.2em;font-style:italic;font-weight:500;color:#788fbb}
.workflow-timeline{position:relative;max-width:1050px;margin:40px auto 0}
.workflow-timeline-steps{padding-left:32%}
.workflow-timeline-section .story-step{height:220px;padding:28px 0;border:0;display:flex;flex-direction:column;justify-content:center;text-align:left;opacity:var(--step-opacity,1)!important;translate:none!important;transform:none!important;transition:color .3s}
.workflow-timeline-section .step-num{font-size:10px;letter-spacing:.12em;color:#7e91ad;margin-bottom:15px}
.workflow-timeline-section .story-step h3{font-size:clamp(28px,3.1vw,45px);line-height:1.12;letter-spacing:-.045em;font-weight:450;margin:0 0 15px;color:#344e76}
.workflow-timeline-section .story-step p{max-width:430px;font-size:14px;line-height:1.85;margin:0;color:#75869e}
.workflow-light-track{position:absolute;left:16%;top:0;bottom:0;width:1px;background:#9db1cd3d;pointer-events:none}
.workflow-light-fill{position:absolute;inset:0;background:linear-gradient(#ffffff18,#ffffffad);transform-origin:top;transform:scaleY(var(--timeline-progress));box-shadow:0 0 8px #fff5}
.workflow-beam{position:absolute;left:-1px;top:0;width:3px;height:95px;border-radius:50%;background:linear-gradient(transparent,#fff 35%,#fff 65%,transparent);transform:translate3d(0,calc(var(--timeline-y) - 47px),0);box-shadow:0 0 16px 3px #fff8,0 0 38px 7px #b4caf744;will-change:transform}
.workflow-light-track b{position:absolute;left:-3px;width:7px;height:7px;border-radius:50%;background:#a0b4d2;transform:translateY(-50%);box-shadow:0 0 0 6px #f5f8fc77;transition:background .3s,box-shadow .3s}
.workflow-light-track b.is-passed{background:#fff;box-shadow:0 0 0 5px #fff2,0 0 18px 3px #fff9}
@media(max-width:800px){.workflow.workflow-timeline-section{padding:55px 6% 45px}.workflow-heading>.label{font-size:9px;margin-bottom:24px}.workflow-heading h2{font-size:34px}.workflow-timeline{margin-top:26px}.workflow-timeline-steps{padding-left:18%}.workflow-light-track{left:5%}.workflow-timeline-section .story-step{height:210px;padding:23px 0}.workflow-timeline-section .step-num{font-size:9px;letter-spacing:.08em;margin-bottom:13px}.workflow-timeline-section .story-step h3{font-size:28px;margin-bottom:13px}.workflow-timeline-section .story-step p{font-size:13px;line-height:1.85;max-width:310px}.workflow-beam{height:80px;box-shadow:0 0 13px 2px #fff8,0 0 25px 6px #b4caf733}}
@media(prefers-reduced-motion:reduce){.workflow-beam{display:none}.workflow-light-fill{transform:scaleY(1)}.workflow-timeline-section .story-step{opacity:1!important}.workflow-light-track b{transition:none}}

/* Flowing sections without horizontal separator rules. */
main>section,.partner,footer{border-top:0!important;border-bottom:0!important}
/* Continuous white light path over the full workflow section. */
.workflow-timeline-section{isolation:isolate;overflow:clip}
.workflow-timeline-section .workflow-heading,.workflow-timeline-section .workflow-timeline{position:relative;z-index:1}
.workflow-timeline-section>.workflow-light-track{top:0;bottom:0;left:calc(50% - min(30.6vw,357px));width:2px;background:linear-gradient(#ffffff55,#ffffffaa 15%,#ffffffaa 85%,#ffffff55);box-shadow:0 0 10px 1px #ffffff44;z-index:0}
.workflow-timeline-section .workflow-light-fill{background:linear-gradient(#ffffff77,#fff);box-shadow:0 0 12px 1px #ffffff66}
.workflow-timeline-section .workflow-beam{width:3px;height:110px;background:linear-gradient(transparent,#fff 30%,#fff 70%,transparent);box-shadow:0 0 16px 3px #fff9,0 0 35px 8px #bdcef744}
@media(max-width:800px){.workflow-timeline-section>.workflow-light-track{left:10.4%}.workflow-timeline-section .workflow-beam{height:90px;box-shadow:0 0 14px 2px #fff9,0 0 28px 5px #bdcef733}}

/* A precise three-stop timeline, bounded by the actual steps. */
.workflow.workflow-timeline-section{padding-top:65px;padding-bottom:55px;overflow:visible}
.workflow-timeline{max-width:980px;margin-top:32px}
.workflow-timeline .workflow-light-track{left:16%;top:var(--timeline-start,110px);bottom:var(--timeline-end,110px);width:1px;background:#98accb47;box-shadow:none;z-index:0}
.workflow-timeline-section .workflow-light-fill{background:linear-gradient(#d7e5ff,#fff);box-shadow:0 0 8px 1px #fff8}
.workflow-timeline-section .workflow-beam{left:-2px;width:5px;height:5px;transform:translate3d(0,calc(var(--timeline-y) - 2px),0);border-radius:50%;background:#fff;box-shadow:0 0 10px 3px #fff,0 0 30px 8px #c9daff99}
.workflow-timeline-section .workflow-light-track b{left:-4px;width:9px;height:9px;background:#f0f4fa;border:1px solid #a6b9d5;box-shadow:0 0 0 5px #edf2f8aa;transition:background .4s,box-shadow .4s,border-color .4s}
.workflow-timeline-section .workflow-light-track b.is-passed{background:#d5e3fc;border-color:#a6bde3;box-shadow:0 0 0 5px #e1eafa88}
.workflow-timeline-section .workflow-light-track b.is-current-step{background:#fff;border-color:#fff;box-shadow:0 0 0 6px #e6edfb99,0 0 22px 4px #fff}
.workflow-timeline-section .story-step{height:205px;padding-block:24px;transform:translate3d(var(--step-shift,0px),0,0)!important;will-change:transform,opacity}
.workflow-timeline-section .story-step h3{font-size:clamp(28px,3.1vw,44px);color:#607596;transition:color .4s;letter-spacing:-.05em}
.workflow-timeline-section .story-step.is-current-step h3{color:#293e60}
.workflow-timeline-section .step-num{color:#92a1b7;font-size:9px;letter-spacing:.14em;transition:color .4s}
.workflow-timeline-section .story-step.is-current-step .step-num{color:#6e89b6}
.workflow-timeline-section .story-step p{font-size:13px;color:#7e8da4;max-width:370px}
@media(max-width:800px){.workflow.workflow-timeline-section{padding:48px 6% 40px}.workflow-timeline{margin-top:20px}.workflow-timeline .workflow-light-track{left:5%}.workflow-timeline-section .story-step{height:195px;padding:20px 0}.workflow-timeline-section .story-step h3{font-size:28px}.workflow-timeline-section .story-step p{font-size:13px;max-width:290px}.workflow-timeline-section .workflow-beam{height:5px;box-shadow:0 0 10px 2px #fff,0 0 22px 6px #c9daff88}}
@media(prefers-reduced-motion:reduce){.workflow-timeline-section .story-step{transform:none!important;opacity:1!important;will-change:auto}.workflow-timeline-section .story-step h3,.workflow-timeline-section .step-num,.workflow-timeline-section .workflow-light-track b{transition:none}}

/* Isolate decorative painting and reserve the project preview's dimensions. */
.ambient{contain:strict}.performance-chart{contain:layout paint}.website-viewport{aspect-ratio:1440/760}

/* Clear offers and real project evidence replace the abstract opening interlude. */
.centered-ai .minimal-three.hero-three{height:82svh;min-height:580px;max-height:950px;padding-bottom:55px}
.centered-ai .minimal-service-line{height:auto;overflow:visible;margin:28px auto 0;max-width:600px}
.centered-ai .minimal-service-line>span{font-size:14px;line-height:1.8;letter-spacing:.015em;color:#7589a9;text-wrap:balance}
.direct-benefit{max-width:720px;margin:28px auto 0;padding:28px 0 0;text-align:center}
.direct-benefit .label{font-size:8px;letter-spacing:.12em}
.direct-benefit h3{font-size:23px;font-weight:450;letter-spacing:-.04em;line-height:1.25;margin:15px 0 12px;color:#3f567b}
.direct-benefit p{max-width:570px;margin:0 auto;font-size:12px;line-height:1.85;color:#7a8da9}
.service-progress-track i{transform:translateX(calc(var(--service-position,0) * 100%))}
.partner.boos .website-work-title{margin-top:24px}
.partner.boos .website-showcase{margin-bottom:32px}
@media(max-width:800px){.centered-ai .minimal-three.hero-three{height:65svh;min-height:420px;max-height:700px;padding:100px 5% 40px}.centered-ai .minimal-service-line{margin-top:24px;max-width:320px}.centered-ai .minimal-service-line>span{font-size:12px;line-height:1.8}.direct-benefit{margin-top:20px;padding-top:20px;text-align:left}.direct-benefit h3{font-size:22px;margin-top:12px}.direct-benefit p{font-size:12px;line-height:1.85}.partner.boos .website-showcase{margin-bottom:25px}}

/* Standalone website concept, separate from ongoing partnerships. */
.website-concept{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;margin:24px auto 72px;max-width:1200px}
.kalash-preview{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-radius:14px;background:#151613;color:#eeeae1;text-decoration:none;isolation:isolate}
.kalash-preview img{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:saturate(.58) brightness(.68);transition:transform .6s ease}
.kalash-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.12));z-index:1;pointer-events:none}
.kalash-preview-copy{position:absolute;left:9%;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.kalash-preview-copy>span{font-size:9px;letter-spacing:.2em;color:#c39167;margin-bottom:22px}
.kalash-preview-copy strong{font-family:Georgia,serif;font-size:clamp(40px,6vw,82px);font-weight:400;line-height:1.1;letter-spacing:.04em}
.kalash-preview-copy small{font-size:9px;letter-spacing:.25em;margin-top:12px}
.kalash-preview-arrow{position:absolute;right:24px;bottom:20px;z-index:2;font-size:26px}
.website-concept-copy h3{font-size:clamp(25px,3vw,40px);font-weight:500;letter-spacing:-.045em;line-height:1.15;margin:18px 0}
.website-concept-copy p{max-width:420px;font-size:15px;line-height:1.7}
.website-concept-copy .concept-disclosure{font-size:12px;line-height:1.6;opacity:.7;margin-top:16px}
.kalash-concept-link{display:inline-flex;gap:24px;align-items:center;margin-top:24px;font-size:14px;text-decoration:none;padding-bottom:8px;border-bottom:1px solid currentColor}
.kalash-preview:focus-visible,.kalash-concept-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.kalash-preview:hover img{transform:scale(1.035)}}
@media(max-width:700px){.website-concept{grid-template-columns:1fr;gap:24px;margin:12px auto 44px}.kalash-preview-copy strong{font-size:clamp(44px,13vw,72px)}.website-concept-copy h3{margin:12px 0}.website-concept-copy p{font-size:14px}.kalash-concept-link{margin-top:16px}}

/* Keep oversized rails and scaled previews out of iOS document bounds. */
@media(max-width:800px){
 html{overflow-x:hidden;overscroll-behavior-x:none}
 body{position:relative;overflow-x:hidden;overscroll-behavior-x:none}
 main{width:100%;max-width:100%;min-width:0;overflow-x:clip}
 main>section{width:100%;max-width:100%;min-width:0;contain:inline-size;overflow-x:clip}
 .scene-shell,.ambient{max-width:100%;overflow:hidden}
 .chapter-heading>div,.partner-heading>*,.partner-body>*,.website-concept>*,.about-grid>*{min-width:0;max-width:100%}
 .concept-pin{overflow:hidden}
 .concept-grid{width:100%;max-width:100%;margin-inline:0;padding-inline:0;scroll-padding-inline:0}
 .website-viewport{contain:paint}
 .website-concept{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%}
 .website-concept-copy{overflow-wrap:anywhere}
 img,video,svg{max-width:100%}
}

/* Two-line personal portfolio masthead. */
.site-header .brand{display:flex;flex-direction:column;align-items:flex-start;font-size:28px;font-weight:600;line-height:1.05;letter-spacing:-1px;flex-shrink:0}
.centered-ai .site-header .brand>span{display:block;font-size:11px;line-height:1.4;font-weight:400;letter-spacing:.1px;color:#7687a2;margin-top:6px}
@media(max-width:800px){.site-header .brand{font-size:25px;letter-spacing:-.8px}.centered-ai .site-header .brand>span{font-size:10px;margin-top:5px}}

.website-concept .kalash-website-showcase{width:100%;max-width:100%;margin:0;padding:22px 6% 0;align-self:center}

/* White editorial palette with a restrained Instagram-inspired ambient glow. */
:root{--ink:#24222a;--muted:#6b6673;--accent:#8647a5;--line:#e9e4ec;--scene-a:#eddcfa;--scene-b:#fce1e9;--scene-c:#ffead9}
body.centered-ai{background:#fff;color:var(--ink)}
.centered-ai .ambient-base{background:#fff}
.centered-ai .ambient-orb{opacity:.62;filter:blur(75px)}
.centered-ai .orb-one{width:56vw;height:62vw;left:64%;top:-35%}
.centered-ai .orb-two{width:48vw;height:58vw;left:-32%;top:33%}
.centered-ai .orb-three{width:46vw;height:46vw;left:70%;top:72%;opacity:.5}
.centered-ai .ambient-grid,.centered-ai .ambient-contour{display:none}
.centered-ai .site-header,.centered-ai .minimal-three h1,.centered-ai .offering h3{color:#24222a}
.centered-ai .minimal-three h1>span,.centered-ai h2 em,.workflow-heading h2 em{color:#795480}
.centered-ai .has-scrolled .site-header,.centered-ai.has-scrolled .site-header,.centered-ai.partner-scene .site-header{background:#ffffffed;border-color:#eee8f0;box-shadow:0 5px 25px #34253904}
.centered-ai .site-header .brand>span,nav>a{color:#706a78}
nav>a:hover,nav>a.is-current{color:#29232e}nav>a:after{background:#a354a4}
nav>.nav-cta{color:#342c3b;border-color:#dcd4e2;background:#ffffff80}
.reading{background:linear-gradient(90deg,#884bd5,#d95d9c,#efa374)}
.centered-ai .minimal-service-line>span,.chapter-heading p,.service-carousel .offering>p,.partner-copy p,.contact-section>p,.workflow-timeline-section .story-step p,.website-concept-copy p{color:#68626f}
.centered-ai .primary-link,.centered-ai .minimal-three .primary-link,.centered-ai .contact-section .primary-link{background:#302735;color:#fff}
.centered-ai .primary-link:hover,.centered-ai .minimal-three .primary-link:hover,.centered-ai .contact-section .primary-link:hover{background:#55405f}
.centered-ai .partners,.centered-ai .workflow,.centered-ai .about,.centered-ai .contact-section{background:transparent}
.centered-ai .partner-heading,.centered-ai .partner-copy{background:transparent}
.centered-ai .results-carousel .result-card{background:#ffffffd9;border-color:#e9e3ec;box-shadow:0 8px 32px #3a254504;backdrop-filter:none}
.centered-ai .result-numbers div:nth-child(2) strong{color:#80578e}
.centered-ai .chart-line{stroke:#a16bb5}
.website-showcase{background:linear-gradient(135deg,#f3edf7,#fbf2f3 60%,#fff4eb);border-color:#eae3ed}
.browser{box-shadow:0 16px 45px #37234112}.browser-top{background:#faf8fb;color:#746a7e}
.centered-ai .image-button{background:linear-gradient(145deg,#faf7fc,#f5f0f5);border-color:#eae4ec}
.service-carousel .offer-details-toggle,.service-carousel .offering>a,.text-link{color:#765181;border-color:#e5dce9}
.service-progress-track{background:#e9e2ec}.service-progress-track i{background:linear-gradient(90deg,#a165ba,#ce7da6,#e7aa86)}
.service-gesture-label{color:#7b7084}
.workflow-timeline-section .story-step h3{color:#84738c}.workflow-timeline-section .story-step.is-current-step h3{color:#352b3e}
.workflow-timeline-section .step-num{color:#8c7c95}.workflow-timeline-section .story-step.is-current-step .step-num{color:#945d9f}
.workflow-timeline .workflow-light-track{background:#e4d7ec}
.workflow-timeline-section .workflow-light-fill{background:linear-gradient(#c9addb,#dc9eba);box-shadow:none}
.workflow-timeline-section .workflow-beam{background:#fff;box-shadow:0 0 0 1px #ddbedf,0 0 12px 4px #d9badf99}
.workflow-timeline-section .workflow-light-track b{background:#fff;border-color:#dacde2;box-shadow:0 0 0 5px #faf6fc}
.workflow-timeline-section .workflow-light-track b.is-passed{background:#dcc4e6;border-color:#c3a1d1;box-shadow:0 0 0 5px #f6eef9}
.workflow-timeline-section .workflow-light-track b.is-current-step{background:#fff;border-color:#ba91c9;box-shadow:0 0 0 6px #f5ebf8,0 0 18px 3px #e0c5e7}
.centered-ai .about-scroll-copy .statement-word,.centered-ai .about-scroll-secondary .statement-word{color:#bbb0c34d}
.centered-ai .about-scroll-copy .statement-word.is-lit{color:#403548}.centered-ai .about-scroll-secondary .statement-word.is-lit{color:#786080}
@media(max-width:800px){.centered-ai .ambient-orb{filter:blur(48px);opacity:.65}.centered-ai .orb-one{width:95vw;height:95vw;left:58%;top:-20%}.centered-ai .orb-two{width:85vw;height:105vw;left:-60%;top:42%}.centered-ai .orb-three{width:80vw;height:95vw;left:68%;top:78%;opacity:.45}}

/* Digital lookbook: oversized work, offset compositions, generous white space. */
.centered-ai .ambient-orb{opacity:.7}
.centered-ai .orb-one{background:#dcb9fa!important}
.centered-ai .orb-two{background:#f8b3d3!important}
.centered-ai .orb-three{background:#ffd0a0!important}
.centered-ai .minimal-three.hero-three{height:88svh;min-height:620px;align-items:flex-start;padding:150px 8% 75px;justify-content:center}
.centered-ai .minimal-hero-copy{width:100%;text-align:left;position:relative}
.centered-ai .minimal-three h1{text-align:left;max-width:1000px;margin:0;font-size:clamp(55px,7.6vw,120px)}
.centered-ai .minimal-three h1>span{margin-left:8vw}
.centered-ai .minimal-service-line{margin:30px 0 0 8vw;max-width:470px;text-align:left}
.centered-ai .minimal-three:after{content:'';position:absolute;left:4%;bottom:45px;height:85px;width:2px;background:linear-gradient(#a94df1,#e7479f,#ffab5b);transform:rotate(22deg)}
.offerings,.partners,.concepts{padding-inline:8%}
.chapter-heading>div,.chapter-heading h2,.chapter-heading p{margin-left:0;text-align:left}
.chapter-heading{margin-bottom:65px}.chapter-heading p{max-width:430px}
#leistungen .chapter-heading{margin-left:8%}
#zusammenarbeit>.chapter-heading{max-width:650px;margin-bottom:85px}
.partner{min-height:0;padding-bottom:80px;margin-top:60px}
.partner.boos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.partner.boos>.partner-heading{grid-column:1/7;max-width:100%;margin-bottom:20px}
.partner.boos>.website-work-title{grid-column:1/7;margin-top:0}
.partner.boos>.website-showcase{grid-column:1/13;width:94%;max-width:none;margin:0 0 60px -4%;padding:38px 5% 0;transform:rotate(-1.2deg);border-radius:3px;background:transparent;border:0}
.partner.boos>.partner-body{grid-column:5/13;width:100%;max-width:100%;margin:10px 0 0}
.partner.ar{width:76%;margin:40px 0 60px auto}
.partner.ar>.partner-heading,.partner.ar>.partner-body{max-width:100%}
.partner-identity{justify-content:flex-start}
.centered-ai .results-carousel .result-card{background:transparent;box-shadow:none;border:0;border-radius:0;padding-left:0;padding-right:24px}
.result-numbers strong{font-size:clamp(64px,7vw,100px);letter-spacing:-.06em}
.centered-ai .results-carousel .service-progress-hint{align-items:flex-start}
#konzepte>.chapter-heading{margin-left:18%;max-width:750px}
.website-concept{grid-template-columns:minmax(0,1fr);max-width:none;margin:0 0 120px}
.website-concept .kalash-website-showcase{width:90%;max-width:none;margin:0 0 0 auto;padding:38px 5% 0;transform:rotate(1.2deg);border-radius:3px;background:linear-gradient(120deg,#ffe0ba,#fac2df 55%,#deccfa)}
.website-concept-copy{max-width:520px;margin:24px 0 0 12%}
.website-concept-copy h3{margin-top:12px}
.website-action{background:#fff;padding:14px 20px;color:#49334e}
.browser{border-radius:4px 4px 0 0}
.concept-scroll{height:auto!important;overflow:visible}
.concept-pin{position:relative!important;top:auto!important;min-height:0!important;height:auto!important;overflow:visible;padding:0}
.concept-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));width:100%;max-width:none;gap:100px 24px;transform:none!important;overflow:visible;margin:0;padding:0}
.concept{width:auto!important;min-width:0;align-self:start}
.concept-0{grid-column:1/7}.concept-1{grid-column:9/13;margin-top:180px}.concept-2{grid-column:3/9}.concept-3{grid-column:9/13;margin-top:140px}.concept-4{grid-column:1/7;margin-top:-70px}
.centered-ai .concept .image-button{height:auto;aspect-ratio:4/5;padding:0;border:0;border-radius:2px;background:transparent;transform:none!important;overflow:hidden}
.concept .image-button>img{object-fit:cover;filter:none}
.concept figcaption{margin-top:20px}.concept figcaption h3{font-size:13px}
.concept .image-action{opacity:1;transform:none;background:#fffffff0;right:16px;bottom:16px}
.concept-index{color:#976c9d}
.workflow.workflow-timeline-section{margin-top:90px}
@media(min-width:1600px){.partner.boos>.website-showcase{width:88%}.concept-grid{gap:120px 50px}}
@media(max-width:800px){
 .centered-ai .minimal-three.hero-three{height:74svh;min-height:480px;padding:125px 7% 65px}
 .centered-ai .minimal-three h1{font-size:clamp(37px,8.8vw,68px);max-width:100%}
 .centered-ai .minimal-three h1>span{margin-left:3vw}
 .centered-ai .minimal-service-line{margin:24px 0 0 3vw;max-width:300px}
 .centered-ai .minimal-three:after{height:45px;bottom:23px;left:7%}
 .offerings,.partners,.concepts{padding-inline:6%}
 .chapter-heading{margin-bottom:35px}.chapter-heading>div,.chapter-heading h2,.chapter-heading p{text-align:left}
 #leistungen .chapter-heading{margin-left:0}#zusammenarbeit>.chapter-heading{margin-bottom:40px}
 .partner.boos{display:block}.partner{padding-bottom:30px;margin-top:30px}
 .partner.boos>.website-showcase{width:100%;max-width:100%;margin:12px 0 35px;padding:18px 4% 0;transform:rotate(-.7deg)}
 .partner.boos>.partner-body{max-width:100%;margin:10px 0 0}
 .partner.ar{width:100%;margin:35px 0}
 .partner-heading,.partner-copy{padding-inline:0}
 .result-numbers strong{font-size:66px}.centered-ai .results-carousel .result-card{padding:16px 12px 16px 0}
 #konzepte>.chapter-heading{margin-left:0}
 .website-concept{margin-bottom:55px;gap:18px}
 .website-concept .kalash-website-showcase{width:100%;max-width:100%;margin:0;padding:18px 4% 0;transform:rotate(.7deg)}
 .website-concept-copy{margin:10px 0 0 6%;max-width:94%}
 .concept-grid{display:flex!important;gap:20px;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:6px 0 20px;align-items:flex-start}
 .concept{flex:0 0 82%;margin:0!important;scroll-snap-align:start}
 .concept:nth-child(even){flex-basis:72%;padding-top:45px}
 .concept .image-button{height:auto!important;aspect-ratio:4/5;padding:0!important}
 .concept figcaption{margin-top:14px}.concept figcaption h3{font-size:12px}
 .concept-progress-hint{align-items:flex-start}
 .workflow.workflow-timeline-section{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){.partner.boos>.website-showcase,.website-concept .kalash-website-showcase{transform:none}.concept .image-button>img{transition:none}}

/* Sculptures occupy the open margin opposite the editorial copy. */
.mobile-sculpture-space{display:none}
@media(min-width:801px){
 #konzepte>.chapter-heading{margin-left:0;max-width:60%}
 .scene-shell .three-fallback{inset:auto;left:71%;top:var(--sculpture-top,50%);width:23vw;height:23vw;max-height:300px;transform:translate(-50%,-50%)}
 body[data-sculpture-side=left] .scene-shell .three-fallback{left:18%}
}
@media(max-width:800px){
 .mobile-sculpture-space{display:block;height:180px;width:100%;pointer-events:none}
 .partner.boos>.mobile-sculpture-space{grid-column:1/-1}
 .scene-shell .three-fallback{inset:auto;left:50%;top:var(--sculpture-top,25%);width:150px;height:150px;transform:translate(-50%,-50%)}
 .centered-ai.partner-scene .scene-shell{mask-image:none}
}
@media(min-width:801px){.about-statement .about-scroll-copy,.about-statement .about-scroll-secondary{max-width:60%;margin-left:0;text-align:left}.about-profile-note{max-width:60%;margin-left:0;text-align:left}}

/* Ads reports keep the sculpture at its original height, in the left margin. */
@media(min-width:801px){
 .partner.ar{width:65%}
 .partner.boos>.partner-body{grid-column:5/13}
 body.partner-scene .scene-shell .three-fallback{left:18%;top:50%}
}

/* Compact, evenly aligned creative collection. */
.concept-scroll{max-width:1000px;margin:0 auto}
.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px;align-items:start}
.concept-grid .concept{grid-column:auto;margin:0;max-width:100%;width:100%}
.centered-ai .concept .image-button{aspect-ratio:4/5;border-radius:5px}
.concept figcaption{margin-top:12px;gap:9px}
.concept figcaption h3{font-size:11px;line-height:1.5}
.concept .image-action{font-size:8px;padding:9px 11px;bottom:10px;right:10px}
.website-concept{margin-bottom:65px}
@media(max-width:800px){
 .concept-scroll{max-width:100%}
 .concept-grid{gap:16px;padding-bottom:16px;align-items:flex-start}
 .concept-grid .concept,.concept-grid .concept:nth-child(even){flex:0 0 min(68vw,280px);width:auto;margin:0!important;padding-top:0}
 .concept figcaption{margin-top:11px;min-height:34px}
 .concept figcaption h3{font-size:11px}
 .website-concept{margin-bottom:36px}
}

/* Tighter transition from campaign results to the collaboration steps. */
#zusammenarbeit{padding-bottom:25px}
#zusammenarbeit .partner:last-of-type{padding-bottom:0;margin-bottom:0}
#zusammenarbeit + .workflow.workflow-timeline-section{margin-top:0;padding-top:35px}
@media(max-width:800px){#zusammenarbeit{padding-bottom:15px}#zusammenarbeit + .workflow.workflow-timeline-section{margin-top:0;padding-top:25px}}

/* Saturated Instagram gradient revealed progressively down the step timeline. */
.workflow-timeline-section{--timeline-color:hsl(calc(275 + var(--timeline-progress)*125) 96% 56%)}
.workflow-timeline .workflow-light-track{width:3px;background:linear-gradient(180deg,#a000ff22,#ff00bb22 45%,#ff8a0022);border-radius:4px}
.workflow-timeline-section .workflow-light-fill{background:linear-gradient(180deg,#9500ff 0%,#d500ed 28%,#ff00a8 48%,#ff2856 70%,#ff8700 90%,#ffbc00 100%);transform:none;clip-path:inset(0 0 calc((1 - var(--timeline-progress))*100%) 0);box-shadow:none;border-radius:4px}
.workflow-timeline-section .workflow-beam{left:-3px;width:9px;height:9px;background:#fff;border:2px solid var(--timeline-color);transform:translate3d(0,calc(var(--timeline-y) - 4px),0);box-shadow:0 0 12px 3px color-mix(in srgb,var(--timeline-color) 45%,transparent),0 0 28px 8px color-mix(in srgb,var(--timeline-color) 20%,transparent)}
.workflow-timeline-section .workflow-light-track b{left:-4px;width:11px;height:11px;background:#fff;border:2px solid #e3cbe9;box-shadow:0 0 0 7px #faf3fc}
.workflow-timeline-section .workflow-light-track b:nth-of-type(1){--stop-color:#9500ff}
.workflow-timeline-section .workflow-light-track b:nth-of-type(2){--stop-color:#ff00a8}
.workflow-timeline-section .workflow-light-track b:nth-of-type(3){--stop-color:#ff9b00}
.workflow-timeline-section .workflow-light-track b.is-passed{background:var(--stop-color);border-color:var(--stop-color);box-shadow:0 0 0 7px color-mix(in srgb,var(--stop-color) 10%,white)}
.workflow-timeline-section .workflow-light-track b.is-current-step{background:#fff;border-color:var(--stop-color);box-shadow:0 0 0 8px color-mix(in srgb,var(--stop-color) 12%,white),0 0 24px 3px color-mix(in srgb,var(--stop-color) 20%,transparent)}
@media(prefers-reduced-motion:reduce){.workflow-timeline-section .workflow-light-fill{clip-path:none}}

/* Refined timeline: quiet rail, precise gradient reveal, restrained markers. */
.workflow-timeline .workflow-light-track{width:2px;border-radius:2px;background:#e9dfed}
.workflow-timeline-section .workflow-light-fill{background:linear-gradient(180deg,#a36bc9 0%,#c66bb3 38%,#e07d9e 68%,#eeab78 100%);clip-path:inset(0 0 calc((1 - var(--timeline-progress))*100%) 0);border-radius:2px;transition:none}
.workflow-timeline-section .workflow-beam{width:7px;height:7px;left:-2.5px;background:#fff;border:1.5px solid var(--timeline-color);transform:translate3d(0,calc(var(--timeline-y) - 3.5px),0);box-shadow:0 0 0 4px #ffffffb3,0 0 11px 1px color-mix(in srgb,var(--timeline-color) 22%,transparent);transition:none}
.workflow-timeline-section .workflow-light-track b{left:-3px;width:8px;height:8px;border:1.5px solid #d8c6df;background:#fff;box-shadow:0 0 0 5px #ffffffd9;transition:background .18s,border-color .18s,box-shadow .18s}
.workflow-timeline-section .workflow-light-track b:nth-of-type(1){--stop-color:#a36bc9}
.workflow-timeline-section .workflow-light-track b:nth-of-type(2){--stop-color:#cf72ad}
.workflow-timeline-section .workflow-light-track b:nth-of-type(3){--stop-color:#eeab78}
.workflow-timeline-section .workflow-light-track b.is-passed{background:var(--stop-color);border-color:var(--stop-color);box-shadow:0 0 0 5px #ffffffd9}
.workflow-timeline-section .workflow-light-track b.is-current-step{background:#fff;border-color:var(--stop-color);box-shadow:0 0 0 5px #fff,0 0 0 8px color-mix(in srgb,var(--stop-color) 10%,transparent)}
.workflow-timeline-section .story-step{transform:none!important;will-change:opacity}
@media(prefers-reduced-motion:reduce){.workflow-timeline-section .workflow-light-fill{clip-path:none}.workflow-timeline-section .workflow-light-track b{transition:none}}

/* No scroll progress decoration in the navigation bar. */
.site-header .reading{display:none}

/* Minimal navigation without the personal masthead. */
.site-header>.brand{display:none}
.site-header{justify-content:flex-end}

/* Center the navigation in the top bar. */
.site-header{justify-content:center}
.site-header nav{justify-content:center}

/* Scroll-linked feedback has no trailing transitions. */
.workflow-timeline-section .workflow-light-track b,.workflow-timeline-section .story-step,.workflow-timeline-section .story-step h3,.workflow-timeline-section .step-num{transition:none!important}
.workflow-timeline-section .workflow-light-fill{will-change:clip-path}

/* A reached marker stays filled, including while it is the current step. */
.workflow-timeline-section .workflow-light-track b.is-passed,
.workflow-timeline-section .workflow-light-track b.is-passed.is-current-step{background:var(--stop-color);border-color:var(--stop-color);transition:none!important}

/* Scene changes never carry the previous object into a new section. */
.centered-ai .scene-shell{transition:none}

/* Short editorial reveals; timing never changes the scroll position. */
.text-motion{opacity:0;translate:0 12px;transition:opacity .42s ease,translate .55s cubic-bezier(.22,1,.36,1);transition-delay:0ms}
.text-motion.text-visible{opacity:1;translate:0 0;transition-delay:var(--text-delay,0ms)}
.centered-ai .scene-shell{transition:opacity .24s ease,visibility .24s;visibility:hidden}
.centered-ai.ai-visible .scene-shell{visibility:visible}
@media(prefers-reduced-motion:reduce){.text-motion{opacity:1;translate:none;transition:none}.centered-ai .scene-shell{transition:none}}
.centered-ai:not(.ai-visible) .scene-shell{opacity:0;visibility:hidden}

/* Mobile layout: accessible navigation, reserved sculpture space, readable reports. */
@media(max-width:800px){
 html{scroll-padding-top:90px}
 .site-header,.has-scrolled .site-header{padding:12px 4%;min-height:66px}
 .site-header nav{width:100%;max-width:520px;gap:clamp(6px,2.4vw,14px);flex-wrap:wrap;justify-content:center}
 .site-header nav>a:not(.nav-cta){display:inline-flex;min-height:42px;font-size:11px;white-space:nowrap;padding:6px 0}
 .site-header nav>.nav-cta{font-size:11px;min-height:42px;padding:9px 12px}
 .centered-ai .minimal-three.hero-three{height:auto;min-height:65svh;max-height:none;padding:135px 6% 65px}
 .centered-ai .minimal-three h1{font-size:clamp(34px,8.7vw,64px);line-height:1.12;overflow-wrap:normal}
 .centered-ai .minimal-three h1>span{margin-left:0;font-size:1.16em}
 .centered-ai .minimal-service-line{margin-left:0;max-width:330px}
 .centered-ai .minimal-service-line>span{font-size:13px;line-height:1.8}
 #leistungen.offerings,.partners{padding-top:45px}
 .chapter-heading h2{font-size:clamp(30px,7.8vw,44px)}
 .chapter-heading p,.service-carousel .offering>p{font-size:14px;line-height:1.8}
 .service-sculpture-space{height:190px;margin-bottom:14px}
 .service-carousel .offering h3{font-size:30px}
 .service-carousel .offering-grid{align-items:stretch}
 .centered-ai .service-carousel .offering{min-height:290px;padding-inline:2px}
 .service-carousel .offer-details-toggle,.service-carousel .offering>a{font-size:12px;min-height:46px}
 .service-carousel .offer-details li{font-size:13px}
 .partner.ar{width:100%}
 .partner-identity{gap:14px;align-items:center}
 .partner-heading h3{font-size:21px;line-height:1.3}
 .partner .partner-heading h3>span{font-size:11px;line-height:1.6}
 .partner.boos>.website-showcase{transform:none;width:100%;margin-inline:0;padding:14px 4% 0}
 .website-action{position:relative;display:table;margin:12px auto;bottom:auto;right:auto;font-size:11px;padding:10px 14px;min-height:40px}
 .partner .partner-body{gap:14px;margin-top:20px}
 .partner-body>.mobile-sculpture-space{height:180px;margin:0;grid-column:1/-1}
 .partner .results-carousel{min-width:0;width:100%}
 .partner .results-carousel .result-card{flex-basis:94%;padding:16px 12px 16px 0}
 .result-numbers strong{font-size:60px;min-height:65px}
 .result-numbers>div>span,.campaign-meta,.result-heading>span,.result-footer>span{font-size:11px;line-height:1.7}
 .result-footer button{font-size:12px;min-height:44px}
 .performance-svg{width:100%;height:auto}
 .workflow-timeline-section .story-step{height:auto;min-height:205px;padding:26px 0}
 .workflow-timeline-section .story-step p{font-size:14px;line-height:1.75;max-width:100%}
 .workflow-timeline-section .story-step h3{font-size:27px}
 .workflow-timeline-steps{padding-left:17%}
 .about-statement .about-scroll-copy{font-size:clamp(27px,7.5vw,36px);line-height:1.3}
 .about-statement .about-scroll-secondary{font-size:18px;line-height:1.65}
 .contact-section{padding:55px 6% 50px}
 .contact-section>p{font-size:14px;line-height:1.8}
 footer{flex-wrap:wrap;justify-content:center;text-align:center;gap:20px;padding:25px 6% max(25px,env(safe-area-inset-bottom))}
 dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:14px}
 dialog>img{max-height:calc(100dvh - 110px);max-width:100%;height:auto}
 .close{min-height:44px;font-size:12px}
 .text-motion{translate:0 8px;transition-duration:.3s,.4s}
 .text-motion.text-visible{translate:0 0}
 .centered-ai .ambient-orb{filter:blur(42px);will-change:auto}
}
@media(max-width:360px){.site-header nav{gap:9px}.site-header nav>a:not(.nav-cta),.site-header nav>.nav-cta{font-size:10px}.site-header nav>.nav-cta{padding:9px}.centered-ai .minimal-three h1{font-size:32px}}

/* A real local drawing surface keeps mobile objects inside their reserved space. */
.preview-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:1;transition:opacity .25s;pointer-events:none}
.preview-ready .preview-poster{opacity:0}
@media(max-width:800px){
 .service-sculpture-space,.mobile-sculpture-space{position:relative;isolation:isolate;overflow:hidden}
 .scene-shell.local-scene{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:hidden;contain:strict}
 .scene-shell.local-scene .three-stage{inset:0!important;width:100%!important;height:100%!important}
 .scene-shell.local-scene #three-canvas,.scene-shell.local-scene canvas{width:100%;height:100%;display:block}
 .scene-shell.local-scene .three-fallback{inset:15% 25%;width:auto;height:auto;transform:none}
 .partner-body>.mobile-sculpture-space{height:165px}
 .service-sculpture-space{height:175px;margin-bottom:12px}
 .partner .partner-body{margin-top:12px;gap:8px}
 .partner.ar{margin-top:30px;margin-bottom:20px}
 .partner{padding-bottom:20px}
 .chapter-heading{margin-bottom:28px}
 .site-header nav>a:not(.nav-cta){font-size:12px;color:#514956}
 .site-header nav{gap:12px}
 .site-header nav>a[href='#ueber']{display:none}
 .result-heading>span,.campaign-meta,.result-numbers>div>span,.result-footer>span{color:#60556c;font-size:12px!important}
 .chart-heading>span,.chart-source{font-size:10px!important;color:#71677a}
 .chart-grid text,.chart-dates text{font-size:14px;fill:#75687f}
 .partner-work-title{font-size:15px;color:#4b4055;margin-block:14px}
 .result-numbers{gap:20px;margin-top:18px}
 .service-gesture-label{font-size:10px;color:#71647b}
 .workflow-timeline-section .step-num{font-size:10px;color:#796985}
 .workflow-timeline-section .story-step p{color:#655c6c}
 .centered-ai .ambient-orb{transition:none}
 .text-motion{translate:none;transition:opacity .24s ease}
 .text-motion.text-visible{translate:none;transition-delay:0ms}
}
@media(max-width:360px){.site-header nav{gap:10px}.site-header nav>a:not(.nav-cta){font-size:11px}}

/* Mobile sculptures return to the fixed, centered scroll scene. */
@media(max-width:800px){
 .partner-body>.mobile-sculpture-space,.about-statement>.mobile-sculpture-space{display:none;height:0}
 .scene-shell,.scene-shell.local-scene{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
 .scene-shell .three-fallback{left:50%;top:50%;width:150px;height:150px;inset:auto;transform:translate(-50%,-50%)}
 .scene-shell .three-fallback{left:50%;top:50%}
}
@media(max-width:800px){
 .service-sculpture-space>.scene-shell.local-scene{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;contain:strict}
 .service-sculpture-space>.scene-shell.local-scene .three-fallback{inset:15% 25%;width:auto;height:auto;transform:none}
}

/* A compact opening connects the headline directly to the work. */
.centered-ai .minimal-three.hero-three{height:auto;min-height:570px;max-height:none;padding-top:155px;padding-bottom:85px}
.centered-ai .minimal-hero-copy{position:relative;z-index:1}
.centered-ai .minimal-three.hero-three:before{content:'';position:absolute;inset:14% -8% 4% 48%;background:radial-gradient(ellipse at 70% 25%,#c77af235,transparent 60%),radial-gradient(ellipse at 30% 65%,#fb69b62b,transparent 58%),radial-gradient(ellipse at 75% 85%,#ffb25b29,transparent 55%);pointer-events:none;z-index:0}
#leistungen.offerings{padding-top:45px}
@media(max-width:800px){
 .centered-ai .minimal-three.hero-three{min-height:0;height:auto;max-height:none;padding:135px 6% 65px}
 .centered-ai .minimal-hero-copy{margin:0}
 .centered-ai .minimal-three h1{margin:0;line-height:1.12}
 .centered-ai .minimal-service-line{margin-top:23px;max-width:290px}
 .centered-ai .minimal-service-line>span{display:block;white-space:normal;text-wrap:balance;line-height:1.75}
 .centered-ai .minimal-three.hero-three:before{inset:10% -10% 0 22%;background:radial-gradient(ellipse at 85% 25%,#c77af23b,transparent 62%),radial-gradient(ellipse at 30% 68%,#fb69b62b,transparent 60%),radial-gradient(ellipse at 85% 95%,#ffb25b2e,transparent 58%)}
 .centered-ai .minimal-three.hero-three:after{display:none}
 #leistungen.offerings{padding-top:24px}
 #leistungen .chapter-heading{margin-bottom:12px}
}

/* Match the shared ambient background and introduce services clearly. */
.centered-ai .minimal-three.hero-three:before{display:none}
#leistungen .chapter-heading{margin-left:0;margin-top:0;margin-bottom:12px}
#leistungen .chapter-heading>div,#leistungen .chapter-heading h2,#leistungen .chapter-heading p{text-align:center;margin-inline:auto}
#leistungen .chapter-heading h2{font-size:clamp(40px,4.8vw,74px);margin-bottom:18px}
@media(max-width:800px){
 #leistungen.offerings{padding-top:12px}
 #leistungen .chapter-heading h2{font-size:clamp(36px,9.5vw,48px);line-height:1.15;margin-bottom:15px}
 #leistungen .chapter-heading p{max-width:290px}
 .service-sculpture-space{margin-top:0}
}
.centered-ai .minimal-hero-copy,.centered-ai .minimal-three h1{text-align:center;margin-inline:auto}
.centered-ai .minimal-three h1>span{margin-left:0}
.centered-ai .minimal-service-line{text-align:center;margin-inline:auto}
@media(max-width:800px){
 .centered-ai .minimal-three.hero-three{padding-top:115px;padding-bottom:55px;justify-content:flex-start}
 .centered-ai .minimal-three h1{font-size:clamp(36px,9.5vw,66px)}
 .centered-ai .minimal-service-line{margin-top:23px}
}

/* Flowing ribbons replace the circular ambient color patches. */
.centered-ai .ambient-orb{display:none}
.centered-ai .ambient-base{background:#fff}
.centered-ai .ambient:after{content:'';position:absolute;inset:-12% -8%;background:url('assets/ambient-ribbons.svg') center/cover no-repeat;transform:translate3d(calc(var(--bg-x)*.15),calc(var(--bg-y)*.22),0);pointer-events:none;opacity:.9}
@media(max-width:800px){.centered-ai .ambient:after{inset:-8% -50%;background-size:auto 115%;opacity:.9}}
@media(prefers-reduced-motion:reduce){.centered-ai .ambient:after{transform:none}}

/* Real work replaces the decorative 3D scenes. */
.service-visual-stage{pointer-events:none;overflow:visible;display:grid;place-items:center;height:330px}
.service-visual{position:absolute;width:min(90%,400px);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .28s ease,transform .35s ease,visibility .28s;pointer-events:none}
.service-visual.is-active{opacity:1;visibility:visible;transform:none}
.sample-desktop{width:88%;border:1px solid #e6dfe9;border-radius:8px;background:#fff;box-shadow:0 15px 40px #6b416c12;overflow:hidden}
.sample-toolbar{display:flex;gap:4px;padding:9px 11px;background:#faf8fb}
.sample-toolbar i{width:4px;height:4px;background:#d2c6da;border-radius:50%}
.sample-desktop>img{width:100%;height:auto;display:block}
.sample-phone{position:absolute;right:0;bottom:-12px;width:24%;height:76%;padding:4px;border:1px solid #dbd0e3;border-radius:12px;background:#fff;box-shadow:0 8px 25px #55346315;overflow:hidden}
.sample-phone img{width:100%;height:100%;object-fit:cover;object-position:50% 0;border-radius:8px}
.creative-samples{display:flex;align-items:center;justify-content:center;gap:10px}
.creative-samples img{display:block;width:29%;height:auto;border-radius:3px;box-shadow:0 8px 25px #51355112}
.creative-samples img:nth-child(1){transform:rotate(-6deg) translateY(10px)}
.creative-samples img:nth-child(3){transform:rotate(6deg) translateY(10px)}
.ads-sample{border:1px solid #ece4ee;border-radius:8px;overflow:hidden;background:#ffffffc9;box-shadow:0 12px 35px #6b416c08}
.ads-sample svg{display:block;width:100%;height:auto;padding:12px}
.sample-chart-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s ease}
.ads-sample.is-active .sample-chart-line{stroke-dashoffset:0}
.partner.boos>.partner-body{grid-column:1/13;max-width:900px;margin:10px auto 0;width:100%}
.partner.ar{width:100%;max-width:900px;margin:45px auto}
.partner-brand-small{filter:none;opacity:1}
.centered-ai .ambient:after{inset:-20% -10%;background-size:cover;transform:translate3d(0,var(--ribbon-shift,0px),0);opacity:1}
@media(max-width:800px){
 .service-visual-stage{height:200px;margin:8px 0 20px;width:100%;position:relative;overflow:visible}
 .service-visual{width:min(90%,290px)}
 .sample-phone{bottom:-8px}
 .sample-desktop{width:87%}
 .creative-samples img{max-height:180px;width:auto;max-width:30%;object-fit:contain}
 .partner.boos>.partner-body{max-width:100%}
 .partner.ar{width:100%;margin:30px 0}
 .centered-ai .ambient:after{inset:-12% -65% -30%;background-size:auto 115%;transform:translate3d(0,var(--ribbon-shift,0px),0)}
}
@media(prefers-reduced-motion:reduce){.service-visual{transform:none;transition:none}.sample-chart-line{transition:none}.centered-ai .ambient:after{transform:none}}

/* Pure white canvas, with Instagram color reserved for type and numerals. */
:root{--instagram-type:linear-gradient(115deg,#833ab4 0%,#c13584 30%,#e1306c 50%,#f56040 73%,#fca443 100%)}
html,body.centered-ai{background:#fff}
.centered-ai .ambient-base{background:#fff}
.centered-ai .ambient:after,.centered-ai .ambient-orb,.centered-ai .ambient-grid,.centered-ai .ambient-contour{display:none!important}
.centered-ai .minimal-three.hero-three:before,.centered-ai .minimal-three.hero-three:after{display:none}
.centered-ai .minimal-three h1>span,.centered-ai h2 em,.workflow-heading h2 em,
.centered-ai .result-numbers div:nth-child(2) strong,.centered-ai .result-numbers div:nth-child(2) strong .counter-digits,
.service-carousel .offering-top>span,.service-carousel .offer-details-toggle,.service-carousel .offering>a,
.text-link,.concept-index,.gallery-page .image-action,.gallery-page h1 em,
.workflow-timeline-section .story-step.is-current-step .step-num,
.centered-ai .about-scroll-secondary .statement-word.is-lit{
 background:var(--instagram-type);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
.sample-desktop{width:100%}
.website-showcase,.website-concept .kalash-website-showcase,.centered-ai .image-button,.centered-ai .results-carousel .result-card{background:#fff}
.workflow-timeline-section .story-step h3,.workflow-timeline-section .step-num,.service-progress-hint .service-gesture-label{
 background:var(--instagram-type);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}

/* Quiet editorial type palette replaces multicolor lettering. */
.centered-ai .minimal-three h1>span,.centered-ai h2 em,.workflow-heading h2 em,
.centered-ai .result-numbers div:nth-child(2) strong,.centered-ai .result-numbers div:nth-child(2) strong .counter-digits,
.service-carousel .offering-top>span,.service-carousel .offer-details-toggle,.service-carousel .offering>a,
.text-link,.concept-index,.gallery-page .image-action,.gallery-page h1 em,
.workflow-timeline-section .story-step h3,.workflow-timeline-section .step-num,
.workflow-timeline-section .story-step.is-current-step .step-num,
.service-progress-hint .service-gesture-label,.centered-ai .about-scroll-secondary .statement-word.is-lit{
 background:none;background-clip:border-box;-webkit-background-clip:border-box;color:#65758b;-webkit-text-fill-color:currentColor;
}
.centered-ai .result-numbers div:nth-child(2) strong,.centered-ai .result-numbers div:nth-child(2) strong .counter-digits{color:#30343b}
.service-carousel .offering-top>span,.concept-index,.service-progress-hint .service-gesture-label,.workflow-timeline-section .step-num{color:#858b95}
.service-carousel .offer-details-toggle,.service-carousel .offering>a,.text-link,.gallery-page .image-action{color:#596579}
.workflow-timeline-section .story-step h3{color:#636e7e}
.workflow-timeline-section .story-step.is-current-step h3{color:#303946}
.service-progress-track{background:#e8e9ec}.service-progress-track i{background:#8490a1}

/* Highlight only the primary campaign outcome, not costs or numbering. */
.centered-ai .result-numbers>div:first-child>strong,
.centered-ai .result-numbers>div:first-child>strong .counter-digits{
 background:var(--instagram-type);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}

/* Warm aubergine accents for the editorial words. */
.centered-ai .minimal-three h1>span,.centered-ai h2 em,.workflow-heading h2 em,.gallery-page h1 em,
.centered-ai .about-scroll-secondary .statement-word.is-lit{color:#68566f;-webkit-text-fill-color:currentColor;background:none}

/* Editorial motion: short reveals that preserve layout and reading position. */
.editorial-reveal{opacity:0;translate:0 18px;transition:opacity .55s ease,translate .75s cubic-bezier(.22,1,.36,1)!important;transition-delay:0ms!important}
.editorial-reveal.editorial-visible{opacity:1;translate:0 0;transition-delay:var(--editorial-delay,0ms)!important}
.workflow-timeline-section .story-step h3.editorial-reveal,.workflow-timeline-section .story-step p.editorial-reveal{transition:opacity .45s ease,translate .6s cubic-bezier(.22,1,.36,1)!important}
.service-carousel .offering.is-carousel-active h3{animation:offer-copy-enter .45s cubic-bezier(.22,1,.36,1) both}
.service-carousel .offering.is-carousel-active>p{animation:offer-copy-enter .5s cubic-bezier(.22,1,.36,1) .055s both}
@keyframes offer-copy-enter{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@media(max-width:800px){.editorial-reveal{translate:0 11px;transition-duration:.4s,.5s!important}.editorial-reveal.editorial-visible{translate:0 0}.service-carousel .offering.is-carousel-active h3,.service-carousel .offering.is-carousel-active>p{animation-duration:.35s}}
@media(prefers-reduced-motion:reduce){.editorial-reveal{opacity:1;translate:none;transition:none!important}.service-carousel .offering.is-carousel-active h3,.service-carousel .offering.is-carousel-active>p{animation:none}}
.reduce-editorial-motion .editorial-reveal{opacity:1;translate:none;transition:none!important}
/* Timeline headings fade in without moving their measured marker positions. */
.workflow-timeline-section .story-step h3.editorial-reveal,.workflow-timeline-section .story-step p.editorial-reveal{translate:none!important}

/* Distinct editorial chapters, with a quieter palette between the work. */
.centered-ai #start{background:#fff}
.centered-ai #leistungen{background:#f5f3f1;padding-bottom:75px}
.centered-ai #zusammenarbeit{background:#fff;color:#24222a;padding-top:85px;padding-bottom:65px}
.centered-ai #gedanke{background:#fff;margin-top:0;padding-top:65px}
.centered-ai .about.about-statement,.centered-ai #kontakt{background:#f3eff2}
.centered-ai .about.about-statement{padding-bottom:45px}
.centered-ai #kontakt{padding-top:65px}
@media(max-width:800px){
 .centered-ai #leistungen{padding-top:35px;padding-bottom:45px}
 .centered-ai #zusammenarbeit{padding-top:48px;padding-bottom:35px}
 .centered-ai #gedanke{padding-top:45px}
 .centered-ai .about.about-statement{padding-bottom:30px}
 .centered-ai #kontakt{padding-top:40px}
 #zusammenarbeit .partner-identity{gap:15px}
 #zusammenarbeit .partner-brand-small{padding:5px}
}

/* Separate the personal introduction and the final contact chapter. */
.centered-ai #kontakt{background:#fff}

/* A warm, image-led introduction with readable copy at every screen size. */
.centered-ai #start.hero{position:relative;isolation:isolate;overflow:hidden;min-height:650px;padding:145px 7% 90px;justify-content:center}
.hero-workspace{position:absolute;inset:0;z-index:-2;display:block}
.hero-workspace img{width:100%;height:100%;display:block;object-fit:cover;object-position:70% center}
.centered-ai #start.hero:before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffffff5 0%,#ffffffdb 29%,#ffffff73 47%,#ffffff00 67%);pointer-events:none}
.centered-ai #start .minimal-hero-copy{width:58%;margin:0;text-align:left}
.centered-ai #start h1{font-size:clamp(48px,5.4vw,84px);text-align:left;margin:0;line-height:1.06;max-width:680px}
.centered-ai #start h1>span{margin-left:0;font-size:1.13em}
.centered-ai #start .minimal-service-line{margin:28px 0 0;text-align:left;max-width:390px}
.centered-ai #start .minimal-service-line>span{color:#4c4651;font-size:14px;line-height:1.85;text-wrap:balance}
@media(max-width:800px){
 .centered-ai #start.hero{min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:28px;padding:115px 0 0}
 .centered-ai #start.hero:before{display:none}
 .centered-ai #start .minimal-hero-copy{order:0;width:100%;padding-inline:6%;text-align:center}
 .centered-ai #start h1{font-size:clamp(36px,9.5vw,62px);text-align:center;max-width:100%;line-height:1.12}
 .centered-ai #start .minimal-service-line{margin:22px auto 0;text-align:center;max-width:300px}
 .centered-ai #start .minimal-service-line>span{font-size:13px}
 .hero-workspace{position:relative;inset:auto;order:1;z-index:0;width:100%;height:clamp(240px,66vw,420px);overflow:hidden}
 .hero-workspace img{object-position:74% center}
}
@media(prefers-reduced-motion:no-preference){.hero-workspace{animation:workspace-enter .9s ease both}@keyframes workspace-enter{from{opacity:0}to{opacity:1}}}

/* Overhead workspace fills the hero behind a high-contrast headline. */
.centered-ai #start.hero{min-height:680px;padding:150px 7% 100px;justify-content:center;background:#29252b}
.centered-ai #start .hero-workspace{position:absolute;inset:0;width:100%;height:100%;z-index:-2;order:initial}
.centered-ai #start .hero-workspace img{object-fit:cover;object-position:65% center}
.centered-ai #start.hero:before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#18151dba 0%,#221c27a6 50%,#211b247a 100%)}
.centered-ai #start .minimal-hero-copy{width:100%;max-width:1100px;margin-inline:auto;padding:0;text-align:center}
.centered-ai #start h1{color:#fff;text-align:center;margin-inline:auto;max-width:100%;font-size:clamp(50px,6.7vw,104px);text-shadow:0 2px 24px #14101922}
.centered-ai #start h1>span{color:#f1e5f3;-webkit-text-fill-color:currentColor;background:none}
.centered-ai #start .minimal-service-line{margin:30px auto 0;text-align:center;max-width:500px}
.centered-ai #start .minimal-service-line>span{color:#f1ebf2}
@media(max-width:800px){
 .centered-ai #start.hero{min-height:620px;min-height:78svh;gap:0;padding:135px 6% 90px;justify-content:center}
 .centered-ai #start .hero-workspace{position:absolute;inset:0;height:100%;width:100%}
 .centered-ai #start .hero-workspace img{object-position:72% center}
 .centered-ai #start.hero:before{display:block;background:linear-gradient(180deg,#211b2880,#18151dc4)}
 .centered-ai #start h1{font-size:clamp(36px,9.5vw,64px);line-height:1.12}
 .centered-ai #start .minimal-service-line{max-width:300px;margin-top:24px}
}

/* White navigation over the photograph; dark navigation on the scrolled bar. */
.centered-ai:not(.gallery-page):not(.has-scrolled) .site-header{background:transparent;border-color:transparent;box-shadow:none}
.centered-ai:not(.gallery-page):not(.has-scrolled) .site-header nav>a:not(.nav-cta){color:#fff;text-shadow:0 1px 10px #16111c30}
.centered-ai:not(.gallery-page):not(.has-scrolled) .site-header nav>a:after{background:#ffffffb8}
.site-header nav>.nav-cta{border-radius:999px;padding:12px 22px;font-weight:500;letter-spacing:.01em;transition:background .2s,border-color .2s,box-shadow .2s,color .2s}
.centered-ai:not(.gallery-page):not(.has-scrolled) .site-header nav>.nav-cta{color:#fff;background:#ffffff16;border:1px solid #ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff15}
.centered-ai.has-scrolled .site-header nav>.nav-cta,.gallery-page .site-header nav>.nav-cta{color:#68566f;background:#68566f08;border-color:#68566f40}
@media(hover:hover){.centered-ai:not(.gallery-page):not(.has-scrolled) .site-header nav>.nav-cta:hover{background:#ffffff2e;border-color:#fff;box-shadow:0 4px 18px #17111d12}.centered-ai.has-scrolled .site-header nav>.nav-cta:hover{background:#68566f12;border-color:#68566f80}}
@media(max-width:800px){.site-header nav>.nav-cta{padding:10px 16px;min-height:44px}.centered-ai:not(.gallery-page):not(.has-scrolled) .site-header nav>a:not(.nav-cta){color:#fff}}

/* Lightly translucent navigation with a restrained glass finish. */
.centered-ai:not(.gallery-page):not(.has-scrolled) .site-header{background:rgba(35,29,39,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #ffffff12}
.centered-ai.has-scrolled .site-header,.gallery-page .site-header{background:rgba(255,255,255,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #68566f0d;box-shadow:0 3px 18px #29202e04}

/* The navigation surface appears only after scrolling away from the top. */
.centered-ai:not(.gallery-page):not(.has-scrolled) .site-header{background:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.centered-ai.has-scrolled .site-header{background:rgba(255,255,255,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}

/* Navigation uses text color without an active-section underline. */
.site-header nav>a:after{display:none!important}

/* Quiet editorial partner portfolio. */
.centered-ai #zusammenarbeit.partners{padding:100px 7%;background:#f6f4f1;color:var(--ink)}
#zusammenarbeit>.chapter-heading{max-width:1100px;margin:0 auto 80px}
.centered-ai #zusammenarbeit .partner{width:100%;max-width:1100px;margin:0 auto;padding:0 0 85px;background:none;border:0}
.centered-ai #zusammenarbeit .partner.ar{padding:80px 0 0;border-top:1px solid #68566f20}
.centered-ai #zusammenarbeit .partner-heading{grid-column:1/-1;max-width:none;margin:0 0 35px;padding:0;background:none}
#zusammenarbeit .partner-identity{gap:25px}
#zusammenarbeit .partner-brand-small{width:90px;height:65px;object-fit:contain;background:none;padding:0;filter:none}
#zusammenarbeit .partner-heading h3{font-size:clamp(23px,3vw,36px);color:#292630}
#zusammenarbeit .partner-heading h3>span{font-size:11px;color:#817887;margin-top:8px}
#zusammenarbeit .partner-work-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#786a7d;margin-bottom:28px}
.centered-ai #zusammenarbeit .boos>.website-work-title{grid-column:1/-1}
.centered-ai #zusammenarbeit .boos>.laptop-showcase{grid-column:1/-1;display:block;width:100%;max-width:100%;margin:0 0 65px;padding:50px 10% 25px;background:#eeebe7;border:0;border-radius:4px;transform:none;text-align:center}
.laptop-display{max-width:820px;margin:0 auto;background:#19191c;border:9px solid #252528;border-bottom-width:15px;border-radius:15px 15px 0 0;overflow:hidden;box-shadow:0 20px 40px #29202e14}
.laptop-display img{display:block;width:100%;height:auto}
.laptop-base{width:108%;margin:0 -4%;height:15px;background:linear-gradient(#d7d7da,#9b9b9e);border-radius:2px 2px 50% 50%;position:relative;box-shadow:0 13px 17px #29202e12}
.laptop-base:before{content:'';display:block;width:14%;height:5px;margin:auto;background:#a7a7aa;border-radius:0 0 6px 6px}
#zusammenarbeit .website-action{position:static;display:inline-block;margin:30px auto 0;padding:0;background:none;border:0;color:#68566f;font-size:12px}
.centered-ai #zusammenarbeit .partner-body{grid-column:1/-1;width:100%;max-width:none;margin:0}
.centered-ai #zusammenarbeit .results-carousel .result-card{flex-basis:calc(50% - 25px);background:none;border:0;box-shadow:none;border-radius:0;padding:0 0 20px;backdrop-filter:none}
#zusammenarbeit .partner-results{gap:50px;padding:5px 0 12px}
#zusammenarbeit .result-heading h3{font-size:13px;font-weight:500;color:#403846}
#zusammenarbeit .result-heading>span{font-size:10px!important;color:#86798d}
#zusammenarbeit .campaign-meta{font-size:10px!important;color:#86798d;gap:18px}
#zusammenarbeit .result-numbers{margin-top:28px;gap:20px}
#zusammenarbeit .result-numbers strong{font-size:clamp(58px,6vw,86px);line-height:1.1}
#zusammenarbeit .result-numbers div:nth-child(2) strong{font-size:32px;color:#68566f}
#zusammenarbeit .result-numbers>div>span{font-size:11px!important;color:#817587}
#zusammenarbeit .performance-chart{margin-top:35px}
#zusammenarbeit .chart-heading>span,#zusammenarbeit .chart-source{font-size:9px!important;color:#8c8193}
#zusammenarbeit .result-footer{border-top:1px solid #68566f18;padding-top:16px;margin-top:20px}
#zusammenarbeit .result-footer a{font-size:11px;color:#68566f}
#zusammenarbeit .service-progress-hint{color:#8b7d92}
@media(max-width:800px){
 .centered-ai #zusammenarbeit.partners{padding:60px 6%}
 #zusammenarbeit>.chapter-heading{margin-bottom:50px}
 .centered-ai #zusammenarbeit .partner{padding-bottom:50px}
 .centered-ai #zusammenarbeit .partner.ar{padding-top:50px}
 #zusammenarbeit .partner-brand-small{width:72px;height:55px}
 #zusammenarbeit .partner-identity{gap:18px}
 .centered-ai #zusammenarbeit .boos>.laptop-showcase{padding:30px 7% 22px;margin-bottom:45px}
 .laptop-display{border-width:5px;border-bottom-width:9px;border-radius:9px 9px 0 0}
 .laptop-base{height:9px}.laptop-base:before{height:3px}
 .centered-ai #zusammenarbeit .results-carousel .result-card{flex-basis:92%;padding-right:8px}
 #zusammenarbeit .partner-results{gap:30px}
 #zusammenarbeit .result-numbers strong{font-size:64px}
 #zusammenarbeit .result-numbers div:nth-child(2) strong{font-size:30px}
}
.centered-ai #zusammenarbeit .boos>.photo-showcase{grid-column:1/-1;width:100%;max-width:1100px;margin:0 auto 65px;padding:0;background:none;border:0;transform:none}
.photo-crop{overflow:hidden;border-radius:5px}
.photo-scene{position:relative;width:100%;aspect-ratio:3/2}
.workspace-photo{display:block;width:100%;height:100%;object-fit:cover}
.photo-screen{position:absolute;left:23.89%;top:19.53%;width:52.22%;height:46.97%;overflow:hidden;background:#fff}
.photo-screen iframe{display:block;border:0;width:1440px;max-width:none;transform-origin:0 0;pointer-events:auto}
.photo-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;font-size:11px;color:#83758b}
.photo-caption a{color:#68566f;min-height:44px;display:flex;align-items:center}
@media(max-width:800px){.photo-scene{width:150%;margin-left:-25%}.centered-ai #zusammenarbeit .boos>.photo-showcase{margin-bottom:45px}.photo-caption{font-size:10px;gap:10px}}
/* Single full-bleed photograph, quiet white editorial surroundings. */
.centered-ai #zusammenarbeit.partners{background:#fff;overflow:hidden}
.partner-photo-story{grid-column:1/-1;min-width:0;width:100%;margin-bottom:70px}
.centered-ai #zusammenarbeit .partner-photo-story>.partner-heading{width:100%;margin:0 0 28px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
#zusammenarbeit .partner-photo-story .partner-heading h3{font-size:clamp(21px,2.4vw,30px)}
#zusammenarbeit .partner-photo-story .partner-brand-small{width:76px;height:55px}
#zusammenarbeit .partner-photo-story>.website-work-title{display:none}
.centered-ai #zusammenarbeit .partner-photo-story>.photo-showcase{display:block;width:100%;max-width:none;margin:0;padding:0;background:none;border:0;transform:none}
.partner-photo-story .photo-crop{width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;border:0;border-radius:0;box-shadow:none}
.partner-photo-story .photo-scene{max-width:none;margin-inline:auto}
.partner-photo-story .photo-crop{background:#e9e1d4}
.partner-photo-story .photo-caption{padding-top:16px;font-size:11px}
.centered-ai #zusammenarbeit .result-numbers>div:first-child strong{background:none;-webkit-text-fill-color:currentColor;color:#292630}
.centered-ai #zusammenarbeit .result-numbers div:nth-child(2) strong{color:#68566f}
#zusammenarbeit .result-heading h3{font-size:12px}
#zusammenarbeit .result-numbers{margin-top:32px}
#zusammenarbeit .chart-source{opacity:.75}
@media(max-width:800px){.partner-photo-story{margin-bottom:45px}.centered-ai #zusammenarbeit .partner-photo-story>.partner-heading{margin-bottom:22px}.partner-photo-story .photo-scene{width:150%;max-width:none;margin-left:-25%}.partner-photo-story .photo-caption{font-size:10px}}
/* Compact mobile rhythm and uncropped portfolio imagery. */
@media(max-width:800px){
 .centered-ai #leistungen.offerings,.centered-ai #zusammenarbeit.partners,.centered-ai #ueber.about,.centered-ai #kontakt.contact-section{padding-top:38px;padding-bottom:38px}
 .centered-ai #gedanke.workflow-timeline-section{padding-top:36px;padding-bottom:30px}
 .centered-ai .chapter-heading,#zusammenarbeit>.chapter-heading{margin-bottom:28px}
 .centered-ai #zusammenarbeit .partner{padding-bottom:30px}
 .centered-ai #zusammenarbeit .partner.ar{padding-top:32px;padding-bottom:0}
 .partner-photo-story{margin-bottom:28px}
 .partner-photo-story .photo-scene,.photo-scene{width:100%;margin-left:0;margin-right:0;aspect-ratio:3/2}
 .workspace-photo{width:100%;height:100%;object-fit:contain}
 .centered-ai #zusammenarbeit .partner-photo-story>.partner-heading{margin-bottom:18px}
 #zusammenarbeit .performance-chart{margin-top:22px}
 #zusammenarbeit .result-numbers{margin-top:22px}
 #zusammenarbeit .partner-work-title{margin-bottom:20px}
 .service-visual-stage{height:185px;margin:5px 0 14px}
 .sample-desktop img{width:100%;height:auto;object-fit:contain}
 .creative-samples img{object-fit:contain;max-width:30%;max-height:165px;height:auto}
 .workflow-timeline-section .story-step{min-height:165px;padding:20px 0}
 .centered-ai #start.hero{min-height:560px;min-height:72svh;padding-top:115px;padding-bottom:65px}
 #lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:75dvh;object-fit:contain;margin:auto}
}
/* The angled edge of the next report invites a horizontal swipe. */
#zusammenarbeit .partner-results{padding-top:14px;padding-bottom:22px}
.centered-ai #zusammenarbeit .results-carousel .result-card{rotate:var(--edge-tilt,0deg);transform-origin:50% 65%}
@media(max-width:800px){
 .centered-ai #zusammenarbeit .results-carousel .result-card{flex-basis:84%;padding:16px;background:#f7f5f2;border-radius:8px}
 #zusammenarbeit .partner-results{gap:16px;scroll-padding-inline:0}
}
@media(prefers-reduced-motion:reduce){.centered-ai #zusammenarbeit .results-carousel .result-card{rotate:none}}
/* Mobile hero keeps the photo behind the heading and the Apple mark clear. */
@media(max-width:800px){
 .centered-ai #start.hero{min-height:560px;min-height:78svh;padding:105px 6% 48px;justify-content:flex-end}
 .centered-ai #start .hero-workspace{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
 .centered-ai #start .hero-workspace img{width:100%;height:100%;object-fit:cover;object-position:88% 0%}
 .centered-ai #start.hero:before{background:linear-gradient(180deg,#18151d35 0%,#18151d38 42%,#18151da6 65%,#18151de0 100%)}
 .centered-ai #start .minimal-hero-copy{margin:0 auto;width:100%;padding:0}
 .centered-ai #start h1{font-size:clamp(34px,9vw,58px);line-height:1.1}
 .centered-ai #start .minimal-service-line{margin-top:18px;max-width:300px}
}
/* Report previews communicate swiping without an extra indicator. */
#zusammenarbeit .service-progress-hint{display:none}
.partner-photo-story .photo-crop{border-radius:16px;overflow:hidden;isolation:isolate;clip-path:inset(0 round 16px)}
@media(max-width:800px){.partner-photo-story .photo-crop{border-radius:12px;clip-path:inset(0 round 12px)}}
/* Central hero copy with objects framing the free center. */
.centered-ai #start.hero{justify-content:center;padding-top:100px;padding-bottom:100px}
.centered-ai #start .minimal-hero-copy{margin:0 auto;text-align:center}
.centered-ai #start .hero-workspace img{object-position:center center}
.centered-ai #start.hero:before{background:linear-gradient(180deg,#18151d85,#18151da3 50%,#18151d85)}
@media(max-width:800px){
 .centered-ai #start.hero{justify-content:center;padding:100px 6%;min-height:560px;min-height:78svh}
 .centered-ai #start .hero-workspace img{object-position:center center}
 .centered-ai #start h1{text-align:center}
}
/* Scroll focus replaces the workflow line and markers. */
.workflow-timeline .workflow-light-track{display:none}
.workflow-timeline .workflow-timeline-steps{padding-left:0;width:100%;max-width:760px;margin:0 auto}
.workflow-timeline-section .story-step{align-items:center;text-align:center;transform:none!important;will-change:auto;height:auto;min-height:235px}
.step-focus-copy{width:100%;transform:scale(var(--focus-scale,.88));transform-origin:center;will-change:transform}
.workflow-timeline-section .story-step p{margin-inline:auto;max-width:540px}
.workflow-timeline-section .story-step h3{font-size:clamp(30px,4vw,52px)}
@media(max-width:800px){.workflow-timeline-section .story-step{min-height:210px;padding:24px 0}.workflow-timeline-section .story-step h3{font-size:clamp(28px,7.6vw,40px)}.workflow-timeline-section .story-step p{max-width:310px}}
@media(prefers-reduced-motion:reduce){.step-focus-copy{transform:none;will-change:auto}}
/* Show the entire portrait asset on phones without cover cropping. */
@media(max-width:800px){
 .centered-ai #start.hero{height:auto;min-height:0;max-height:none;aspect-ratio:2/3;padding:80px 6%;justify-content:center}
 .centered-ai #start .hero-workspace img{object-fit:contain;object-position:center;width:100%;height:100%}
 .centered-ai #start .minimal-hero-copy{position:absolute;left:6%;right:6%;top:50%;width:auto;transform:translateY(-50%);margin:0}
}
/* Original wide composition, zoomed out in a shorter mobile hero. */
@media(max-width:800px){
 .centered-ai #start.hero{aspect-ratio:4/3;min-height:300px;height:auto;max-height:none;padding:70px 6% 25px;background:#9b9285}
 .centered-ai #start .hero-workspace img{object-fit:contain;object-position:center}
 .centered-ai #start .minimal-hero-copy{top:55%}
 .centered-ai #start h1{font-size:clamp(28px,7.8vw,48px);line-height:1.08}
 .centered-ai #start .minimal-service-line{margin-top:14px;max-width:280px}
 .centered-ai #start .minimal-service-line>span{font-size:11px;line-height:1.6}
}
/* Match the mobile hero to the image itself: no letterboxing or cropping. */
@media(max-width:800px){
 .centered-ai #start.hero{aspect-ratio:1672/941;height:auto;min-height:0;max-height:none;padding:0}
 .centered-ai #start .hero-workspace img{object-fit:cover;object-position:center}
 .centered-ai #start .minimal-hero-copy{top:59%}
 .centered-ai #start h1{font-size:clamp(25px,7.3vw,48px)}
 .centered-ai #start .minimal-service-line{margin-top:10px;max-width:280px}
 .centered-ai #start .minimal-service-line>span{font-size:10px;line-height:1.45}
}
/* A little more photographic height on mobile, with edge-to-edge coverage. */
@media(max-width:800px){
 .centered-ai #start.hero{aspect-ratio:3/2}
 .centered-ai #start .minimal-hero-copy{top:55%}
}
/* Restore the original mobile hero depth and frame the MacBook. */
@media(max-width:800px){
 .centered-ai #start.hero{height:78svh;min-height:560px;max-height:none;aspect-ratio:auto;padding:100px 6%}
 .centered-ai #start .hero-workspace img{object-fit:cover;object-position:left center}
 .centered-ai #start .minimal-hero-copy{top:50%}
 .centered-ai #start h1{font-size:clamp(34px,9vw,58px);line-height:1.1}
 .centered-ai #start .minimal-service-line{margin-top:20px;max-width:300px}
 .centered-ai #start .minimal-service-line>span{font-size:13px;line-height:1.7}
}
/* Portrait composition reserves the middle for copy, with both objects visible. */
@media(max-width:800px){
 .centered-ai #start .hero-workspace img{object-fit:cover;object-position:center center}
 .centered-ai #start .minimal-hero-copy{top:51%}
 .centered-ai #start.hero:before{background:linear-gradient(180deg,#18151d69 0%,#18151d99 38%,#18151da6 62%,#18151d69 100%)}
}
/* Secondary biography sentence matches the body copy and enters at center. */
.centered-ai #ueber.about-statement{height:auto}
#ueber .about-text-pin{position:relative;min-height:0;top:auto;padding:45px 0}
#ueber .about-center-reveal{font-size:clamp(18px,1.8vw,28px);line-height:1.65;letter-spacing:-.02em;font-weight:400;color:#68566f}
#ueber .about-center-reveal.center-reveal-ready{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
#ueber .about-center-reveal.center-reveal-visible{opacity:1;transform:none}
@media(max-width:800px){#ueber .about-text-pin{padding:0}#ueber .about-center-reveal{font-size:18px;line-height:1.65;margin-top:25px}}
@media(prefers-reduced-motion:reduce){#ueber .about-center-reveal.center-reveal-ready{opacity:1;transform:none;transition:none}}
footer .footer-instagram{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;color:#68566f;font-size:11px}
footer .footer-instagram svg{flex:none}
footer .footer-instagram:hover{color:#302735}
.photo-scene>picture{display:block;width:100%;height:100%}
/* Lighter compositing when mobile Safari restores its browser bars. */
@media(max-width:800px){
 .centered-ai.has-scrolled .site-header,.gallery-page .site-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 .site-header nav>.nav-cta{backdrop-filter:none;-webkit-backdrop-filter:none}
 .editorial-reveal.editorial-visible{will-change:auto}
}
/* Avoid live backdrop sampling during rapid touch scrolling. */
@media(max-width:800px){
 .centered-ai.has-scrolled .site-header,.gallery-page .site-header{background:rgba(255,255,255,.94);backdrop-filter:none;-webkit-backdrop-filter:none}
 .step-focus-copy{will-change:auto}
}
/* Native scroll-driven scaling avoids main-thread pauses and catch-up jumps. */
.workflow-timeline-section .story-step h3.editorial-reveal,.workflow-timeline-section .story-step p.editorial-reveal{opacity:1;translate:none;transition:none}
@supports(animation-timeline:view()){
 .workflow-timeline-section .story-step{view-timeline-name:--step-focus;view-timeline-axis:block;opacity:1!important}
 .step-focus-copy{animation:step-scroll-focus linear both;animation-timeline:--step-focus;animation-range:cover 0% cover 100%;will-change:transform;transition:none}
 @keyframes step-scroll-focus{0%,100%{transform:scale(.88);opacity:0}20%,80%{transform:scale(.94);opacity:.6}50%{transform:scale(1);opacity:1}}
}
@media(prefers-reduced-motion:reduce){.step-focus-copy{animation:none!important;transform:none!important;opacity:1!important}}
/* Simple one-time entrance replaces continuous step animation. */
.workflow-timeline-section .story-step{opacity:1!important;view-timeline-name:none}
.workflow-timeline-section .step-focus-copy{animation:none!important;transform:none;opacity:1;will-change:auto}
.workflow-timeline-section .step-focus-copy.step-enter-ready{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.workflow-timeline-section .step-focus-copy.step-entered{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.workflow-timeline-section .step-focus-copy.step-enter-ready{opacity:1;transform:none;transition:none}}
/* Consistent short text entrances, once per visit, without layout changes. */
.editorial-reveal{transition-duration:.55s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
.site-header nav>a.editorial-reveal,footer>.editorial-reveal{translate:0 8px}
.site-header nav>a.editorial-visible,footer>.editorial-visible{translate:none}
@media(max-width:800px){.editorial-reveal{transition-duration:.42s}}
@media(prefers-reduced-motion:reduce){.site-header nav>a.editorial-reveal,footer>.editorial-reveal{translate:none}}
/* Hero copy enters on page load, even when already inside the viewport. */
@keyframes hero-copy-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 .centered-ai #start h1{animation:hero-copy-arrive .85s cubic-bezier(.22,1,.36,1) .12s both}
 .centered-ai #start .minimal-service-line{animation:hero-copy-arrive .75s cubic-bezier(.22,1,.36,1) .32s both}
}
/* Rule and text share the same entrance wrapper and timing. */
.workflow-timeline-section .story-step:before{display:none}
.workflow-timeline-section .step-focus-copy{position:relative}
.workflow-timeline-section .step-focus-copy:before{content:'';position:absolute;left:0;right:0;top:-22px;height:1px;background:linear-gradient(90deg,#7989b6,transparent);pointer-events:none}
/* Stationary rules fade with the text, avoiding fractional-pixel movement. */
.workflow-timeline-section .step-focus-copy:before{display:none}
.workflow-timeline-section .story-step:before{display:block;top:0;height:1px;transform:none!important;opacity:1;transition:opacity .6s ease;transition-delay:0s}
.workflow-timeline-section .story-step:has(.step-enter-ready):before{opacity:0}
.workflow-timeline-section .story-step:has(.step-entered):before{opacity:1}
@media(prefers-reduced-motion:reduce){.workflow-timeline-section .story-step:before{opacity:1!important;transition:none}}
/* A unified editorial offer system. */
.centered-ai #leistungen.offerings{padding:85px 7%;background:#f5f3f1}
#leistungen .chapter-heading{margin:0 auto 45px;max-width:1100px}
#leistungen .service-visual-stage,#leistungen .offering-top,#leistungen .offer-eyebrow,#leistungen .service-progress-hint{display:none}
#leistungen .offering-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1200px;margin:0 auto;padding:0;overflow:visible;transform:none}
.centered-ai #leistungen .service-carousel .offering{display:flex;flex-direction:column;align-items:stretch;width:auto;min-width:0;max-width:none;min-height:0;margin:0;padding:32px;background:#fff;border:1px solid #e7e1e8;border-radius:12px;box-shadow:0 8px 28px #30233804;transform:none!important;opacity:1!important;overflow:hidden}
.offer-emblem{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:14px;background:#f1edf3;color:#68566f;margin-bottom:42px}
.offer-emblem svg{width:35px;height:35px}
#leistungen .offering h3{margin:0 0 16px;font-size:29px;font-weight:500;letter-spacing:-.045em;line-height:1.15;color:#302735}
#leistungen .offering>p{margin:0 0 28px;font-size:13px;line-height:1.85;color:#79717e;min-height:100px}
#leistungen .offering .offer-details-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:auto;padding:16px 0;background:none;border:0;border-top:1px solid #eae5ed;border-bottom:0;color:#68566f;font-size:12px;text-align:left;min-height:48px}
#leistungen .offering .offer-details{display:none;padding:6px 0 18px}
#leistungen .offering .offer-details-toggle[aria-expanded=true]+.offer-details{display:block}
#leistungen .offering .offer-details ul{display:block;padding:0;list-style:none}
#leistungen .offering .offer-details li{font-size:12px;line-height:1.7;padding:8px 0;border-bottom:1px solid #eee9f0;color:#73687b}
#leistungen .offering>a{display:flex;justify-content:space-between;align-items:center;min-height:44px;margin:0;padding:6px 0;color:#68566f;font-size:11px;letter-spacing:0}
#leistungen .offering .offer-note{font-size:11px;line-height:1.8;margin-top:14px;color:#82768a}
@media(max-width:1000px){.centered-ai #leistungen .service-carousel .offering{padding:25px}#leistungen .offering h3{font-size:26px}}
@media(max-width:800px){
 .centered-ai #leistungen.offerings{padding:42px 6%}
 #leistungen .chapter-heading{margin-bottom:28px}
 #leistungen .offering-grid{grid-template-columns:1fr;gap:16px;width:100%}
 .centered-ai #leistungen .service-carousel .offering{padding:25px;flex:none}
 .offer-emblem{width:50px;height:50px;margin-bottom:24px;border-radius:12px}
 .offer-emblem svg{width:30px;height:30px}
 #leistungen .offering h3{font-size:28px}
 #leistungen .offering>p{min-height:0;margin-bottom:24px;font-size:13px}
}
/* Mobile offers use native horizontal swiping and preview the next card. */
@media(max-width:800px){
 .centered-ai #leistungen.offerings{overflow:hidden}
 #leistungen .offering-grid{display:flex;align-items:stretch;gap:16px;width:calc(100% + 12vw);max-width:none;margin-inline:-6vw;padding:4px 6vw 18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:6vw;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 #leistungen .offering-grid::-webkit-scrollbar{display:none}
 .centered-ai #leistungen .service-carousel .offering{flex:0 0 84%;scroll-snap-align:start;min-width:0}
}
/* The service-led hero headline stays balanced across three clear lines. */
.centered-ai #start h1{font-size:clamp(42px,5.1vw,78px);line-height:1.16;letter-spacing:-.045em}
.centered-ai #start h1>span{font-size:1.12em}
@media(max-width:800px){.centered-ai #start h1{font-size:clamp(25px,7.1vw,48px);line-height:1.2}.centered-ai #start h1>span{font-size:1.18em}}
/* Clear benefit-led hero with the services as a quiet supporting line. */
.centered-ai #start h1{font-size:clamp(42px,6.2vw,96px);line-height:1.12}
.centered-ai #start h1>span{font-size:1.03em}
.centered-ai #start .minimal-service-line{max-width:560px;margin:28px auto 0}
@media(max-width:800px){.centered-ai #start h1{font-size:clamp(28px,7.7vw,50px);line-height:1.18}.centered-ai #start .minimal-service-line{max-width:300px;margin-top:22px}.centered-ai #start .minimal-service-line>span{font-size:12px;line-height:1.8}}
/* Larger headline with a single calligraphic accent. */
.centered-ai #start h1{font-size:clamp(48px,6.8vw,106px);line-height:1.12}
.centered-ai #start h1>.hero-accent-word{display:inline;margin:0;font-size:1.03em}
@media(max-width:800px){.centered-ai #start h1{font-size:clamp(30px,8.3vw,54px);line-height:1.17}.centered-ai #start h1>.hero-accent-word{font-size:1.03em}}
/* Balance the finer italic face against the sans-serif headings. */
.centered-ai #start h1>.hero-accent-word{font-size:1.2em;font-weight:600}
.centered-ai h2 em,#leistungen .chapter-heading h2 em,#zusammenarbeit .chapter-heading h2 em,.workflow-heading h2 em,.contact-section h2 em{font-size:1.25em;font-weight:600;line-height:1.08}
@media(max-width:800px){.centered-ai #start h1>.hero-accent-word{font-size:1.18em}.centered-ai h2 em,#leistungen .chapter-heading h2 em,#zusammenarbeit .chapter-heading h2 em,.workflow-heading h2 em,.contact-section h2 em{font-size:1.22em}}
.boos-project-link{display:block;padding:36px 0;border-top:1px solid #68566f20;border-bottom:1px solid #68566f20;color:#302735}
.project-link-label{font-size:10px;letter-spacing:.12em;color:#84758d}
#zusammenarbeit .boos-project-link h3{font-size:clamp(32px,4vw,56px);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:20px 0}
.boos-project-link p{font-size:13px;line-height:1.8;color:#7a6d83;margin:0 0 24px}
.project-link-action{display:inline-flex;align-items:center;gap:28px;min-height:44px;font-size:12px;color:#68566f}
.boos-project-link:hover .project-link-action{text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.boos-project-link{padding:26px 0}}
.photo-screen .static-website-screen{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.photo-static-link .photo-caption{min-height:44px}
.photo-static-link:hover .photo-caption>span:last-child{text-decoration:underline;text-underline-offset:4px}
/* Compact project photo, centered within the partner story. */
.centered-ai #zusammenarbeit .partner-photo-story>.photo-showcase{max-width:760px;margin-inline:auto}
.partner-photo-story .photo-crop{width:100%;margin-inline:0;border-radius:14px;clip-path:inset(0 round 14px)}
.partner-photo-story{margin-bottom:42px}
@media(max-width:800px){
 .centered-ai #zusammenarbeit .partner-photo-story>.photo-showcase{width:92%;max-width:520px}
 .partner-photo-story .photo-scene{width:100%;margin:0}
 .partner-photo-story{margin-bottom:26px}
}

.photo-caption .discover-website-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 23px;background:#68566f;color:#fff;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;transition:background .2s}
.photo-static-link:hover .photo-caption>.discover-website-button{background:#514158;text-decoration:none}
@media(max-width:600px){.photo-static-link .photo-caption{flex-direction:column;gap:12px;padding-top:18px}.photo-caption .discover-website-button{min-width:170px}}
/* Industry discovery, using the same quiet editorial visual language. */
.industry-showcase{padding:85px 7%;background:#eee9ed}
.industry-showcase>.chapter-heading{max-width:1100px;margin:0 auto 35px}
.industry-filters{display:flex;gap:10px;flex-wrap:wrap;max-width:1100px;margin:0 auto 32px}
.industry-filters button{min-height:44px;padding:11px 20px;border:1px solid #68566f35;background:transparent;color:#68566f;border-radius:999px;font-size:12px}
.industry-filters button[aria-pressed=true]{background:#68566f;border-color:#68566f;color:#fff}
.industry-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.industry-project{min-width:0;border-radius:10px;overflow:hidden;background:#ffffffa6}
.industry-project[hidden]{display:none}
.industry-project>a{display:block}
.industry-image{aspect-ratio:16/10;overflow:hidden;background:#ded6df}
.industry-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.industry-project-copy{padding:26px}
.industry-label{font-size:9px;letter-spacing:.1em;color:#85768b}
.industry-project h3{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:14px 0 10px}
.industry-project p{font-size:13px;line-height:1.7;color:#817387;margin:0 0 18px}
.industry-open{display:inline-flex;align-items:center;min-height:44px;color:#68566f;font-size:12px;border-bottom:1px solid #68566f50}
.industry-project small{display:block;color:#97899e;font-size:10px;line-height:1.7;margin-top:15px}
@media(max-width:800px){.industry-showcase{padding:42px 6%}.industry-grid{grid-template-columns:1fr;gap:22px}.industry-filters{gap:8px;margin-bottom:24px}.industry-filters button{padding:10px 14px;font-size:11px}.industry-project-copy{padding:22px}.industry-project h3{font-size:24px}}
.industry-demo-cover{height:100%;background:var(--demo-bg);color:var(--demo-accent);display:flex;flex-direction:column;justify-content:space-between;padding:28px}
.industry-demo-cover>span{font-size:12px;letter-spacing:.06em;font-weight:600}
.industry-demo-cover>strong{font-size:clamp(26px,3vw,42px);font-weight:500;letter-spacing:-.045em;line-height:1.1;max-width:340px}
.industry-demo-cover>small{font-size:9px;letter-spacing:.1em}
.industry-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1100px;margin:auto}
.industry-choice{display:grid;grid-template-columns:1fr auto;gap:35px 12px;padding:28px;background:#ffffffa6;border:1px solid #68566f20;border-radius:10px;transition:background .2s,border-color .2s}
.industry-choice>span:first-child{grid-column:1/-1;font-size:10px;color:#9b8ba3}
.industry-choice h3{font-size:23px;letter-spacing:-.04em;font-weight:500;margin:0}
.industry-choice>span:last-child{color:#68566f}
.industry-choice:hover{background:#fff;border-color:#68566f66}
@media(max-width:800px){.industry-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.industry-choice{padding:20px;gap:26px 6px}.industry-choice h3{font-size:19px}}

/* Minimal industry ribbon sits between the introduction and offers. */
.industry-marquee{padding:30px 0 34px;background:#fff;overflow:hidden;border-bottom:1px solid #68566f0f}
.industry-marquee-heading{padding:0 6%;text-align:center;margin-bottom:21px}
.industry-marquee-heading p{margin:0;font-size:10px;line-height:1.7;letter-spacing:.12em;text-transform:uppercase;color:#9b929f}
.industry-marquee-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.industry-marquee-track{display:flex;width:max-content;animation:industry-ribbon 42s linear infinite;will-change:transform}
.industry-marquee-group{display:flex;align-items:center;gap:36px;flex:none;padding-right:36px;white-space:nowrap}
.industry-marquee-group>span{font-size:clamp(20px,2.3vw,31px);font-weight:400;letter-spacing:-.035em;color:#716778}
.industry-marquee-group>i{font-size:17px;font-style:normal;color:#c6bccb}
@keyframes industry-ribbon{to{transform:translateX(-50%)}}
@media(max-width:800px){.industry-marquee{padding:23px 0 26px}.industry-marquee-heading{margin-bottom:17px}.industry-marquee-heading p{font-size:9px;letter-spacing:.09em}.industry-marquee-group{gap:26px;padding-right:26px}}
@media(prefers-reduced-motion:reduce){.industry-marquee-track{animation:none;will-change:auto;width:auto}.industry-marquee-group{flex-wrap:wrap;justify-content:center;white-space:normal;padding:0 6%;gap:15px}.industry-marquee-group[aria-hidden=true]{display:none}.industry-marquee-window{mask-image:none}}
/* Fixed-position rules reveal horizontally once with each step. */
.workflow-timeline-section .story-step:before{opacity:1!important;clip-path:inset(0 0 0 0);transform:none!important;transition:clip-path .8s cubic-bezier(.22,1,.36,1);transition-delay:0s}
.workflow-timeline-section .story-step:has(.step-enter-ready):before{clip-path:inset(0 100% 0 0)}
.workflow-timeline-section .story-step:has(.step-entered):before{clip-path:inset(0 0 0 0)}
@media(prefers-reduced-motion:reduce){.workflow-timeline-section .story-step:before{clip-path:none!important;transition:none}}
/* Final editorial balance: shared project scale, clear hierarchy, quiet accents. */
.centered-ai h2 em,#leistungen .chapter-heading h2 em,#zusammenarbeit .chapter-heading h2 em,.workflow-heading h2 em,.contact-section h2 em{font-size:1.17em;font-weight:500;line-height:1.12}
.centered-ai #start h1>.hero-accent-word{font-size:1.12em;font-weight:500}
.chapter-heading h2{margin-bottom:20px}
.chapter-heading p{line-height:1.85}
#leistungen .offering h3{margin-bottom:10px}
.offer-benefit{font-size:12px;line-height:1.65;font-weight:500;color:#68566f;display:block;margin-bottom:16px;min-height:40px}
#leistungen .offering>p{font-size:13px;line-height:1.85;min-height:96px}
.centered-ai #zusammenarbeit .partner-photo-story>.photo-showcase{max-width:760px}
.photo-caption{gap:18px;font-size:11px;line-height:1.7}
.photo-caption .discover-website-button{border-radius:999px;min-height:46px;padding:13px 23px;font-size:12px;font-weight:500;box-shadow:none}
#zusammenarbeit .result-heading h3{font-size:12px;line-height:1.6}
#zusammenarbeit .result-heading>span,#zusammenarbeit .campaign-meta{font-size:10px!important;color:#958b9b}
#zusammenarbeit .result-numbers strong{font-size:clamp(58px,5.8vw,82px);font-weight:500;letter-spacing:-.055em}
#zusammenarbeit .result-numbers div:nth-child(2) strong{font-size:28px;color:#81718b;font-weight:400}
#zusammenarbeit .result-numbers>div>span{font-size:11px!important;line-height:1.65}
#zusammenarbeit .chart-heading>span,#zusammenarbeit .chart-source{color:#998da2}
.editorial-reveal{transition:opacity .55s ease,translate .55s cubic-bezier(.22,1,.36,1);transition-delay:var(--editorial-delay,0ms)}
@media(max-width:800px){
 .offer-benefit{min-height:0}
 #leistungen .offering>p{min-height:0}
 .centered-ai #start h1>.hero-accent-word{font-size:1.1em}
 #zusammenarbeit .result-numbers strong{font-size:60px}
 #zusammenarbeit .result-numbers div:nth-child(2) strong{font-size:27px}
 .editorial-reveal{transition-duration:.45s!important}
}
@media(prefers-reduced-motion:reduce){.editorial-reveal{transition:none!important}}
/* Stable native snapping: visual tilt never transforms the snap target. */
.centered-ai #zusammenarbeit .results-carousel .result-card{rotate:none;transform:none!important;translate:none!important;overflow:hidden;scroll-snap-stop:normal}
.report-card-content{rotate:var(--edge-tilt,0deg);transform-origin:50% 65%;height:100%}
#zusammenarbeit .partner-results{overflow-anchor:none;scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){.report-card-content{rotate:none}}