@font-face{font-family:Inter;src:url("assets/InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#111111;--paper:#F4F2ED;--gray:#A7A49D;--accent:#d9d9d9;--pad:clamp(24px,4.3vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,Helvetica,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:var(--gray);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1.03}p{line-height:1.5}button{border:0;background:none}section{position:relative}.dark{background:var(--ink);color:var(--paper)}.light{background:var(--paper);color:var(--ink)}.section{padding:52px var(--pad) 120px}.label{font-size:12px;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}.muted{color:var(--gray)}.section-meta{display:flex;justify-content:space-between;gap:24px;padding-bottom:80px}.header{color:var(--ink);position:absolute;z-index:10;top:0;left:0;width:100%;padding:30px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:195px;display:block;background:transparent;padding:0}.brand img{display:block;width:100%;height:auto;mix-blend-mode:normal}.header nav{display:flex;align-items:center;gap:30px;font-size:14px}.header nav a{padding:10px 0}.header nav a:hover{color:var(--gray)}.language{border-left:1px solid #11111130;padding-left:25px;font-size:12px}.menu-toggle{display:none}.hero{background:var(--paper);color:var(--ink);min-height:900px;height:100svh;display:flex;flex-direction:column;padding:135px var(--pad) 32px;isolation:isolate;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:-1;background:var(--paper)}.hero-media:after{display:none}.hero-grain{display:none;position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.12' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.28}.frame-corner{display:none;position:absolute;width:70px;height:70px;opacity:.3}.frame-corner.top{top:21%;right:6%;border-top:1px solid white;border-right:1px solid white}.frame-corner.bottom{bottom:18%;left:6%;border-bottom:1px solid white;border-left:1px solid white}.hero-top{display:flex;justify-content:space-between;color:#65635d}.hero-copy{margin:auto 0 66px;padding-top:80px}.hero h1{font-size:clamp(48px,6.65vw,118px);max-width:1500px;line-height:1.02}.hero-second{font-size:clamp(30px,4.1vw,72px);letter-spacing:-.045em;line-height:1.08;margin-top:26px;color:#65635d;animation:intro 1.2s .7s both}.hero-intro{font-size:16px;margin-top:35px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;color:#65635d}.hero-bottom a{display:flex;gap:38px}.placeholder-label{font-size:11px}.problem{padding-top:55px;padding-bottom:140px}.problem-lines p{font-size:clamp(38px,6.65vw,118px);letter-spacing:-.055em;line-height:1.15;color:#77756e}.problem-lines h2{font-size:clamp(43px,6.65vw,118px);margin-top:68px;line-height:1.07}.problem-lines h2 span{display:inline-block;border-bottom:3px solid var(--ink);padding-bottom:5px}.aside-copy{font-size:clamp(18px,1.6vw,24px);max-width:520px;margin:70px 0 0 auto}.statement{font-size:clamp(48px,7.4vw,130px);padding:30px 0 130px}.service{border-top:1px solid #ffffff40;display:grid;grid-template-columns:1fr 1.6fr 1.25fr;gap:35px;padding:43px 0 55px;align-items:start}.service h3{font-size:clamp(34px,4vw,72px)}.service .label{padding-top:9px;color:var(--gray)}.service p{font-size:18px;max-width:400px;color:#c9c7c1}.principle-end{font-size:clamp(28px,3.3vw,55px);letter-spacing:-.035em;line-height:1.2;margin-top:80px}.production-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:end}.production h2,.work h2,.about h2{font-size:clamp(44px,5.5vw,98px)}.production-intro p{max-width:400px;font-size:20px}.workflow{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;margin-top:100px}.workflow-text ol{list-style:none;padding:0;margin:30px 0 40px}.workflow-text li{display:flex;align-items:center;gap:25px;font-size:clamp(25px,2.5vw,42px);letter-spacing:-.035em;border-bottom:1px solid #1113;padding:20px 0}.workflow-text li span{font-size:12px;letter-spacing:0;color:#6a6861}.workflow-text>p:last-child{max-width:400px;font-size:18px}.format-demo{background:#e6e3dd;padding:24px;display:flex;flex-direction:column}.demo-toolbar{display:flex;justify-content:space-between;gap:20px;font-size:10px}.format-stage{height:350px;display:grid;place-items:center;padding:20px 0}.format-screen{background:#202c32;color:var(--paper);padding:20px;display:flex;flex-direction:column;justify-content:space-between;max-width:100%;width:100%;aspect-ratio:16/9;transition:width .5s,aspect-ratio .5s}.format-screen strong{font-size:clamp(28px,3.6vw,60px);letter-spacing:-.06em;line-height:.98;font-weight:500}.format-screen .label{font-size:9px}.format-screen[data-ratio=portrait]{width:163px;aspect-ratio:9/16}.format-screen[data-ratio=portrait] strong{font-size:32px}.format-screen[data-ratio=square]{width:290px;aspect-ratio:1}.format-controls{display:flex;justify-content:center;gap:10px;margin-top:auto}.format-controls button{border:1px solid #1114;border-radius:30px;padding:10px 20px;font-size:14px}.format-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.demo-caption{text-align:center;margin-top:20px}.work-heading{padding-bottom:100px}.case{min-height:720px;height:95svh;padding:35px var(--pad) 55px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.case-one{background:radial-gradient(ellipse at 65% 30%,#5a6869,#223339 65%,#172126)}.case-two{background:radial-gradient(ellipse at 40% 35%,#8e8578,#514a41 65%,#292721)}.case-three{background:radial-gradient(ellipse at 70% 30%,#56586c,#272837 65%,#171721)}.case-top{display:flex;justify-content:space-between;gap:25px;color:#ddd}.case-slate{margin:auto 0;font-size:clamp(64px,12vw,210px);letter-spacing:-.075em;line-height:1;color:#ffffff28;overflow-wrap:anywhere}.case-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.case-bottom h3{font-size:clamp(38px,4.5vw,78px);margin-top:12px}.case-open{font-size:14px;border-bottom:1px solid #fff7;padding:15px 0;white-space:nowrap}.case-open span{margin-left:45px;font-size:24px}.case-open:hover{border-color:white}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:9vw}.portrait-placeholder{background:#d8d5ce;min-height:720px;display:flex;flex-direction:column;justify-content:space-between;padding:30px}.portrait-initials{font-size:clamp(100px,15vw,250px);letter-spacing:-.08em;align-self:center;color:#b1ada4}.portrait-placeholder p{font-size:16px}.portrait-placeholder p span{color:#5f5d57}.about-copy h2{margin-bottom:40px}.about-copy>p{max-width:540px;font-size:18px;margin-top:24px}.text-link{display:inline-flex;justify-content:space-between;gap:60px;border-bottom:1px solid;padding:14px 0;margin-top:30px}.contact{padding-bottom:0}.contact h2{font-size:clamp(44px,7.2vw,126px);padding:30px 0 70px}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-bottom:100px}.contact-bottom p{font-size:20px;color:#c9c7c1}.contact-link{font-size:clamp(22px,2.3vw,40px);letter-spacing:-.035em;border-bottom:1px solid #ffffff80;padding:10px 0}.contact-link span{margin-left:30px}footer{display:flex;align-items:center;gap:30px;flex-wrap:wrap;border-top:1px solid #ffffff40;padding:30px 0;font-size:12px;color:#c9c7c1}footer>a:first-child{margin-right:auto}footer button{padding:10px 0;font-size:12px}.mobile-only{display:none}.skip{position:fixed;top:-70px;left:20px;background:var(--paper);color:var(--ink);padding:15px;z-index:100}.skip:focus{top:10px}dialog{background:var(--paper);color:var(--ink);border:0;width:min(720px,calc(100% - 32px));max-height:85svh;padding:clamp(25px,5vw,60px)}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-close{display:block;margin:0 0 50px auto;padding:10px 0}dialog h2{font-size:clamp(36px,5vw,65px);margin:22px 0}dialog>p:not(.label),#detail-extra{font-size:18px;line-height:1.6}#detail-extra{border-top:1px solid #1113;margin-top:30px;padding-top:25px}#detail-extra a{text-decoration:underline}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}@keyframes intro{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:1600px){.hero{min-height:1000px}}@media(max-width:1000px){.header nav{gap:18px}.brand{width:165px}.hero{min-height:820px}.service{grid-template-columns:.7fr 1.1fr 1fr;gap:20px}.service p{font-size:16px}.workflow{gap:40px}.production-intro{gap:35px}.portrait-placeholder{min-height:640px}.about-grid{gap:45px}.case{min-height:650px}.format-stage{height:320px}}@media(max-width:700px){html{scroll-padding-top:24px}.header{padding:24px;align-items:flex-start}.brand{width:155px}.menu-toggle{display:flex;gap:18px;align-items:center;padding:8px 0;font-size:14px;z-index:12}.menu-toggle span{font-size:22px}.menu-toggle[aria-expanded=true]{color:var(--paper)}.header nav{color:var(--paper);display:none;position:absolute;top:0;left:0;width:100%;min-height:100svh;padding:120px 24px 60px;background:var(--ink);flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;font-size:35px}.header nav.open{display:flex}.language{border:0;padding:25px 0 0}.hero{height:100svh;min-height:780px;padding:110px 24px 25px}.hero-top>span:last-child{display:none}.hero-top{font-size:10px}.hero-copy{margin:auto 0 55px;padding-top:80px}.hero h1{font-size:clamp(42px,9vw,62px);line-height:1.04}.hero-second{font-size:clamp(30px,7vw,44px);margin-top:30px}.hero-intro{font-size:14px;margin-top:30px}.hero-bottom{font-size:10px;align-items:end}.hero-bottom a{max-width:180px;gap:18px}.placeholder-label{max-width:112px;text-align:right;font-size:9px}.mobile-only{display:block}.section{padding:35px 24px 80px}.section-meta{padding-bottom:60px;font-size:10px}.section-meta>span:last-child{max-width:125px;text-align:right}.problem-lines p{font-size:clamp(32px,7.7vw,52px);line-height:1.25}.problem-lines h2{font-size:clamp(37px,8.5vw,57px);margin-top:45px}.problem-lines h2 br{display:none}.aside-copy{margin-top:50px;font-size:18px;max-width:330px}.statement{font-size:clamp(42px,10vw,65px);padding:10px 0 75px}.service{grid-template-columns:1fr;gap:18px;padding:28px 0 36px}.service h3{font-size:44px}.service .label{padding:0}.service p{max-width:360px;font-size:18px}.principle-end{margin-top:45px;font-size:29px}.production-intro,.workflow,.about-grid{grid-template-columns:1fr;gap:35px}.production h2,.work h2,.about h2{font-size:clamp(39px,9.5vw,62px)}.production-intro p{font-size:18px}.workflow{margin-top:60px}.workflow-text li{font-size:29px}.format-demo{padding:18px}.format-stage{height:340px}.format-screen strong{font-size:40px}.demo-toolbar{font-size:9px}.case{height:90svh;min-height:620px;padding:28px 24px 38px}.case-top{font-size:10px}.case-top>span:last-child{text-align:right;max-width:170px}.case-slate{font-size:clamp(56px,12vw,90px)}.case-bottom{flex-direction:column;align-items:start;gap:20px}.case-bottom h3{font-size:42px}.case-bottom .label{font-size:10px}.case-open{font-size:14px}.portrait-placeholder{min-height:450px;aspect-ratio:4/5;padding:24px}.portrait-initials{font-size:140px}.about-copy h2 br:nth-child(2){display:none}.about-copy>p{font-size:18px}.contact h2{font-size:clamp(39px,9vw,63px);padding:0 0 50px}.contact-bottom{flex-direction:column;align-items:start;padding-bottom:70px;gap:35px}.contact-bottom p{font-size:18px}.contact-link{font-size:25px}footer{gap:18px;font-size:11px}footer>a:first-child{width:100%}footer span{width:100%}.contact{padding-bottom:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
@media(max-width:700px){.about-grid{grid-template-columns:minmax(0,1fr)}.portrait-placeholder{width:100%;min-height:0;height:auto;aspect-ratio:4/5}.about-copy{min-width:0}}

.portrait{margin:0;align-self:start;min-width:0}.portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 25%}.portrait figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:16px;font-size:14px;line-height:1.5}.portrait figcaption span{color:#65635d}@media(max-width:700px){.portrait figcaption{font-size:12px}.portrait img{aspect-ratio:3/4}}

/* Motionary-Film: heller Auftakt, Film unter der Einleitung. */
.hero{height:auto;min-height:100svh}.hero-copy{margin:60px 0 55px;padding-top:30px}.hero-film{width:100%;margin-bottom:30px}.hero-film-crop{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--paper)}.hero-film video{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transform-origin:center}.film-actions{display:flex;justify-content:space-between;gap:24px;padding:16px 0}.film-actions button{font-size:14px;padding:10px 0;border-bottom:1px solid #1115}.film-actions button:hover{border-color:#111}#film-dialog{width:min(1280px,calc(100% - 32px));padding:20px;background:var(--ink);color:var(--paper)}#film-close{display:block;margin:0 0 16px auto;padding:10px}#full-film{display:block;width:100%;max-height:72svh;background:#111}@media(max-width:700px){.hero-copy{margin:45px 0 38px;padding-top:20px}.hero-film video{aspect-ratio:16/9}.film-actions{gap:16px}.film-actions button{font-size:12px}.hero-bottom{padding-top:12px}}

.field-description{max-width:670px;font-size:clamp(17px,1.5vw,22px);line-height:1.5;margin-top:24px;color:var(--paper)}.case-bottom>div{min-width:0}.case-bottom h3{font-size:clamp(34px,4vw,68px)}.case-slate{font-size:clamp(56px,10.5vw,180px)}@media(max-width:700px){.case{height:auto;min-height:90svh;gap:48px}.case-slate{margin:30px 0}.case-bottom h3{font-size:clamp(32px,8vw,48px)}.field-description{margin-top:20px}}

/* Einsatzfelder mit bereitgestellten Bildern und hellen Textflächen. */
.work .case{height:auto;min-height:0;padding:0;gap:0;background:var(--paper);color:var(--ink);display:block;overflow:visible}
.work .case-top{padding:28px var(--pad);color:#65635d;border-top:1px solid #1112}
.field-image{margin:0;position:relative;background:#e6e3dd}
.field-image img{display:block;width:100%;height:auto}
.field-image figcaption{position:absolute;bottom:16px;right:var(--pad);padding:5px 9px;background:#111b;color:var(--paper);font-size:12px;letter-spacing:.04em}
.work .case-bottom{padding:48px var(--pad) 90px;align-items:end}
.work .field-description{color:#4e4c47}
.work .case-open{border-color:#1116}.work .case-open:hover{border-color:var(--ink)}
@media(max-width:700px){.work .case-top{padding:24px}.work .case-bottom{padding:30px 24px 60px;align-items:start}.field-image figcaption{bottom:10px;right:12px;font-size:10px}.field-image img{width:100%;height:auto}}

.hero-positioning{display:inline-block;color:#65635d}.hero-intro{max-width:760px;font-size:clamp(16px,1.35vw,21px);line-height:1.55}@media(max-width:700px){.hero h1{font-size:clamp(30px,7.6vw,53px)}.hero-intro{max-width:100%}}

.hero .hero-second{font-size:clamp(26px,3.4vw,60px);line-height:1.15;max-width:1250px}@media(max-width:700px){.hero .hero-second{font-size:clamp(25px,6.1vw,38px)}}

/* Einheitliche Typografie und explizite Plus-/Minus-Bedienung. */
.workflow-text .workflow-steps li{display:block;padding:0;font-size:18px;letter-spacing:normal}
.step-button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:23px 0;text-align:left}
.workflow-text .workflow-steps .step-title{font-size:12px;font-weight:400;letter-spacing:.09em;line-height:1.5;text-transform:uppercase;color:var(--ink)}
.workflow-text .workflow-steps .step-toggle{font-size:26px;font-weight:300;line-height:1;letter-spacing:0;color:var(--ink);width:24px;flex:0 0 24px;text-align:center}
.step-button:hover .step-title{color:#65635d}.step-button:hover .step-toggle{color:#65635d}
.step-button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.step-panel[hidden]{display:none}
.workflow-text .workflow-steps .step-panel p{font-size:18px;font-weight:400;letter-spacing:normal;line-height:1.5;padding:0 30px 26px 0;max-width:550px;color:#4e4c47}
@media(max-width:700px){.workflow-text .workflow-steps .step-panel p{padding-right:0}}

.format-player{width:100%;aspect-ratio:16/9;max-height:310px;background:#202c32;color:var(--paper);display:grid;place-items:center;overflow:hidden}.format-player[data-ratio=portrait]{width:174px;aspect-ratio:9/16}.format-player[data-ratio=square]{width:310px;max-width:100%;aspect-ratio:1}.format-player video{width:100%;height:100%;max-height:310px;object-fit:contain}.format-player [hidden]{display:none}#format-play{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;font-size:14px}#format-play>span:first-child{font-size:42px;font-weight:300}#format-play:hover{background:#ffffff0c}.language-controls{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:22px}.language-controls button{padding:7px 0;border-bottom:1px solid transparent;font-size:14px}.language-controls button[aria-pressed=true]{border-color:var(--ink)}.format-demo .demo-caption{font-size:13px;margin-top:20px}.format-note{font-size:12px;line-height:1.5;text-align:center;color:#65635d;margin-top:8px}

#format-play{position:relative;isolation:isolate;overflow:hidden;min-height:100%}.format-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;z-index:-1}#format-play .poster-play{display:grid;place-items:center;width:58px;height:58px;border:1px solid #fff9;border-radius:50%;background:#1118;backdrop-filter:blur(5px);color:white;transition:background .2s,transform .2s}#format-play:hover .poster-play{background:#111b;transform:scale(1.06)}#format-play .poster-caption{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:white;font-size:12px;text-shadow:0 1px 6px #000;background:#1118;padding:6px 0}#format-play[hidden]{display:none}

/* Film und Bedienung bleiben unabhängig von Bildschirmgröße eine Einheit. */
.hero-film .film-actions{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;padding:36px 20px 18px;background:linear-gradient(transparent,#0007);color:#fff;pointer-events:none}
.hero-film .film-actions button{pointer-events:auto;font-size:13px;line-height:1.3;min-height:40px;padding:10px 15px;border:1px solid #ffffff70;border-radius:24px;background:#1119;backdrop-filter:blur(8px);color:#fff}
.hero-film .film-actions button:hover{background:#111d;border-color:#fff}
.hero-film .film-actions #preview-toggle{margin-right:auto}
@media(max-width:700px){.hero-film .film-actions{padding:24px 10px 10px;gap:6px}.hero-film .film-actions button{font-size:12px;padding:8px 10px;min-height:36px}}

.legal-page{background:var(--paper);color:var(--ink)}.legal-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px var(--pad);font-size:14px}.legal-content{max-width:880px;margin:60px auto 100px;padding:0 24px}.legal-content h1{font-size:clamp(32px,5vw,64px);overflow-wrap:anywhere;margin-bottom:40px}.legal-content h2{font-size:24px;line-height:1.25;letter-spacing:-.02em;margin:38px 0 16px}.legal-content p{font-size:18px;line-height:1.65;margin:16px 0;overflow-wrap:anywhere}.legal-content a{text-decoration:underline;text-underline-offset:3px}.legal-content .legal-date{font-size:14px;color:#65635d}.legal-footer{margin:0 var(--pad);color:var(--ink);border-color:#1113}.legal-footer>a:first-child{margin-right:auto}@media(max-width:450px){.legal-header .brand{width:140px}.legal-header>a:last-child{font-size:12px}}

.header nav .language{display:inline-flex;gap:8px;align-items:center}.header nav .language a{font-size:12px}html[lang=en] .hero h1{font-size:clamp(42px,6.2vw,110px)}@media(max-width:700px){html[lang=en] .hero h1{font-size:clamp(30px,7.6vw,53px)}}