.teardown-scroll{background:var(--paper);height:150svh;min-height:1050px;position:relative}.teardown-scroll__sticky{top:var(--header-height);min-height:calc(100svh - var(--header-height));align-items:center;display:flex;position:sticky;overflow:hidden}.teardown-scroll__stage{--frame-y:42px;--frame-scale:.94;--frame-rotate:1.1deg;--copy-y:18px;--one-opacity:0;--two-opacity:0;--three-opacity:0;--one-y:22px;--two-y:22px;--three-y:22px;--progress:0;grid-template-columns:minmax(340px,.88fr) minmax(560px,1.12fr);align-items:center;gap:clamp(46px,6vw,84px);display:grid;position:relative}.teardown-scroll__copy{z-index:3;transform:translate3d(0, var(--copy-y), 0);position:relative}.teardown-scroll__copy h2{max-width:650px;margin-top:24px;font-size:clamp(3rem,4.2vw,4.7rem);line-height:.94}.teardown-scroll__copy>p:not(.eyebrow){max-width:560px;color:var(--muted);margin-top:26px;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.58}.teardown-scroll__steps{border-top:1px solid var(--line);max-width:520px;margin:36px 0 0;padding:0;list-style:none;display:grid}.teardown-scroll__steps li{border-bottom:1px solid var(--line);color:color-mix(in srgb, var(--ink) 62%, transparent);transition:color .28s var(--ease), transform .28s var(--ease);grid-template-columns:34px 1fr;align-items:center;gap:14px;padding:13px 0;font-size:13px;display:grid}.teardown-scroll__steps li span{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:10px}.teardown-scroll__steps li strong{font-weight:500}.teardown-scroll__stage[data-step="0"] .teardown-scroll__steps li:first-child,.teardown-scroll__stage[data-step="1"] .teardown-scroll__steps li:nth-child(2),.teardown-scroll__stage[data-step="2"] .teardown-scroll__steps li:nth-child(3),.teardown-scroll__stage[data-step="3"] .teardown-scroll__steps li:nth-child(3){color:var(--ink);transform:translate(6px)}.teardown-scroll__link{align-items:center;min-height:44px;margin-top:30px;display:inline-flex}.teardown-scroll__visual{z-index:2;transform:translate3d(0, var(--frame-y), 0) rotate(var(--frame-rotate)) scale(var(--frame-scale));transform-origin:50% 52%;will-change:transform;position:relative}.teardown-scroll__frame{background:#f6f7f7;border:1px solid #06141f24;border-radius:18px;overflow:hidden;box-shadow:0 40px 90px #06141f21,0 4px 18px #06141f12}.teardown-scroll__browserbar{background:#fffffff0;border-bottom:1px solid #06141f1a;grid-template-columns:repeat(3,8px) 1fr;align-items:center;gap:7px;height:42px;padding-inline:16px;display:grid}.teardown-scroll__browserbar span{background:#06141f2e;border-radius:50%;width:8px;height:8px}.teardown-scroll__browserbar p{color:var(--muted);letter-spacing:.04em;justify-self:center;margin-right:45px;font-size:10px;font-weight:500}.teardown-scroll__screen{aspect-ratio:4/3;background:#d4d4d4;position:relative;overflow:hidden}.teardown-scroll__screen>img{object-fit:cover}.teardown-scroll__focus{border:2px solid var(--mint-dark);pointer-events:none;background:#d4f9d81a;border-radius:8px;position:absolute;box-shadow:0 0 0 999px #06141f00}.teardown-scroll__focus:after{content:"";border:1px solid #26603d52;border-radius:12px;position:absolute;inset:-7px}.teardown-scroll__focus--one{width:25.6%;height:24.4%;opacity:var(--one-opacity);top:47.8%;left:37.3%}.teardown-scroll__callout{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #06141f24;border-radius:999px;align-items:center;gap:9px;padding:8px 12px 8px 8px;display:flex;position:absolute;box-shadow:0 10px 28px #06141f1f}.teardown-scroll__callout:before{background:var(--ink);content:"";transform-origin:100%;width:clamp(36px,5vw,78px);height:1px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.teardown-scroll__callout>span{background:var(--ink);width:24px;height:24px;color:var(--white);border-radius:50%;place-items:center;font-size:10px;font-weight:500;display:grid}.teardown-scroll__callout p{color:var(--ink);white-space:nowrap;font-size:11px;font-weight:500}.teardown-scroll__callout--one{opacity:var(--one-opacity);transform:translate3d(0, var(--one-y), 0);top:59%;right:-4%}.teardown-scroll__meter{background:#06141f1a;height:2px;position:absolute;bottom:-50px;left:0;right:0;overflow:hidden}.teardown-scroll__meter span{width:calc(var(--progress) * 100%);background:var(--mint-dark);transform-origin:0;height:100%;display:block}@media (max-width:1020px){.teardown-scroll__stage{grid-template-columns:minmax(300px,.86fr) minmax(440px,1.14fr);gap:38px}.teardown-scroll__copy h2{font-size:clamp(2.7rem,5.6vw,4.4rem)}.teardown-scroll__callout--one{right:-1%}}@media (max-width:860px){.teardown-scroll{height:auto;min-height:0;padding-block:96px}.teardown-scroll__sticky{min-height:0;position:static;overflow:visible}.teardown-scroll__stage{flex-direction:column;gap:52px;display:flex}.teardown-scroll__copy,.teardown-scroll__visual{width:100%;transform:none}.teardown-scroll__copy h2{max-width:720px}.teardown-scroll__copy>p:not(.eyebrow){max-width:680px}.teardown-scroll__steps{max-width:none}.teardown-scroll__steps li{color:var(--ink);transform:none!important}.teardown-scroll__callout{display:none}.teardown-scroll__focus{opacity:0}.teardown-scroll__meter{display:none}}@media (max-width:620px){.teardown-scroll{background-size:24px 24px;padding-block:82px}.teardown-scroll__copy h2{-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;margin-top:18px;font-size:clamp(2.45rem,11vw,3.35rem)}.teardown-scroll__copy>p:not(.eyebrow){margin-top:20px;font-size:15px}.teardown-scroll__steps{margin-top:28px}.teardown-scroll__frame{border-radius:12px}.teardown-scroll__browserbar{height:34px}.teardown-scroll__browserbar p{display:none}.teardown-scroll__screen>img{transform:none}}@media (max-width:860px) and (prefers-reduced-motion:no-preference){.teardown-scroll__steps li{animation:linear both teardown-mobile-step;animation-timeline:view();animation-range:entry cover 24%}.teardown-scroll__visual{animation:linear both teardown-mobile-visual;animation-timeline:view();animation-range:entry cover 36%}}@keyframes teardown-mobile-step{0%{opacity:.35;transform:translateY(16px)}to{opacity:1;transform:translate(0,0)}}@keyframes teardown-mobile-visual{0%{opacity:.35;transform:translateY(44px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (prefers-reduced-motion:reduce){.teardown-scroll{height:auto;min-height:0;padding-block:120px}.teardown-scroll__sticky{min-height:0;position:static}.teardown-scroll__visual,.teardown-scroll__copy,.teardown-scroll__callout,.teardown-scroll__steps li{transition:none;transform:none}}
:root{--ease-out-soft:cubic-bezier(.16, 1, .3, 1);--reveal-step:90ms}.motion-ready [data-reveal-lines]{--line-bleed:.18em}.reveal-line{padding-bottom:var(--line-bleed,.18em);margin-bottom:calc(-1 * var(--line-bleed,.18em));display:block;overflow:hidden}.motion-ready [data-reveal-lines] .reveal-line>span{transition:transform 1s var(--ease-out-soft);transition-delay:calc(var(--line-index,0) * 80ms);will-change:transform;display:block;transform:translateY(115%)}.motion-ready [data-reveal-lines].is-visible .reveal-line>span{transform:translateY(0)}.motion-ready [data-reveal-lines][data-reveal]:not(.is-visible){transform:none}.motion-ready [data-reveal-lines][data-reveal]{opacity:1}.motion-ready [data-reveal][style*=--reveal-index]:not(.is-visible){transform:translateY(34px)}.motion-ready [data-reveal][style*=--reveal-index]{transition-delay:calc(var(--reveal-index,0) * var(--reveal-step))}.service-bento-card:hover,.service-bento-card:focus-within{transform:translateY(-6px);box-shadow:0 30px 80px #06141f1c}.service-bento-card__action{transition:gap .32s var(--ease-out-soft)}.service-bento-card:hover .service-bento-card__action{gap:14px}.button svg,.arrow-link svg{transition:transform .38s var(--ease-out-soft)}.button:hover svg,.arrow-link:hover svg{transform:translate(3px,-3px)}.process-list>li{--card-pad:clamp(26px, 3vw, 38px);grid-template-rows:auto 1fr auto;position:relative}.process-media{z-index:0;margin:calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad)) 4px;border-radius:var(--radius-large) var(--radius-large) 0 0;aspect-ratio:16/9;background:#eceeeb;grid-area:1/1/auto/-1;position:relative;overflow:hidden}.process-media img{object-fit:cover;width:100%;height:100%;transform:scale(calc(1.03 + var(--motion-media-scale,0))) translate3d(0, var(--motion-media-y-soft,0px), 0);display:block}.process-list>li:nth-child(2) .process-media img{filter:saturate(.86)}.process-list>li:nth-child(3) .process-media img{filter:brightness(.92)saturate(.8)}.process-list>li>ul{grid-row:3}@media (min-width:761px){.service-bento-card__media,.service-bento-card:nth-child(2) .service-bento-card__media,.service-bento-card:nth-child(3) .service-bento-card__media{aspect-ratio:16/10;min-height:0}}@media (min-width:861px){.own-work-section .work-grid{column-gap:var(--bento-gap);grid-template-columns:repeat(12,minmax(0,1fr))}.own-work-section .work-grid>*{grid-column:span 6}.own-work-section .work-grid>:nth-child(4n+1),.own-work-section .work-grid>:nth-child(4n){grid-column:span 7}.own-work-section .work-grid>:nth-child(4n+2),.own-work-section .work-grid>:nth-child(4n+3){grid-column:span 5}}.final-cta-video{z-index:0;object-fit:cover;object-position:center center;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease-out-soft);position:absolute;inset:0}.final-cta-video.is-playing{opacity:1}.start-ablauf{border-top:1px solid var(--line-light);margin:54px 0 0;padding:26px 0 0}.start-ablauf figcaption{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:500}.start-ablauf ol{gap:22px;margin:22px 0 0;padding:0;list-style:none;display:grid;position:relative}.start-ablauf ol:before{transform-origin:top;background:var(--line);content:"";width:1px;position:absolute;top:9px;bottom:9px;left:8px}.motion-ready .start-ablauf ol:before{transition:transform 1.1s var(--ease-out-soft) .12s;transform:scaleY(0)}.motion-ready .start-ablauf.is-visible ol:before{transform:scaleY(1)}.start-ablauf li{grid-template-columns:17px 1fr;align-items:start;gap:14px;display:grid}.start-ablauf svg{z-index:1;width:17px;height:17px;display:block;position:relative;overflow:visible}.start-ablauf__ring{fill:var(--paper);stroke:var(--line);stroke-width:1px}.start-ablauf__dot{fill:var(--mint-dark)}.motion-ready .start-ablauf svg{opacity:0;transform-origin:50%;transition:opacity .52s var(--ease-out-soft), transform .52s var(--ease-out-soft);transition-delay:calc(.24s + var(--schritt,0) * .19s);transform:scale(.7)}.motion-ready .start-ablauf.is-visible svg{opacity:1;transform:scale(1)}.start-ablauf strong{font-size:15px;font-weight:500;line-height:1.25;display:block}.start-ablauf span{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.5;display:block}@media (max-width:900px){.start-ablauf{margin-top:40px}.process-media{aspect-ratio:2}}.process-list{position:relative}.motion-ready .process-list:before{transform-origin:0;width:100%;height:2px;transform:scaleX(var(--process-progress,0));background:var(--mint-dark);content:"";transition:transform .22s linear;position:absolute;top:-1px;left:0}