:root{--paper:#f1efe9;--ink:#24231f;--accent:#c64a26;--line:#c8c5bc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}button svg,a svg{width:20px;height:20px;flex-shrink:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;z-index:99;background:var(--paper);padding:12px}.skip:focus{top:8px}.top{padding:25px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{font-size:35px;font-weight:700;letter-spacing:-2.5px;line-height:1}.logo span{color:var(--accent);padding-left:3px}.top-note,.eyebrow,.hero-meta,.frame-mark,figcaption,.story-label,.desk-index,.offer-num{font-size:10px;letter-spacing:.09em}.top nav{display:flex;gap:32px;align-items:center;font-size:12px}.top nav button{display:flex;gap:18px;align-items:center}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:400;letter-spacing:-.065em;line-height:.97}h1 em,h2 em,.image-title em{font-family:Fraunces,serif;font-weight:400;letter-spacing:-.065em}h1{font-size:clamp(64px,8.5vw,138px)}h2{font-size:clamp(48px,5.8vw,88px)}.link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid currentColor;padding:12px 0;font-size:13px}.link svg{transition:transform .35s}.link:hover svg,.link:focus-visible svg{transform:translate(3px,-3px)}.hero-meta{display:flex;justify-content:space-between}.hero-image{position:relative;overflow:hidden}.hero-image>img{display:block;width:100%;height:100%;object-fit:cover}.hero-image figcaption{background:var(--paper);padding:13px 0}.frame-mark{position:absolute;top:20px;left:20px;color:white}figcaption{display:flex;justify-content:space-between;padding:14px 0;font-size:9px}.contact-sheet .hero{padding:30px 4% 0}.contact-sheet h1{margin:55px 0 36px}.contact-sheet .hero-bottom{display:flex;justify-content:space-between;align-items:end;margin:0 0 42px 49%}.hero-bottom p{max-width:350px;font-size:15px;margin-right:50px}.contact-sheet .hero-image{height:500px;margin-right:14%}.contact-sheet .hero-image>img{height:465px;object-position:center 53%}.contact-sheet .hero-image:after{content:'9:16';position:absolute;right:22%;bottom:70px;color:white;font-size:10px;border:1px solid #ffffff80;width:145px;height:255px;display:flex;align-items:end;justify-content:end;padding:10px;pointer-events:none}.production-desk .top{background:var(--paper)}.production-desk .hero{display:grid;grid-template-columns:58% 42%;min-height:760px}.production-desk .hero-image>img{object-position:51% center}.production-desk .hero-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 25px;background:linear-gradient(transparent,#0008);color:white}.production-desk .hero-copy{padding:55px 9%;display:flex;flex-direction:column;align-items:start}.production-desk h1{font-size:clamp(64px,6.1vw,98px);margin:48px 0 34px}.hero-copy>p{font-size:14px;max-width:350px;margin-bottom:22px}.image-title{position:absolute;left:35px;bottom:80px;font-size:80px;color:white;line-height:.97;letter-spacing:-.05em;text-shadow:0 2px 20px #0006}.desk-index{margin-top:auto;padding-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;font-size:9px}.editing-story .top{position:absolute;left:0;right:0;top:0;z-index:3;color:white;border-color:#ffffff60}.editing-story .top .logo span{color:white}.editing-story .hero{position:relative;min-height:860px;color:white;display:flex;align-items:end}.editing-story .hero-image{position:absolute;inset:0}.editing-story .hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#161510e6,transparent 85%),linear-gradient(90deg,#0005,transparent)}.editing-story .hero-story{position:relative;width:100%;padding:180px 4% 70px}.editing-story h1{font-size:clamp(60px,8.6vw,140px);margin:100px 0 50px}.story-bottom{display:flex;align-items:end;justify-content:space-between}.story-bottom p{max-width:435px;font-size:15px}.story-label{position:absolute;right:4%;top:110px;font-size:9px}.services{padding:130px 4% 110px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:25px;margin-bottom:70px}.section-heading .eyebrow{padding-top:12px}.section-heading>p{grid-column:2;max-width:390px;font-size:14px;margin-top:5px}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%}.service-stage{position:sticky;top:30px;align-self:start}.stage-photo{height:470px;position:relative;overflow:hidden;background:#d0c8bd}.stage-photo>img{width:100%;height:100%;object-fit:cover;object-position:60%;transition:object-position .7s,transform .8s}.stage-overlay{position:absolute;bottom:18px;left:20px;font-size:10px;color:white;letter-spacing:.1em}.viewfinder{position:absolute;inset:12%;border:1px solid #ffffff88;transition:inset .7s}.filmstrip{display:flex;gap:8px;margin-top:8px}.filmstrip>span{width:33.333%;position:relative;overflow:hidden}.filmstrip img{display:block;width:100%;height:105px;object-fit:cover}.filmstrip>span:nth-child(2) img{object-position:72%;transform:scale(1.5)}.filmstrip>span:nth-child(3) img{object-position:45%;transform:scale(1.2)}.filmstrip b{position:absolute;bottom:5px;left:8px;font-size:8px;color:white;font-weight:400}.offer{border-top:1px solid var(--line);padding:23px 0}.offer:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;gap:18px;align-items:start;cursor:pointer}summary::-webkit-details-marker{display:none}.offer-num{padding-top:7px;color:var(--accent)}.offer h3{font-size:23px;letter-spacing:-.05em;line-height:1.18;font-weight:400;max-width:360px}.quantity{display:block;font-size:11px;margin-top:9px}.plus{margin-left:auto;font-size:25px;font-weight:400;line-height:1;transition:transform .3s}details[open] .plus{transform:rotate(45deg)}details[open] h3{color:var(--accent)}.offer-detail{padding:24px 0 5px 35px;max-width:440px;animation:detail-in .45s both}.offer-tag{font-family:Fraunces,serif;font-size:25px;line-height:1.2;letter-spacing:-.03em}.offer h4{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:25px 0 12px}.offer ul{padding-left:16px;font-size:12px;line-height:1.85;margin:0}.scope{font-size:10px;line-height:1.6;opacity:.65;margin:15px 0}.offer-detail .link{font-size:11px}.production-desk .services{background:#25251f;color:#f4f0e8;--line:#5b5a50;--accent:#eb9c72}.production-desk .section-heading{grid-template-columns:1fr 1fr}.production-desk .section-heading>h2{order:-1}.production-desk .section-heading>.eyebrow{align-self:end;padding-bottom:10px}.production-desk .section-heading>p{grid-column:1}.production-desk .service-layout{grid-template-columns:1fr 1.2fr;gap:9%}.production-desk .service-stage{order:2}.production-desk .stage-photo{height:560px}.editing-story .section-heading{display:block;max-width:850px;margin-left:17%;margin-bottom:80px}.editing-story .section-heading h2{margin:35px 0}.editing-story .service-layout{grid-template-columns:1.2fr 1fr;gap:8%}.editing-story .stage-photo{height:600px}.editing-story .filmstrip{display:none}.editing-story .offer{padding:32px 0}.process{padding:100px 4%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%}.process h2{font-size:64px;margin-top:30px}.process-steps article{display:grid;grid-template-columns:35px 1fr;border-top:1px solid var(--line);padding:25px 0}.process-steps article>span{font-size:10px;color:var(--accent)}.process h3{font-size:22px;font-weight:400;letter-spacing:-.035em;line-height:1.2}.process p{grid-column:2;font-size:13px;max-width:330px;margin-top:15px}.about{background:#d9d6cd;padding:100px 4%;display:grid;grid-template-columns:1fr 1fr;gap:40px}.about .eyebrow{grid-column:1/-1}.about h2{font-size:70px}.about>div{max-width:350px;margin-left:auto;padding-top:20px}.about p{font-size:15px;margin-bottom:30px}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 4%;font-size:10px}dialog{background:var(--paper);color:var(--ink);border:0;padding:60px;width:min(600px,90vw)}dialog::backdrop{background:#12120dc9;backdrop-filter:blur(9px)}dialog h2{font-size:60px;margin:35px 0}dialog p{font-size:14px;margin:20px 0}.close{position:absolute;right:25px;top:18px;font-size:30px}.letter-word{display:inline-block;white-space:nowrap}.letter{display:inline-block;will-change:opacity,transform}.crop-reveal>img{transition:clip-path .2s linear}.services[data-active="1"] .stage-photo>img{object-position:38%;transform:scale(1.06)}.services[data-active="1"] .viewfinder{inset:20% 8%}.services[data-active="2"] .stage-photo>img{object-position:70%;transform:scale(1.15)}.services[data-active="2"] .viewfinder{inset:8% 28%}.services[data-active="3"] .stage-photo>img{object-position:50%;transform:scale(1)}.services[data-active="3"] .viewfinder{inset:30% 12%}@keyframes detail-in{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:760px){.top{padding:20px 5%}.top-note{display:none}.top nav{gap:18px;font-size:10px}.top nav a:nth-child(2){display:none}.logo{font-size:30px}.contact-sheet .hero{padding:25px 5% 0}.contact-sheet h1{font-size:62px;margin-top:48px}.contact-sheet .hero-bottom{margin:0 0 35px;display:block}.hero-bottom p{max-width:360px;margin-bottom:20px;margin-right:0}.contact-sheet .hero-image{height:auto;margin-right:0}.contact-sheet .hero-image>img{height:auto;aspect-ratio:16/9}.contact-sheet .hero-image:after{display:none}.production-desk .hero{display:flex;flex-direction:column-reverse}.production-desk .hero-copy{padding:40px 5%}.production-desk h1{font-size:70px;margin:30px 0}.production-desk .hero-image{height:330px}.image-title{font-size:50px;bottom:60px}.desk-index{padding-top:35px}.editing-story .hero{min-height:780px}.editing-story .hero-image>img{object-position:58%}.editing-story .hero-story{padding:160px 5% 50px}.editing-story h1{font-size:64px;margin:120px 0 35px}.story-bottom{display:block}.story-bottom p{margin-bottom:20px;font-size:14px}.story-label{top:100px;left:5%}.services{padding:75px 5%}.section-heading,.production-desk .section-heading,.editing-story .section-heading{display:block;margin:0 0 40px;max-width:none}.section-heading h2{font-size:50px;margin:25px 0!important}.section-heading>p{font-size:13px}.service-layout,.production-desk .service-layout,.editing-story .service-layout{display:flex;flex-direction:column;gap:30px}.service-stage,.production-desk .service-stage{position:relative;top:auto;order:0;width:100%}.stage-photo,.production-desk .stage-photo,.editing-story .stage-photo{height:280px}.filmstrip img{height:70px}.offer h3{font-size:22px}.offer-detail{padding-left:31px;max-width:none}.offer ul{font-size:13px}.scope{font-size:11px}.quantity{font-size:11px}.process{padding:70px 5%;display:block}.process h2{font-size:50px;margin-bottom:45px}.about{padding:70px 5%;display:block}.about h2{font-size:50px;margin:30px 0}.about>div{margin:0;padding:0}.about p{font-size:14px}footer{flex-wrap:wrap;gap:25px;padding:30px 5%}footer span{width:100%;font-size:9px}dialog{padding:40px 25px}dialog h2{font-size:45px}figcaption{font-size:7px}.hero-meta{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.letter{opacity:1!important;transform:none!important}.crop-reveal>img{clip-path:none!important}}

.top nav{white-space:nowrap}.offer-list{min-height:780px}.editing-story .offer-list{min-height:820px}.stage-photo:after{content:"";position:absolute;inset:12%;opacity:0;background:linear-gradient(90deg,transparent 33%,#ffffff88 33%,#ffffff88 33.3%,transparent 33.3%,transparent 66%,#ffffff88 66%,#ffffff88 66.3%,transparent 66.3%),linear-gradient(0deg,transparent 33%,#ffffff88 33%,#ffffff88 33.3%,transparent 33.3%,transparent 66%,#ffffff88 66%,#ffffff88 66.3%,transparent 66.3%);transition:opacity .4s;pointer-events:none}.services[data-active="1"] .stage-photo:after{opacity:1}@media(max-width:760px){.offer-list,.editing-story .offer-list{min-height:0}}

.editing-story .top svg path,.editing-story .hero svg path{stroke:#fff}.production-desk .services svg path{stroke:#f4f0e8}

.subject-switch{display:flex;align-items:center;gap:20px;margin-bottom:15px;font-size:11px}.subject-switch button{padding:5px 0;border-bottom:1px solid transparent}.subject-switch button[aria-pressed="true"]{border-color:currentColor;color:var(--accent)}.subject-switch>span{margin-left:auto;font-size:8px;letter-spacing:.06em}.contact-sheet .hero-image>img{object-position:55% 55%}.production-desk .hero-image>img{object-position:52% center}.editing-story .hero-image>img{object-position:55% center}

.stage-overlay,.filmstrip b{background:#1917109c;padding:4px 7px}.subject-switch button{flex:0 0 auto;text-align:left}

/* Scroll motion owns only headline letters and hero photography. */
.letter{will-change:auto}.hero-image>img{backface-visibility:hidden}.crop-reveal>img{transition:none}

/* The longer maximalrelevant wordmark keeps the original editorial typography. */
.logo{display:inline-block;white-space:nowrap;flex:0 0 auto}
.top{gap:24px}
footer{flex-wrap:wrap;gap:24px}
@media(max-width:1080px){.top-note{display:none}}
@media(max-width:760px){.top{gap:12px}.logo{font-size:clamp(23px,6vw,30px);letter-spacing:-.07em}.top nav{gap:14px}.top nav button{gap:8px}}
@media(max-width:440px){.top nav>a[href="#leistungen"]{display:none}}