:root{--section-space: clamp(52px,4.5vw + 35px,100px)}.work .container,.process .container,.offer .container,.about .container{padding-block: var(--section-space)}.faq .container{padding-top: var(--section-space)}.voices .container{padding-block: 40px var(--section-space)}.intro .container{padding-block: var(--section-space)}.voices .quotes{padding-top: 0}.voices blockquote{text-wrap: pretty}.js .voices [data-blur-words] .bw{display: inline}.voices .quote:first-child{--pt: 0px}.voices .quote:last-child{--pt: 120px}@media (min-width: 1200px){.voices .quote:nth-child(3):not(:last-child){--pt: 60px}}@media (max-width: 809px){.voices .container{padding-block: 24px var(--section-space)}.voices .quote:last-child{--pt: 0px}}@media (min-width: 1000px){.chip-caption{display: none}.intro .chips{inset-block: var(--section-space);transform: translateY(34px)}}.chip-tip{max-width: 360px;padding: 14px 20px;font-size: 17px}.faq-grid{justify-content: center}.faq-list{max-width: 960px}.cta--form{flex-direction: row;align-items: center;justify-content: space-between;gap: 80px;width: 100%;max-width: var(--max);margin-inline: auto;text-align: left}.cta--form .cta-text{display: flex;flex-direction: column;align-items: flex-start;gap: 36px}.cta--form .faq-card{background: var(--surface-raised);color: var(--ink)}@media (max-width: 1100px){.cta--form{flex-direction: column;align-items: stretch;gap: 48px}.cta--form .cta-text{align-items: center;text-align: center}.cta--form .faq-card{width: 100%;max-width: 560px;margin-inline: auto}}.hero .container{padding-top: 120px}.hero-split{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);align-items: center;gap: 48px;width: 100%;max-width: var(--max)}.hero-text{display: flex;flex-direction: column;align-items: flex-start;gap: 40px}.hero .hero-content{align-items: flex-start}.hero .hero-title{justify-content: flex-start;row-gap: 0;font-size: clamp(40px,4.4vw,68px);line-height: 1.1}.hero .hero-sub{max-width: 500px;margin: 0;font-size: 19px;line-height: 1.5;text-align: left;text-wrap: balance}@media (max-width: 1100px){.hero-split{grid-template-columns: 1fr;gap: 32px}.hero-text,.hero .hero-content{align-items: center}.hero .hero-title{justify-content: center}.hero .hero-sub{text-align: center}}:root{--logo-band-filter: invert(1)}@media screen{:root[data-theme="dark"]{--logo-band-filter: none}}.hero-logos{display: flex;flex-direction: column;align-items: center;gap: 20px;width: 100%;max-width: 1080px;margin-top: 40px}.logo-band{width: 100%;overflow: hidden;padding-block: 12px;font-size: 96px;-webkit-mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.logo-band .logo-track{width: max-content;animation-duration: 60s}.logo-band .logo-track img{margin-right: 0.6em;opacity: 0.55;filter: var(--logo-band-filter)}.logo-band:hover .logo-track{animation-play-state: paused}@media (max-width: 809px){.hero .hero-title{font-size: min(40px,8.4vw,(100vw - 80px) / 9.1)}.hero .hero-sub{font-size: 17px;text-align: center}.hero-logos{margin-top: 24px}.logo-band{font-size: 84px}}.hero-title .w.thin{color: var(--muted)}.hero-title .br ~ .w{color: var(--ink)}.hero-cta .btn--ghost{box-shadow: 0 0 0 1px var(--edge)}.case-run{display: grid;grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);gap: 72px;padding: 20px;border-radius: 24px;background: var(--surface);box-shadow: var(--ring)}.case-run-photo{display: grid;grid-template-rows: minmax(0,1fr) auto;gap: 12px;margin: 0}.case-run-media{position: relative;min-height: 360px;border-radius: 14px}.media-raster{overflow: hidden;background: var(--dark)}.raster-grid{position: absolute;top: 50%;left: 50%;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;width: 150%;transform: translate(-50%,-50%) rotate(-10deg)}.raster-grid img{display: block;width: 100%;aspect-ratio: 16 / 10;object-fit: cover;border-radius: 6px}.media-mix .raster-grid{grid-auto-flow: row dense}.media-mix .raster-grid .tall{grid-row: span 2;height: 100%;aspect-ratio: auto}.case-run-photo figcaption{padding-inline: 4px}.case-run-text{display: flex;flex-direction: column;align-items: flex-start;gap: 28px;padding: 44px 48px 44px 0}.case-run-text > p{max-width: 520px}.case-run .timeline{--when: 150px;margin-block: 8px;font-size: 16px;line-height: 1.5}.case-run .timeline li:not(:last-child){padding-bottom: 28px}.case-run .timeline p{color: var(--muted)}@media (max-width: 1100px){.case-run{grid-template-columns: minmax(0,1fr);gap: 32px}.media-raster{aspect-ratio: 3 / 2;min-height: 0}.case-run-text{padding: 0 28px 28px}}@media (max-width: 809px){.case-run{gap: 28px;padding: 12px;border-radius: 20px}.case-run-text{gap: 24px;padding: 0 12px 16px}.case-run .timeline li:not(:last-child){padding-bottom: 20px}.media-raster{aspect-ratio: 1}.raster-grid{width: 120%}.raster-grid img[src*="06-schilder"],.raster-grid img[src*="11-web-desktop"],.raster-grid img[src*="05-typo"],.raster-grid img[src*="foto-raumschild"]{display: none}.raster-grid img[src*="14-social"]{order: 1}.raster-grid img[src*="13-web-mobil"]{order: 2}.raster-grid img[src*="foto-empfang"]{order: 3}.raster-grid img[src*="09-poster"]{order: 4}.raster-grid img[src*="01-logo"]{order: 5}.raster-grid img[src*="07-karten"]{order: 6}.raster-grid img[src*="04-farben"]{order: 7}}@media (min-width: 1200px){.about .about-grid{gap: 110px}.about .about-grid .about-figure{flex: 0 0 44%}.about .about-grid .about-text{justify-content: center;padding-bottom: 75px}}.bio-text .h4,.cta p.h4{font-weight: 400}.nav-right .nav-cta{height: 44px;padding: 0 20px;font-size: 14px;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-8px);transition: opacity 0.3s,transform 0.3s var(--ease),visibility 0s 0.3s,background 0.3s}.nav-cta-on .nav-right .nav-cta{opacity: 1;visibility: visible;pointer-events: auto;transform: none;transition: opacity 0.3s,transform 0.3s var(--ease),background 0.3s}@media (max-width: 809px){.nav-right .nav-cta{display: none}}@media (min-width: 810px){.nav-cta-short{display: none}}.thumb-cta{display: none}@media (max-width: 809px){.thumb-cta{position: fixed;bottom: calc(16px + env(safe-area-inset-bottom));left: 50%;z-index: 30;display: inline-flex;top: auto;white-space: nowrap;box-shadow: var(--btn-shadow),0 10px 30px rgba(0,0,0,0.25);opacity: 0;visibility: hidden;pointer-events: none;transform: translate(-50%,16px);transition: opacity 0.3s,transform 0.45s var(--ease),visibility 0s 0.45s}.thumb-cta-on .thumb-cta{opacity: 1;visibility: visible;pointer-events: auto;transform: translate(-50%,0);transition: opacity 0.3s,transform 0.45s var(--ease)}}@media print{.thumb-cta{display: none !important}}.gets{background: var(--surface)}.cta--form .cta-text > p{max-width: 440px}.cta--form .display{font-size: min(40px,8.4vw);line-height: 1.1}@media (min-width: 810px){.cta--form .display{font-size: clamp(40px,6vw,84px)}}@media (min-width: 1101px){.cta--form .tag{padding-inline: 0}.cta--form .tag::before{display: none}}.case{display: flex;flex-direction: column;margin-top: 56px}.case-body{display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.6s var(--ease)}.case.is-open .case-body{grid-template-rows: 1fr}.case-body-inner{min-height: 0;overflow: hidden;margin-inline: -32px;padding: 0 32px}.case.is-open .case-body-inner{padding-block: 28px 40px}.case-body .case-run{opacity: 0;transform: translateY(-12px);transition: opacity 0.4s,transform 0.6s var(--ease)}.case.is-open .case-body .case-run{opacity: 1;transform: none;transition-delay: 0.15s}.case .case-run-text > h3{display: none}.case-teaser{cursor: pointer;font: inherit;color: var(--ink);text-align: left}.case-plus{display: grid;flex: none;place-items: center;width: 44px;height: 44px;border-radius: 50%;background: var(--solid);color: var(--on-solid);transition: transform 0.4s var(--ease),background 0.3s}.case-plus .icon{width: 18px;height: 18px}.case.is-open .case-plus{transform: rotate(45deg)}.case-teaser:hover .case-plus{background: var(--solid-hover)}.case-teaser--bar{display: flex;align-items: center;gap: 28px;padding: 20px 28px 20px 24px;border-radius: 24px;background: var(--surface);box-shadow: var(--ring);transition: transform 0.4s var(--ease)}.case-teaser--bar:hover{transform: translateY(-2px)}.case-thumbs{display: flex;flex: none;padding-left: 8px}.case-thumbs img{width: 64px;height: 64px;margin-left: -14px;object-fit: cover;border-radius: 10px;box-shadow: 0 0 0 3px var(--surface),0 4px 10px rgba(0,0,0,0.12);transition: transform 0.4s var(--ease)}.case-thumbs img:nth-child(1){transform: rotate(-6deg)}.case-thumbs img:nth-child(2){transform: rotate(4deg) translateY(-4px)}.case-thumbs img:nth-child(3){transform: rotate(-2deg)}.case-teaser--bar:hover .case-thumbs img:nth-child(1){transform: rotate(-10deg) translateX(-4px)}.case-teaser--bar:hover .case-thumbs img:nth-child(3){transform: rotate(4deg) translateX(4px)}.case-teaser-text{display: flex;flex: 1;flex-direction: column;gap: 4px}.case-name{white-space: nowrap}@media (max-width: 809px){.case{margin-top: 24px}.case-body-inner{margin-inline: -16px;padding-inline: 16px}.case-teaser--bar{gap: 12px;padding: 16px}.case-thumbs{padding-left: 18px}.case-thumbs img{width: 48px;height: 48px;margin-left: -18px}.case-name{display: block}.case-thumbs img:nth-child(3){display: none}}@media (max-width: 374px){.case-thumbs img:nth-child(2){display: none}}@media (prefers-reduced-motion: no-preference){.js .hero-cta,.js .hero-logos,.js .hero-corners{animation: hero-rise 1s cubic-bezier(0.44,0,0.56,1) 1s backwards}.first-load .nav-inner{animation: nav-drop 1s cubic-bezier(0.44,0,0.56,1) 1s backwards}}@keyframes hero-rise{from{opacity: 0;transform: translateY(48px)}}@keyframes nav-drop{from{opacity: 0;transform: translateY(-48px)}}.neu-motion .hero-sub .hw{display: inline-block;opacity: 0;filter: blur(8px);animation: char-in 0.6s var(--ease) forwards;animation-delay: calc(0.9s + var(--i) * 30ms)}.cta .display .cw{display: inline-block;color: inherit}.cta .display .ci{display: inline-block;color: inherit}.neu-motion .cta .display .ci{opacity: 0;filter: blur(10px);transform: translateY(0.12em)}.neu-motion .cta .display.chars-in .ci{animation: char-in 0.7s var(--ease) forwards;animation-delay: calc(var(--i) * 40ms)}@media (prefers-reduced-motion: no-preference){.case .case-run .timeline li{opacity: 0;transform: translateY(10px);transition: opacity 0.5s,transform 0.6s var(--ease)}.case .case-run .timeline li::before{transform: translateX(-50%) scale(0);transition: transform 0.4s var(--ease)}.case .case-run .timeline li::after{transform: scaleY(0);transform-origin: top;transition: transform 0.5s var(--ease)}.case.is-open .case-run .timeline li{opacity: 1;transform: none;transition-delay: calc(0.35s + var(--n) * 0.14s)}.case.is-open .case-run .timeline li::before{transform: translateX(-50%) scale(1);transition-delay: calc(0.4s + var(--n) * 0.14s)}.case.is-open .case-run .timeline li::after{transform: scaleY(1);transition-delay: calc(0.5s + var(--n) * 0.14s)}.case .timeline li:nth-child(1){--n: 0}.case .timeline li:nth-child(2){--n: 1}.case .timeline li:nth-child(3){--n: 2}.case .timeline li:nth-child(4){--n: 3}.case .timeline li:nth-child(5){--n: 4}.case .timeline li:nth-child(6){--n: 5}}.slot{display: inline-grid;justify-items: start;color: var(--ink)}.slot > span{grid-area: 1 / 1;white-space: nowrap;opacity: 0;filter: blur(8px);transform: translateY(0.35em)}.slot > span.is-on,.slot > span.is-out{transition: opacity 0.6s var(--ease),transform 0.7s var(--ease),filter 0.6s var(--ease)}.slot > span.is-on{opacity: 1;filter: none;transform: none}.slot > span.is-out{transform: translateY(-0.35em)}.hero-swap{animation: hero-swap 0.7s var(--ease) both}@keyframes hero-swap{from{opacity: 0;filter: blur(8px);transform: translateY(0.08em)}}.hero-title .w-slot.hero-swap{animation-delay: var(--d,0s)}.w-slot .slot > span{transform: translateY(0.2em)}.w-slot .slot > span.is-on{transform: none}.w-slot .slot > span.is-out{transform: translateY(-0.2em)}@media (max-width: 1100px){.hero[data-hero="foto"] .hero-text,.hero[data-hero="foto"] .hero-content{align-items: flex-start}.hero[data-hero="foto"] .hero-title{justify-content: flex-start}.hero[data-hero="foto"] .hero-sub{text-align: left}.hero[data-hero="foto"] .hero-cta{align-items: flex-start;justify-content: flex-start}}@media (max-width: 809px){.hero[data-hero="foto"] .hero-cta{align-items: stretch;align-self: stretch}.hero[data-hero="foto"] .hero-cta .btn-wrap{margin-inline: -8px}.hero[data-hero="foto"] .hero-cta .btn{flex: 1}}.hero[data-hero="foto"]{container-type: inline-size;overflow-x: clip}.hero[data-hero="foto"] .container{padding-top: 8px}.hero[data-hero="foto"] .hero-split{--photo-1: #706c69;--photo-2: #7a7773;--photo-3: #84807d;--photo-4: #888783;--photo-5: #85827f;--photo-6: #7d7976;--photo-7: #797572;--photo-r1: #6f6b68;--photo-r2: #7b7774;--photo-r3: #84827e;--photo-r4: #878583;--photo-r5: #807e7a;--photo-r6: #75716e;--photo-r7: #686461;--shade: rgba(0,0,0,0.42);--shade-mid: rgba(0,0,0,0.3);--frame: 1600px;--ink: #fff;--muted: rgba(255,255,255,0.75);--sub: rgba(255,255,255,0.95);--solid: #fff;--on-solid: #1f1f1f;--solid-hover: #e8e8e8;--ghost-hover: rgba(255,255,255,0.14);--surface: rgba(255,255,255,0.16);--btn-shadow: var(--btn-drop);position: relative;width: calc(100cqw + 2 * var(--gutter) - 16px);max-width: none;min-height: calc(100svh - 16px);padding-block: clamp(112px,17svh,150px) clamp(56px,10svh,96px);padding-inline: calc(var(--gutter) - 8px + (100cqw - min(var(--max),100cqw)) / 2);grid-template-columns: minmax(0,1.3fr) minmax(0,0.7fr);border-radius: 24px;background: var(--photo-1);color: var(--ink);overflow: clip}.hero[data-hero="foto"] .hero-text{position: relative;z-index: 1}.hero[data-hero="foto"] .hero-sub{color: var(--sub)}.hero[data-hero="foto"] .hero-title .w.thin{color: var(--ink);font-weight: 300}.hero[data-hero="foto"] .hero-cta .btn--ghost{box-shadow: 0 0 0 1px var(--ink)}.hero[data-hero="foto"] .hero-logos{margin-top: 0}.hero-big{--inset: max(0px,(100cqw - var(--frame)) / 2);--ph: min(100cqh - 64px,1200px);--pw: calc(var(--ph) * 2000 / 1626);--cl: calc(var(--gutter) - 8px + (100cqw - 2 * var(--gutter) + 16px - min(var(--max),100cqw - 2 * var(--gutter) + 16px)) / 2);--face: max((100cqw - min(100cqw,var(--frame))) / 2 + min(100cqw,var(--frame)) * 0.72,var(--cl) + min(clamp(40px,4.4vw,68px) * 11.6,745px) + 80px + var(--pw) * 0.16);--pr: calc(100cqw - var(--face) - var(--pw) / 2);position: absolute;inset: 0;container-type: size;pointer-events: none}.hero-big .beams{position: absolute;inset: 0;-webkit-mask-image: radial-gradient(125% 100% at 0% 0%,#000 0%,rgba(0,0,0,0.22) 88%,transparent 100%),linear-gradient(90deg,#000 30%,transparent 62%);-webkit-mask-composite: source-in;mask-image: radial-gradient(125% 100% at 0% 0%,#000 0%,rgba(0,0,0,0.22) 88%,transparent 100%),linear-gradient(90deg,#000 30%,transparent 62%);mask-composite: intersect}.hero-big .beams span{opacity: 0.08}.hero-band{position: absolute;right: 0;bottom: 0;left: 0;height: var(--ph);background: linear-gradient(var(--photo-1) 0%,var(--photo-2) 15%,var(--photo-3) 30%,var(--photo-4) 45%,var(--photo-5) 60%,var(--photo-6) 75%,var(--photo-7) 90%)}.hero-band--right{left: auto;width: calc(var(--pr) + var(--pw) / 2);-webkit-mask-image: linear-gradient(90deg,transparent 0px,#000 calc(var(--pw) * 0.4));mask-image: linear-gradient(90deg,transparent 0px,#000 calc(var(--pw) * 0.4));background: linear-gradient(var(--photo-r1) 0%,var(--photo-r2) 15%,var(--photo-r3) 30%,var(--photo-r4) 45%,var(--photo-r5) 60%,var(--photo-r6) 75%,var(--photo-r7) 90%)}.hero-grain{position: absolute;inset: 0;opacity: 0.24;mix-blend-mode: overlay;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0  1 0 0 0 0  1 0 0 0 0  0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23g)'/%3E%3C/svg%3E")}.hero-big-photo{position: absolute;right: var(--pr);bottom: 0;height: var(--ph);aspect-ratio: 2000 / 1626}.hero-big-img{display: block;width: 100%;height: 100%;max-width: none}.hero-big-photo::after{content: "";position: absolute;top: -100vh;right: 70%;bottom: 0;left: -200vw;background: linear-gradient(to left,transparent 0px,var(--shade-mid) 320px,var(--shade) 900px);pointer-events: none}@media (max-width: 1100px){.hero[data-hero="foto"] .hero-split{grid-template-columns: 1fr;min-height: 0;padding: 130px 24px calc(min(86vw,600px) - var(--crop,0px) - var(--lift,0px))}.hero-band{bottom: calc(-1 * var(--crop,0px));height: calc(min(100cqw,680px) * 1626 / 2000)}.hero-band--right{display: none}.hero-big-photo{right: 50%;bottom: calc(-1 * var(--crop,0px));width: min(100%,680px);height: auto;translate: 50% 0}.hero-big-photo::after{top: -200vh;right: -100vw;bottom: 95%;left: -100vw;background: linear-gradient(to top,transparent 0px,var(--shade-mid) 240px,var(--shade) 600px)}}@media (max-width: 809px){.hero[data-hero="foto"] .hero-split{padding-top: 104px}}.hero-corners{display: none}@media (min-width: 1024px){.nav-corners .nav-right .lang,.nav-corners .nav-right .theme-btn{display: none}.hero-corners{position: absolute;right: 0;bottom: 32px;left: 0;z-index: 2;display: flex;align-items: center;justify-content: space-between;pointer-events: none}.hero-corners[hidden]{display: none}.hero-corners > *{pointer-events: auto}.hero[data-hero="foto"] .hero-corners{right: calc(var(--gutter) - 8px + (100cqw - min(var(--max),100cqw)) / 2);left: calc(var(--gutter) - 8px + (100cqw - min(var(--max),100cqw)) / 2)}}.corner-lang{display: flex;align-items: center;gap: 10px;color: var(--ink);font-size: 14px;letter-spacing: 0.04em}.corner-lang button{padding: 6px 0;color: var(--muted);font-weight: 400;transition: color 0.2s}.corner-lang button:hover,.corner-lang button[aria-pressed="true"]{color: var(--ink)}.corner-lang button[aria-pressed="true"]{font-weight: 700}.corner-sep{width: 1px;height: 12px;background: currentColor;opacity: 0.35}.theme-btn.corner-theme{width: 40px;height: 40px;background: transparent;color: var(--ink);box-shadow: inset 0 0 0 1px color-mix(in srgb,currentColor 40%,transparent);transition: box-shadow 0.2s}.theme-btn.corner-theme:hover{box-shadow: inset 0 0 0 1px currentColor}.theme-btn.corner-theme .icon{inset: 10px}.nav-corners .nav{padding-inline: 18px}.nav-corners .nav-inner{max-width: none}@media (min-width: 1024px){.nav-corners .hero[data-hero="foto"] .hero-corners{right: 10px;bottom: 10px;left: 10px}.nav-corners .theme-btn.corner-theme{width: 44px;height: 44px}.nav-corners .theme-btn.corner-theme .icon{inset: 12px}.nav-corners .hero[data-hero="foto"] .hero-split{border-radius: 32px}.nav-corners .corner-lang{gap: 0;height: 44px;padding: 4px;border-radius: 22px;box-shadow: inset 0 0 0 1px color-mix(in srgb,currentColor 40%,transparent);letter-spacing: 0}.nav-corners .corner-lang .corner-sep{display: none}.nav-corners .corner-lang button{min-width: 40px;height: 36px;padding: 0 10px;border-radius: 18px;font-size: 13px;font-weight: 600;transition: color 0.2s,background 0.2s}.nav-corners .corner-lang button[aria-pressed="true"]{background: color-mix(in srgb,currentColor 16%,transparent);color: var(--ink)}}.wordmark--logo,.menu-btn{transition: background 0.3s,box-shadow 0.3s,color 0.3s}.nav-over-hero .wordmark--logo,.nav-over-hero .menu-btn{--logo: #fff;--ink: #fff;background: transparent;color: var(--ink);box-shadow: inset 0 0 0 1px color-mix(in srgb,currentColor 40%,transparent)}.nav-over-hero .wordmark--logo:hover,.nav-over-hero .menu-btn:hover{box-shadow: inset 0 0 0 1px currentColor}