/* Satoshi is self-hosted unchanged under ITF FFL 2.0; Space Grotesk remains the wordmark. */
@font-face{font-family:Satoshi;font-style:normal;font-weight:300 900;font-display:swap;src:url(/assets/fonts/satoshi-variable.woff2) format('woff2')}
/* Self-hosted Space Grotesk variable font, licensed under the OFL. */
/* latin-ext */
/* latin */
/* latin-ext */
/* latin */
/* latin-ext */
@font-face {
  font-family: Grotesk;
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/assets/fonts/space-grotesk-variable-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Grotesk;
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/assets/fonts/space-grotesk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--ink:#161616;--paper:#f4f4f0;--accent:#ca3020;--muted:#666660;--line:#c6c6bf;--pad:clamp(24px,3.8vw,70px);--max:1800px;--dark-text:#5d5d56;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 Grotesk,Arial,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.015em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}img,video{display:block;max-width:100%;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.02;letter-spacing:-.065em}h1{font-size:clamp(70px,11.5vw,190px)}h2{font-size:clamp(45px,6vw,98px)}h3{font-size:28px;letter-spacing:-.045em;line-height:1.15}em{font-family:Satoshi,Arial,sans-serif;font-weight:400;letter-spacing:-.035em}p+p{margin-top:1em}::selection{color:var(--paper);background:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}[hidden]{display:none!important}.wrap{width:min(100%,var(--max));padding-inline:var(--pad);margin-inline:auto}.section{padding-block:clamp(70px,8vw,135px)}.light{background:var(--paper);color:var(--ink)}.muted{color:var(--muted)}.accent{color:var(--accent)}.eyebrow{font-family:Satoshi,Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.065em;text-transform:uppercase}.arrow{font:400 27px/1 Arial,sans-serif;flex:none}.button,.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:11px 0;font-size:15px;line-height:1.3;font-weight:500;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;transition:color .2s;max-width:100%}.button:hover,.text-link:hover{color:var(--accent)}.button .arrow,.text-link .arrow{transition:transform .2s}.button:hover .arrow,.text-link:hover .arrow{transform:translate(3px,-3px)}.button.outline{font-weight:400}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 35px}.skip{position:fixed;top:-100px;left:20px;z-index:150;padding:14px 20px;background:var(--paper);color:var(--ink)}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The masthead and navigation are the binding of the production book. */
.header{position:sticky;top:0;height:82px;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);z-index:80}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;height:100%}.brand{display:flex;align-items:center;gap:22px}.wordmark{font-size:36px;line-height:1;font-weight:600;letter-spacing:-.055em}.brand-caption{font-size:12px;line-height:1.15;letter-spacing:-.01em}.desktop-nav{display:flex;align-items:center;gap:32px}.desktop-nav>a{font-size:14px;line-height:1;min-height:44px;display:flex;align-items:center;position:relative}.desktop-nav>a[aria-current]:not(.button):after{content:'';position:absolute;bottom:7px;left:0;right:0;height:1px;background:currentColor}.desktop-nav>a:hover{color:var(--accent)}.header .button{color:var(--accent);margin-left:18px;border-bottom:1px solid var(--accent);min-height:38px;padding:8px 0}.header .button .arrow{display:none}.menu-toggle{display:none;background:transparent;border:0;border-bottom:1px solid currentColor;padding:10px 0;min-height:44px;font-size:14px}
/* Home: a title, a screening, a production note. */
.home-opening{padding-top:15px}.masthead-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-block:18px 30px}.masthead-name{font-size:clamp(170px,29vw,520px);font-weight:500;line-height:.8;letter-spacing:-.065em;margin-left:-.055em}.masthead-top>p{font-size:clamp(20px,2.1vw,36px);line-height:1.08;letter-spacing:-.055em;text-align:right;margin-bottom:7px}.masthead-bottom{display:flex;justify-content:space-between;gap:25px;font-size:12px;letter-spacing:.03em;text-transform:uppercase;padding:22px 0;border-top:1px solid var(--ink)}.cinema-frame{display:block;position:relative;isolation:isolate;overflow:hidden;background:#070909;color:var(--paper);height:clamp(390px,52vw,740px)}.cinema-image{width:100%;height:100%;object-fit:cover;object-position:50% 47%;transition:transform 1.1s ease}.cinema-frame:after{content:'';position:absolute;inset:25% 0 0;z-index:0;background:linear-gradient(transparent,rgba(0,0,0,.65))}.cinema-frame:hover .cinema-image{transform:scale(1.025)}.cinema-caption{position:absolute;z-index:1;bottom:45px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.cinema-caption .eyebrow{margin-bottom:14px}.cinema-caption h2{font-size:clamp(44px,6.8vw,106px);font-weight:400}.cinema-play{display:flex;align-items:center;gap:22px;font-size:15px;line-height:1.4}.cinema-play small{font-size:12px;color:#c8c8c2}.play-symbol{border:1px solid #ffffff9e;border-radius:50%;height:76px;width:76px;display:grid;place-items:center;font:30px/1 Arial}.home-note>.wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:start}.note-aside{max-width:330px}.note-aside .eyebrow{margin-bottom:40px}.note-aside p:not(.eyebrow){font-size:20px;line-height:1.5;letter-spacing:-.025em}.note-aside .text-link{margin-top:35px}.home-note h2{font-size:clamp(56px,6.9vw,112px);line-height:1.02;letter-spacing:-.067em}.home-note h2 em{color:var(--accent)}.home-craft{background:var(--ink);color:var(--paper);padding-block:130px}.craft-composition{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:9vw}.craft-links{margin-block:55px 40px}.craft-links>a{display:grid;grid-template-columns:28px minmax(0,1fr) 32px;gap:24px;align-items:baseline;padding:20px 0;border-top:1px solid #555550}.craft-links>a:last-child{border-bottom:1px solid #555550}.craft-links>a>span:first-child{font-size:12px;color:#b6b6ad}.craft-links h2{font-size:clamp(58px,7vw,115px);line-height:.95;letter-spacing:-.06em}.craft-links>a:hover{color:#f06d5b}.craft-copy>p:not(.eyebrow){font-size:18px;color:#bebeb7}.craft-copy>.text-link{margin-top:25px}.craft-copy .craft-digital{font-size:14px;margin-top:42px}.craft-digital a{display:inline-block;text-decoration:underline;text-underline-offset:4px;color:var(--paper)}.motion-study{width:100%}.motion-screen{position:relative;background:#111;aspect-ratio:9/16;overflow:hidden}.motion-screen video{height:100%;width:100%;object-fit:cover}.motion-toggle{position:absolute;bottom:15px;left:15px;right:15px;min-height:44px;border:1px solid #ffffff66;background:#111d;color:white;font-size:12px;padding:10px;letter-spacing:.01em}.motion-study figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.4;padding-top:15px}.home-motion{max-width:420px;justify-self:end;transform:rotate(2deg)}.home-people>.wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;align-items:end}.people-heading .eyebrow{margin-bottom:35px}.people-heading h2{font-size:clamp(55px,7.5vw,126px)}.people-copy>p{font-size:22px;line-height:1.4;max-width:460px}.people-names{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;margin-block:35px;font-size:14px}.home-label{background:var(--accent);color:var(--paper);padding-block:30px 110px;overflow:hidden}.label-title-bar{display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:12px;margin-bottom:50px}.label-composition{display:grid;grid-template-columns:1.05fr .95fr;gap:25px;align-items:center}.label-copy{position:relative;z-index:2}.label-copy h2{font-size:clamp(85px,13vw,215px);line-height:.86;letter-spacing:-.075em}.label-copy h2 em{display:block;padding-left:11vw;line-height:1}.label-copy>p:not(.arabic-title){margin-top:26px;font-size:18px}.label-copy .arabic-title{font-size:clamp(28px,3.2vw,46px);text-align:left;max-width:470px;margin-top:30px}.label-copy>.text-link{margin-top:20px}.home-label .text-link:hover{color:var(--ink)}.label-portrait{align-self:start;margin-top:25px;transform:rotate(-3deg)}.label-portrait img{aspect-ratio:.92;object-fit:cover}
/* Page titles share a vocabulary, not a single layout. */
.page-hero{padding-block:55px 70px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px;margin-bottom:48px}.breadcrumbs a:hover{text-decoration:underline}.page-heading{display:grid;grid-template-columns:1fr 3fr;gap:45px;align-items:start}.page-heading>.eyebrow{padding-top:16px;max-width:240px}.title-line{display:block;max-width:100%}.page-heading h1{max-width:1300px}.page-intro{display:grid;grid-template-columns:1fr 1.6fr 1.4fr;gap:45px;align-items:start;margin-top:50px}.page-intro p{max-width:600px;font-size:18px}.intro-rule{display:block;width:36px;height:1px;background:currentColor;margin-top:14px}.page-intro .actions{align-items:start;justify-content:flex-end}.section-head{display:flex;align-items:end;justify-content:space-between;gap:65px;margin-bottom:55px}.section-head .eyebrow{margin-bottom:25px}.section-head p:not(.eyebrow){max-width:420px}.section-head h2{max-width:1100px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.content-grid>*,.page-heading>*,.page-intro>*{min-width:0}.prose{max-width:800px}.prose p,.prose li{color:var(--dark-text)}.prose p{font-size:18px}.prose h2{font-size:32px;font-weight:500;letter-spacing:-.04em;line-height:1.2;margin:45px 0 20px}.prose h2:first-child{margin-top:0}.prose a{text-decoration:underline;text-underline-offset:4px}.prose ul{padding-left:22px}.prose .tag-list a{text-decoration:none}.small-note,.embed-note{font-size:14px;line-height:1.65;color:var(--muted);max-width:780px;margin-top:26px}.embed-note a{text-decoration:underline;text-underline-offset:4px}.heading-paragraph{max-width:700px;margin-top:28px}.quote-block{font-family:Satoshi,Arial,sans-serif;font-size:clamp(38px,5vw,82px);font-weight:400;line-height:1.03;letter-spacing:-.025em}.anchor-link{scroll-margin-top:30px}
/* The work index has unequal frames and the original media proportions. */
body[data-page=projekte] .page-heading{display:block}body[data-page=projekte] .page-heading>.eyebrow{margin-bottom:30px}body[data-page=projekte] h1{font-size:clamp(85px,16vw,265px);letter-spacing:-.075em}body[data-page=projekte] .page-intro{grid-template-columns:1fr 1fr}body[data-page=projekte] .intro-rule{display:none}body[data-page=projekte] .page-intro p{grid-column:2}body[data-page=projekte] .page-hero{padding-bottom:15px}.filter-bar{display:flex;flex-wrap:wrap;gap:15px 35px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:70px}.filter{border:0;padding:10px 0;min-height:44px;font-size:14px;background:none;color:var(--muted);position:relative}.filter[aria-pressed=true]{color:var(--ink)}.filter[aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:4px;background:var(--accent);height:2px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:100px 6vw;align-items:start}.project-card{display:block;min-width:0}.project-card.wide{grid-column:1/-1;width:100%}.project-media{position:relative;background:#d9d9d2;aspect-ratio:1.5;overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .75s}.project-card.wide .project-media{aspect-ratio:2.25;background:#101010}.project-card.wide .project-media img{object-fit:contain}.project-card:hover img{transform:scale(1.025)}.project-number{position:absolute;left:18px;top:18px;padding:7px 10px;background:var(--paper);color:var(--ink);font-size:12px;line-height:1.4}.project-open{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;background:var(--paper);color:var(--ink);width:46px;height:46px}.project-info{display:flex;justify-content:space-between;gap:30px;margin-top:24px;align-items:start}.project-info h3{font-size:clamp(26px,3.7vw,58px);font-weight:400;letter-spacing:-.06em}.project-info p{font-size:14px;line-height:1.4;color:var(--muted);margin-top:11px}.project-category{font-size:12px;white-space:nowrap;padding-top:8px}.project-card.wide .project-info h3{font-family:Satoshi,Arial,sans-serif;font-style:normal;font-size:clamp(42px,6vw,92px)}body[data-page=projekte] .project-card:nth-child(2){width:88%;justify-self:end;margin-top:10px}body[data-page=projekte] .project-card:nth-child(3){margin-top:160px}body[data-page=projekte] .project-card:nth-child(4){margin-top:-30px}body[data-page=projekte] .project-card:nth-child(5){margin-top:80px;width:87%}body[data-page=projekte] .project-card:nth-child(6){width:85%;justify-self:center}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-block:45px 55px}.fact{border-top:1px solid var(--line);padding-top:17px}.fact dt{font-size:12px;color:var(--muted);margin-bottom:11px}.fact dd{margin:0;font-size:17px}.case-image{width:100%;aspect-ratio:2.25;object-fit:contain;background:#080808}.web-case-image{width:100%;height:auto;border:1px solid var(--line)}.tag-list{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:26px}.tag{font-size:14px;padding-block:5px;border-bottom:1px solid var(--line)}a.tag:hover{color:var(--accent)}.case-navigation{border-top:1px solid var(--line)}.case-navigation>.wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;align-items:center}.case-navigation h2{font-family:Satoshi,Arial,sans-serif;font-size:clamp(42px,5vw,80px);font-style:normal;letter-spacing:-.035em;margin-block:24px}.next-project{display:grid;grid-template-columns:190px 1fr 26px;align-items:center;gap:30px;min-width:0}.next-project-image{aspect-ratio:1.2;overflow:hidden}.next-project-image img{height:100%;object-fit:cover}.next-project .eyebrow{margin-bottom:15px;color:var(--muted)}.next-project h3{font-size:32px;overflow-wrap:anywhere}.next-project p{font-size:14px;color:var(--muted);margin-top:10px}.next-project:hover h3{color:var(--accent)}
/* A production directory, with room around the actual working material. */
.service-directory{padding-top:35px}.directory-label{padding-bottom:30px;border-bottom:1px solid var(--line)}.service-entry{display:grid;grid-template-columns:35px minmax(0,1fr) minmax(200px,28%) 30px;gap:35px;align-items:center;padding-block:65px;border-bottom:1px solid var(--line)}.service-entry-number{align-self:start;padding-top:10px;font-size:12px;color:var(--accent)}.service-entry-copy h2{font-family:Satoshi,Arial,sans-serif;font-size:clamp(55px,7vw,118px);font-weight:400;letter-spacing:-.035em;line-height:.95}.service-entry-copy p{font-size:19px;max-width:520px;margin-top:22px}.service-formats{display:block;font-size:13px;color:var(--muted);max-width:480px;line-height:1.6;margin-top:18px}.service-entry-media{aspect-ratio:1.45;overflow:hidden}.service-entry-media img{height:100%;object-fit:cover;transition:transform .6s}.service-entry:nth-of-type(1) .service-entry-media{aspect-ratio:9/13;width:65%;justify-self:center}.service-entry:nth-of-type(2) .service-entry-media{aspect-ratio:2.1}.service-entry:hover h2{color:var(--accent)}.service-entry:hover img{transform:scale(1.035)}.service-entry>.arrow{justify-self:end}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:40px 1fr 1fr 30px;gap:25px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.service-row .num{font-size:12px;color:var(--accent)}.service-row h3{font-size:35px}.service-row p{font-size:16px}.service-row:hover h3{color:var(--accent)}.studio-split{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.studio-image{aspect-ratio:1;object-fit:cover}.studio-copy .eyebrow{margin-bottom:28px}.studio-copy h2{font-size:clamp(48px,5.3vw,86px)}.studio-copy p:not(.eyebrow){margin-block:28px;max-width:600px;font-size:19px}.studio-copy>.text-link{margin-top:8px}.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}.process-item{border-top:1px solid var(--line);padding-top:22px}.process-item .num{font-family:Satoshi,Arial,sans-serif;font-style:normal;font-size:40px;color:var(--accent);line-height:1;margin-bottom:45px}.process-item h3{font-size:28px;margin-bottom:20px}.process-item p:not(.num){font-size:17px;color:var(--muted)}.faq{max-width:1050px;margin-left:auto}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{padding:25px 55px 25px 0;font-size:21px;line-height:1.35;cursor:pointer;list-style:none;position:relative;letter-spacing:-.025em}.faq summary:after{content:'+';position:absolute;right:6px;top:20px;font-size:30px;font-weight:300}.faq details[open] summary:after{content:'−'}.faq summary::-webkit-details-marker{display:none}.faq details p{max-width:800px;font-size:17px;color:var(--muted);padding:0 35px 30px 0}.related-services{padding-top:0}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.related-link{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.related-link h3{font-size:36px}.related-link p{font-size:16px;color:var(--muted);margin-top:16px}.related-link:hover h3{color:var(--accent)}
body[data-page=leistungen] .page-heading h1{font-size:clamp(100px,16vw,260px)}body[data-page=leistungen] .page-intro{margin-top:15px}body[data-page=leistungen] .studio-split .studio-image{aspect-ratio:1.6;height:auto}body[data-page=leistungen-filmproduktion] .studio-split{grid-template-columns:1.2fr .8fr;align-items:start}body[data-page=leistungen-filmproduktion] .studio-image{aspect-ratio:9/16;max-width:450px;justify-self:end}body[data-page=leistungen-filmproduktion] .studio-copy{padding-top:65px}body[data-page=leistungen-musikvideoproduktion] .studio-split{display:flex;flex-direction:column-reverse;align-items:stretch;gap:65px}body[data-page=leistungen-musikvideoproduktion] .studio-image{aspect-ratio:2.25;object-fit:contain;background:#111}body[data-page=leistungen-musikvideoproduktion] .studio-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px 8vw}body[data-page=leistungen-musikvideoproduktion] .studio-copy .eyebrow{grid-column:1/-1;margin:0}body[data-page=leistungen-musikvideoproduktion] .studio-copy p:not(.eyebrow){margin:0}body[data-page=leistungen-audioproduktion] .page-hero{background:var(--ink);color:var(--paper)}body[data-page=leistungen-audioproduktion] .breadcrumbs{color:#b7b7b0}body[data-page=leistungen-audioproduktion] .page-hero h1{font-family:Satoshi,Arial,sans-serif;font-style:normal;font-size:clamp(120px,19vw,310px);font-weight:400}body[data-page=leistungen-audioproduktion] .studio-image{aspect-ratio:3/4;width:80%;justify-self:end}body[data-page=leistungen-web-digital] .project-grid{gap:6vw}body[data-page=leistungen-web-digital] .project-info h3{font-size:38px}
/* People are the studio's main image. */
body[data-page=studio] .page-heading{grid-template-columns:.6fr 1.4fr}body[data-page=studio] .page-hero h1{font-size:clamp(90px,12vw,195px)}body[data-page=studio] .studio-split{grid-template-columns:.7fr 1.3fr;gap:12vw;align-items:start}body[data-page=studio] .studio-split .studio-image{aspect-ratio:9/16;max-width:420px;transform:rotate(-2deg)}body[data-page=studio] .studio-copy{padding-top:65px}.team-heading{font-family:Satoshi,Arial,sans-serif;font-weight:400;font-size:clamp(60px,8vw,130px);margin-top:30px}.team-grid{display:block;margin-top:70px}.team-card{display:grid;grid-template-columns:1.6fr .65fr 1fr;gap:20px 45px;padding-block:40px;border-top:1px solid var(--line);align-items:baseline}.team-card:last-child{border-bottom:1px solid var(--line)}.team-card h3{font-size:clamp(30px,3.6vw,60px);letter-spacing:-.055em}.team-card .role{font-size:15px}.team-card p:not(.role):not(.languages){font-size:16px;color:var(--muted);max-width:400px}.team-card .languages{grid-column:3;font-size:12px;margin:0;color:var(--muted)}
/* The label is a release sheet with its own black field. */
body[data-page=label]{background:var(--ink);color:var(--paper)}body[data-page=label] .light{background:var(--ink);color:var(--paper)}body[data-page=label] .page-hero{padding-bottom:30px}body[data-page=label] .page-heading{grid-template-columns:1fr 3fr}body[data-page=label] .page-heading h1{font-size:clamp(110px,18vw,280px);line-height:.82;letter-spacing:-.08em}body[data-page=label] .page-heading h1 em{color:#f36351}body[data-page=label] .page-intro{grid-template-columns:1fr 1.5fr 1.5fr;margin-top:55px}body[data-page=label] #release .studio-split{grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}body[data-page=label] #release .studio-image{aspect-ratio:.86;transform:rotate(-3deg);width:90%}body[data-page=label] #release h2{font-size:clamp(55px,7vw,115px)}body[data-page=label] .studio-copy>.eyebrow{color:#f36351}body[data-page=label] .embed-note,body[data-page=label] .muted{color:#bcbcb4}body[data-page=label] .section-head h2{font-family:Satoshi,Arial,sans-serif;font-style:normal;font-weight:400}body[data-page=label] .cta-section{background:var(--accent);color:var(--paper)}.arabic-title{font-family:Arial,Tahoma,sans-serif!important;font-size:clamp(30px,4vw,58px)!important;line-height:1.65;letter-spacing:0;color:inherit!important}.video-container{background:#080808}.video-facade{aspect-ratio:16/9;position:relative;display:block;width:100%;border:0;background:#080808;overflow:hidden;padding:0}.video-facade img{width:100%;height:100%;object-fit:contain;filter:brightness(.8)}.video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;color:white}.play-circle{border:1px solid #ffffffb0;border-radius:50%;width:90px;height:90px;display:grid;place-items:center;font:32px/1 Arial;background:#0003}.video-play strong{font-size:16px;font-weight:400}.video-container iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
/* Digital offers are a comparison table, not a row of subscription cards. */
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--ink);gap:0}.price-card{padding:35px 35px 40px;display:flex;align-items:start;flex-direction:column;min-width:0}.price-card+ .price-card{border-left:1px solid var(--line)}.price-card:first-child{padding-left:0}.price-card h3{font-size:28px}.price-card .price{font-family:Satoshi,Arial,sans-serif;font-size:clamp(48px,4.5vw,75px);line-height:1;font-style:normal;margin-block:35px}.price-card ul{padding-left:20px;font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:35px}.price-card .text-link{margin-top:auto}.price-card:last-child{padding-right:0}
/* Contact is a working letter, with a visible and honest draft. */
body[data-page=kontakt] .page-hero h1{font-size:clamp(95px,14vw,220px)}body[data-page=kontakt] .page-intro{grid-template-columns:1fr 3fr}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:9vw}.contact-info h2{font-family:Satoshi,Arial,sans-serif;font-size:clamp(48px,5vw,78px);font-style:normal;font-weight:400}.contact-info>p:last-child{margin-top:35px;font-size:16px;color:var(--muted)}.contact-details{display:grid;justify-items:start;gap:14px;margin-top:35px}.contact-details a{font-size:17px;border-bottom:1px solid var(--line)}.contact-details a:first-child{font-size:clamp(20px,2.3vw,35px);letter-spacing:-.055em}.contact-details a:hover{color:var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.field{display:flex;flex-direction:column;gap:12px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:14px}.field label span{color:var(--muted);font-size:12px;margin-left:5px}.field input,.field select,.field textarea{border:0;border-bottom:1px solid #93938b;border-radius:0;background:transparent;color:var(--ink);padding:13px 0;min-height:52px;width:100%;font-size:17px}.field select{appearance:auto}.field textarea{min-height:145px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#707068;opacity:1}.form-info{font-size:14px;color:var(--muted);margin-block:25px;max-width:650px}.form-info a{text-decoration:underline}.draft{padding:30px;border:1px solid var(--ink);margin-top:40px;background:#e8e8e1}.draft h2{font-size:30px;margin-bottom:20px}.draft>p{font-size:16px}.draft pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Satoshi,Arial,sans-serif;font-size:16px;line-height:1.65;border-block:1px solid var(--line);padding-block:25px;margin-block:25px}.status{min-height:20px;font-size:14px;margin-top:18px}.notice{font-size:15px;border-left:2px solid var(--accent);padding:20px 25px;background:#e8e8e1}.links-list{display:flex;flex-direction:column;max-width:1000px}.links-list .button{width:100%;font-size:clamp(25px,3vw,46px);padding-block:25px;font-weight:400;letter-spacing:-.045em}body[data-section=Rechtliches] .page-hero{padding-bottom:20px}body[data-section=Rechtliches] .page-heading h1{font-size:clamp(52px,8vw,120px)}body[data-section=Rechtliches] .page-intro{grid-template-columns:1fr 3fr}body[data-section=Rechtliches] .prose{margin-left:auto;margin-right:auto}.no-js .header{position:relative}.no-js [data-contact-form],.no-js .filter-bar,.no-js .menu-toggle{display:none}
/* Colophon. */
.cta-section{padding-block:80px 105px;border-top:1px solid var(--line)}.cta-grid>.eyebrow{margin-bottom:45px}.coda-link{display:flex;justify-content:space-between;align-items:end;gap:60px}.coda-link h2{font-size:clamp(70px,10.8vw,178px);line-height:.9}.coda-link h2 em{display:inline-block;padding-left:11vw}.coda-action{display:inline-flex;gap:30px;align-items:center;font-size:16px;border-bottom:1px solid currentColor;padding-block:14px;min-height:48px}.coda-link:hover{color:var(--accent)}.footer{padding-top:50px;border-top:1px solid var(--line);background:var(--paper);color:var(--ink)}.footer-top{display:grid;grid-template-columns:1.3fr 1.2fr .7fr .7fr;gap:5vw;padding-bottom:50px}.footer-brand{display:flex;flex-direction:column;align-items:start;gap:20px}.footer-signature{font-size:72px;line-height:.8;font-weight:500;letter-spacing:-.09em}.footer p,.footer a{font-size:14px}.footer .footer-signature{font-size:72px}.footer .footer-brand p{font-size:14px;line-height:1.2}.footer-label{font-size:12px!important;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px}.footer-links{display:flex;flex-direction:column;align-items:start;gap:8px}.footer-links .footer-label{margin-bottom:12px}.footer-top>div>p+ .footer-links{margin-top:20px}.footer a:not(.footer-signature):hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:22px;font-size:12px;color:var(--muted)}.footer-bottom div{display:flex;gap:25px}.footer-bottom a{font-size:12px}[data-section=Kontakt] .cta-section,[data-section=Rechtliches] .cta-section{display:none}
/* Responsive composition retains the order of the actual content. */
@media(min-width:1800px){.cinema-frame{height:780px}.masthead-name{font-size:520px}}
@media(max-width:1200px){.desktop-nav{gap:24px}.brand-caption{display:none}.header .button{margin-left:0}.page-heading{grid-template-columns:.7fr 2fr;gap:30px}.page-intro{grid-template-columns:.7fr 1.5fr 1fr;gap:30px}.page-intro .actions{justify-content:start}.masthead-top>p{font-size:26px}.home-note>.wrap{gap:7vw;grid-template-columns:.7fr 1.3fr}.craft-composition{gap:7vw}.craft-links h2{font-size:7.5vw}.craft-links>a{gap:17px}.service-entry{gap:25px;grid-template-columns:25px minmax(0,1fr) 25% 25px}.service-entry-copy h2{font-size:70px}.team-card{grid-template-columns:1.2fr .8fr;gap:15px 40px}.team-card>p:not(.role){grid-column:2}.team-card .role{align-self:start}.next-project{grid-template-columns:120px 1fr 24px;gap:20px}.next-project h3{font-size:26px}.price-card{padding-inline:25px}.project-category{display:none}.people-names{grid-template-columns:1fr}.people-copy>p{font-size:19px}.coda-action{max-width:310px}.footer-top{gap:35px}}
@media(max-width:850px){.header{height:72px}.wordmark{font-size:32px}.menu-toggle{display:block}.desktop-nav{display:none;position:absolute;left:0;right:0;top:71px;padding:22px var(--pad) 32px;background:var(--paper);border-bottom:1px solid var(--ink);flex-direction:column;align-items:stretch;gap:10px}.desktop-nav.is-open{display:flex}.desktop-nav>a{font-size:22px;min-height:46px}.desktop-nav>a[aria-current]:not(.button):after{display:none}.desktop-nav>a[aria-current]{color:var(--accent)}.header .button{margin-top:15px;width:max-content;font-size:16px;min-height:44px}.masthead-name{font-size:32vw}.masthead-top{gap:16px;padding-bottom:20px}.masthead-top>p{font-size:20px}.masthead-bottom{font-size:12px;gap:15px;align-items:start}.masthead-bottom span:nth-child(2){display:none}.cinema-frame{height:520px}.cinema-caption{bottom:30px}.cinema-caption h2{font-size:64px}.cinema-play{gap:15px}.play-symbol{width:60px;height:60px}.home-note>.wrap{grid-template-columns:1fr;gap:55px}.note-aside{display:grid;grid-template-columns:.7fr 1.3fr;max-width:none;gap:20px 40px}.note-aside .eyebrow{margin:0}.note-aside p:not(.eyebrow){font-size:18px;max-width:450px}.note-aside .text-link{grid-column:2;margin-top:0;justify-self:start}.home-note h2{font-size:11vw;margin-left:12vw}.craft-composition{grid-template-columns:1.2fr .8fr;gap:35px}.home-craft{padding-block:85px}.craft-links h2{font-size:8vw}.craft-links>a{grid-template-columns:20px 1fr 20px;gap:12px}.craft-links .arrow{font-size:22px}.craft-copy>p:not(.eyebrow){font-size:16px}.home-motion{transform:none}.motion-study figcaption{flex-direction:column;gap:3px}.home-people>.wrap{gap:50px;grid-template-columns:1fr 1fr}.people-heading h2{font-size:8.8vw}.label-composition{grid-template-columns:1fr 1fr}.label-copy h2{font-size:15vw}.label-copy>p:not(.arabic-title){font-size:16px}.label-copy .arabic-title{font-size:30px!important}.label-title-bar{margin-bottom:35px}.home-label{padding-bottom:80px}.page-hero{padding-top:40px;padding-bottom:45px}.page-heading{grid-template-columns:1fr;gap:28px}.page-heading>.eyebrow{padding:0;max-width:none}.page-heading h1{font-size:clamp(70px,13vw,110px)}.page-intro{grid-template-columns:1fr 1fr;margin-top:35px;gap:30px}.intro-rule{display:none}.page-intro p{font-size:17px}.page-intro .actions{justify-content:start;align-items:start}.breadcrumbs{margin-bottom:35px}.section{padding-block:75px}.section-head{gap:35px;align-items:start;flex-direction:column;margin-bottom:40px}.section-head h2{font-size:clamp(46px,7.5vw,72px)}.project-grid{gap:60px 30px}.project-info{margin-top:18px}.project-info h3{font-size:32px}.project-info p{font-size:14px}.project-card.wide .project-media{aspect-ratio:1.8}body[data-page=projekte] .project-card:nth-child(3){margin-top:95px}body[data-page=projekte] .project-card:nth-child(4){margin-top:0}body[data-page=projekte] .project-card:nth-child(5){margin-top:40px}.content-grid,.studio-split{gap:45px}.studio-copy h2{font-size:clamp(40px,6vw,60px)}.studio-copy p:not(.eyebrow){font-size:17px;margin-block:23px}.process{grid-template-columns:1fr 1fr;gap:40px 30px}.process-item h3{font-size:25px}.process-item .num{margin-bottom:25px}.service-entry{grid-template-columns:20px 1fr 25%;gap:23px;padding-block:45px}.service-entry>.arrow{display:none}.service-entry-copy h2{font-size:56px}.service-entry-copy p{font-size:17px}.service-formats{font-size:12px}.service-entry:nth-of-type(1) .service-entry-media{width:90%}.related-grid{gap:30px}.related-link h3{font-size:28px}.related-link p{font-size:16px}.facts{grid-template-columns:1fr 1fr}.case-navigation>.wrap{gap:40px;grid-template-columns:1fr 1.2fr}.case-navigation h2{font-size:48px}.next-project{grid-template-columns:1fr 22px}.next-project-image{grid-column:1/-1;aspect-ratio:1.6}.next-project h3{font-size:27px}.price-card{padding-inline:18px}.price-card h3{font-size:24px}.price-card .price{font-size:52px}.price-card ul{font-size:15px}.team-card{grid-template-columns:1fr 1fr;gap:14px 35px}.team-card h3{font-size:37px}.team-grid{margin-top:45px}.team-card p{font-size:16px}.contact-grid{grid-template-columns:1fr;gap:60px}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px}.contact-info .eyebrow{grid-column:1/-1}.contact-info h2{margin:0!important}.contact-details{margin:0}.contact-info>p:last-child{grid-column:2;margin-top:0}.contact-details a:first-child{font-size:26px}.contact-info h2{font-size:52px}.cta-section{padding-block:65px 80px}.coda-link{gap:40px}.coda-link h2{font-size:12vw}.coda-action{font-size:14px;gap:20px;max-width:220px}.footer-top{grid-template-columns:1fr 1fr;gap:45px}.footer-bottom{flex-wrap:wrap;justify-content:space-between}.footer-bottom>span:nth-child(2){display:none}body[data-page=leistungen] .page-heading h1{font-size:20vw}body[data-page=studio] .page-heading,body[data-page=label] .page-heading{grid-template-columns:1fr}body[data-page=studio] .page-hero h1{font-size:13vw}body[data-page=studio] .studio-split{grid-template-columns:.8fr 1.2fr;gap:55px}body[data-page=studio] .studio-copy{padding-top:0}body[data-page=label] .page-intro{grid-template-columns:1fr 1fr}body[data-page=label] .page-hero h1{font-size:23vw}body[data-page=kontakt] .page-hero h1{font-size:16vw}body[data-page=kontakt] .page-intro{grid-template-columns:1fr}body[data-section=Rechtliches] .page-intro{grid-template-columns:1fr}.no-js .header{height:auto}.no-js .header-inner{flex-wrap:wrap;padding-block:16px}.no-js .desktop-nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;padding:0;border:0;gap:10px 20px}.no-js .desktop-nav>a{font-size:14px}.no-js .header .button{margin:0}.no-js .header-inner{gap:20px}}
@media(max-width:600px){:root{--pad:22px}body{font-size:16px}.header{height:68px}.desktop-nav{top:67px}.brand-caption{display:block;font-size:12px;line-height:1.05}.brand{gap:15px}.masthead-top{display:block;padding-block:15px 22px}.masthead-name{font-size:35vw;line-height:.85;margin-left:-.04em}.masthead-top>p{display:none}.masthead-bottom{font-size:12px;padding-block:16px;line-height:1.4}.masthead-bottom span:last-child{text-align:right;max-width:145px}.cinema-frame{height:440px}.cinema-image{object-position:54% center}.cinema-caption{left:22px;right:22px;bottom:24px;flex-direction:column;align-items:start;gap:25px}.cinema-caption h2{font-size:50px}.cinema-caption .eyebrow{font-size:12px;margin-bottom:8px}.cinema-play{font-size:14px;gap:14px}.play-symbol{width:48px;height:48px;font-size:23px}.cinema-play small{font-size:12px}.cinema-frame:after{inset:10% 0 0}.section{padding-block:64px}.note-aside{display:block;max-width:360px}.note-aside .eyebrow{margin-bottom:24px}.note-aside p:not(.eyebrow){font-size:18px}.note-aside .text-link{margin-top:20px}.home-note>.wrap{gap:45px}.home-note h2{font-size:clamp(39px,9.9vw,58px);margin-left:0;line-height:1.07}.craft-composition{grid-template-columns:1fr;gap:60px}.craft-links{margin-block:35px}.craft-links h2{font-size:clamp(48px,12vw,72px)}.craft-links>a{grid-template-columns:24px 1fr 25px;gap:14px;padding-block:22px}.home-motion{width:76%;justify-self:center;transform:rotate(2deg)}.motion-study figcaption{font-size:12px}.home-people>.wrap{grid-template-columns:1fr;gap:40px}.people-heading h2{font-size:clamp(54px,14vw,83px)}.people-heading .eyebrow{margin-bottom:25px}.people-copy>p{font-size:19px}.people-names{grid-template-columns:1fr 1fr;gap:13px;font-size:13px;margin-block:25px}.label-title-bar{align-items:start;font-size:12px;margin-bottom:35px}.label-title-bar>span{text-align:right;max-width:150px}.label-composition{grid-template-columns:1fr;gap:45px}.label-copy h2{font-size:clamp(85px,24vw,140px)}.label-copy h2 em{padding-left:24vw}.label-copy .arabic-title{font-size:32px!important}.label-portrait{width:84%;justify-self:end;transform:rotate(-3deg);margin:0}.home-label{padding-block:25px 70px}.page-heading{gap:24px}.page-heading h1{font-size:clamp(46px,11.8vw,73px);letter-spacing:-.06em;line-height:1.02}.page-hero{padding-block:35px 40px}.page-intro{grid-template-columns:1fr;margin-top:28px;gap:22px}.page-intro p{font-size:17px}.page-intro .actions{gap:15px 28px}.page-heading>.eyebrow{font-size:12px}.breadcrumbs{gap:9px;font-size:12px;margin-bottom:30px}.button,.text-link{font-size:14px;gap:22px;min-height:48px}.section-head{margin-bottom:32px;gap:25px}.section-head h2{font-size:clamp(38px,10vw,59px);line-height:1.05}.section-head .eyebrow{margin-bottom:20px}.section-head p:not(.eyebrow){font-size:17px}.content-grid,.studio-split{grid-template-columns:1fr;gap:35px}.content-grid>h2{font-size:45px}.prose p{font-size:17px}.prose h2{font-size:27px}.project-grid{grid-template-columns:1fr;gap:50px}.project-card.wide{width:100%;grid-column:auto}.project-card.wide .project-media{aspect-ratio:1.65}.project-media{aspect-ratio:1.5}.project-info h3{font-size:32px}.project-info p{font-size:14px}.project-card.wide .project-info h3{font-size:50px}.project-number{font-size:12px;top:12px;left:12px}.project-open{width:42px;height:42px;right:12px;bottom:12px}.filter-bar{gap:12px 23px;margin-bottom:40px;padding-bottom:17px}.filter{font-size:14px}body[data-page=projekte] .project-card:nth-child(n){width:100%;margin:0;justify-self:stretch}body[data-page=projekte] .project-card:nth-child(2n){width:91%;justify-self:end}body[data-page=projekte] .page-heading h1{font-size:clamp(75px,20vw,118px)}body[data-page=projekte] .page-intro{grid-template-columns:1fr}body[data-page=projekte] .page-intro p{grid-column:1}.facts{gap:24px;margin-block:30px}.fact dd{font-size:15px}.fact dt{font-size:12px}.case-image{aspect-ratio:1.7}.case-navigation>.wrap{grid-template-columns:1fr;gap:35px}.case-navigation h2{font-size:48px}.next-project{grid-template-columns:90px minmax(0,1fr) 22px;gap:18px}.next-project-image{grid-column:auto;aspect-ratio:.9}.next-project h3{font-size:24px}.next-project .eyebrow{font-size:12px;margin-bottom:9px}.next-project p{font-size:13px}.tag{font-size:14px}.service-directory{padding-top:20px}.service-entry{grid-template-columns:20px minmax(0,1fr);gap:18px;padding-block:35px}.service-entry-copy h2{font-size:clamp(46px,12vw,70px)}.service-entry-copy p{font-size:17px;margin-top:18px}.service-formats{font-size:13px}.service-entry-media{grid-column:2;width:75%;margin-top:12px;justify-self:end}.service-entry:nth-of-type(1) .service-entry-media{width:58%;justify-self:end;aspect-ratio:9/13}.service-entry:nth-of-type(2) .service-entry-media{width:100%;aspect-ratio:1.9}.service-entry-number{padding-top:5px}.service-row{grid-template-columns:25px 1fr 25px;gap:14px}.service-row p{grid-column:2}.service-row>.arrow{grid-column:3;grid-row:1}.service-row h3{font-size:28px}.process{grid-template-columns:1fr;gap:30px}.process-item{display:grid;grid-template-columns:40px 1fr;gap:12px 20px}.process-item .num{grid-row:1/3;margin:0;font-size:30px}.process-item h3{margin:0;font-size:25px}.process-item p:not(.num){grid-column:2;font-size:16px}.faq summary{font-size:19px;padding-block:22px;padding-right:40px}.faq details p{font-size:16px;padding-right:15px}.related-grid{grid-template-columns:1fr;gap:0}.related-link{padding-block:25px}.related-link h3{font-size:29px}.related-link p{font-size:16px}.related-services{padding-top:0}.studio-copy h2{font-size:clamp(40px,10vw,60px)}.studio-copy p:not(.eyebrow){font-size:17px}.studio-image{aspect-ratio:1}.price-grid{grid-template-columns:1fr}.price-card,.price-card:first-child,.price-card:last-child{padding:30px 0}.price-card+ .price-card{border-left:0;border-top:1px solid var(--line)}.price-card h3{font-size:27px}.price-card .price{font-size:65px;margin-block:25px}.price-card ul{font-size:16px;margin-bottom:20px}.price-card .text-link{margin:0}.team-heading{font-size:clamp(48px,12vw,72px);line-height:1.02}.team-grid{margin-top:35px}.team-card{display:block;padding-block:30px}.team-card h3{font-size:clamp(29px,8.6vw,46px)}.team-card .role{font-size:16px;margin-top:12px}.team-card p:not(.role):not(.languages){font-size:16px;margin-top:18px;max-width:350px}.team-card .languages{font-size:13px;margin-top:18px}.contact-info{display:block}.contact-info .eyebrow{margin-bottom:24px}.contact-info h2{font-size:50px}.contact-details{margin-top:28px}.contact-details a:first-child{font-size:29px}.contact-info>p:last-child{margin-top:30px}.form-grid{grid-template-columns:1fr;gap:26px}.field.full{grid-column:auto}.field input,.field select,.field textarea{font-size:16px}.draft{padding:22px}.draft h2{font-size:27px}.draft pre{font-size:15px}.draft .actions{gap:15px}.form-info{font-size:14px}.arabic-title{font-size:30px!important}.play-circle{width:60px;height:60px;font-size:24px}.video-play{gap:12px}.video-play strong{font-size:14px}.cta-section{padding-block:55px 70px}.cta-grid>.eyebrow{margin-bottom:35px}.coda-link{flex-direction:column;align-items:start;gap:35px}.coda-link h2{font-size:clamp(58px,16vw,95px);line-height:.94}.coda-link h2 em{padding-left:22vw}.coda-action{max-width:100%;font-size:15px}.footer{padding-top:40px}.footer-top{gap:35px 24px;padding-bottom:35px}.footer-brand{grid-column:1/-1;flex-direction:row;gap:35px;align-items:end}.footer .footer-signature{font-size:68px}.footer-brand p{font-size:13px!important}.footer-top>div:nth-child(2){grid-column:1/-1}.footer-label{margin-bottom:15px}.footer p,.footer a{font-size:14px}.footer-bottom{gap:15px;align-items:start;flex-direction:column}.footer-bottom div{gap:22px}.footer-bottom a{font-size:12px}body[data-page=leistungen] .page-heading h1{font-size:clamp(110px,30vw,165px)}body[data-page=leistungen] .page-intro{margin-top:28px}body[data-page=leistungen-filmproduktion] .studio-split{grid-template-columns:1fr}body[data-page=leistungen-filmproduktion] .studio-copy{padding:0}body[data-page=leistungen-filmproduktion] .studio-image{width:74%;justify-self:end}body[data-page=leistungen-musikvideoproduktion] .studio-split{gap:40px}body[data-page=leistungen-musikvideoproduktion] .studio-copy{display:block}body[data-page=leistungen-musikvideoproduktion] .studio-copy h2{margin-block:22px}body[data-page=leistungen-audioproduktion] .page-hero h1{font-size:clamp(95px,28vw,165px)}body[data-page=leistungen-audioproduktion] .studio-image{width:76%;justify-self:end}body[data-page=studio] .page-hero h1{font-size:clamp(52px,13.5vw,80px)}body[data-page=studio] .studio-split{display:flex;flex-direction:column;gap:45px}body[data-page=studio] .studio-split .studio-image{width:72%;align-self:center}body[data-page=studio] .studio-copy{padding:0}body[data-page=label] .page-hero h1{font-size:clamp(125px,35vw,200px)}body[data-page=label] .page-intro{grid-template-columns:1fr;margin-top:35px}body[data-page=label] #release .studio-split{grid-template-columns:1fr;gap:55px}body[data-page=label] #release .studio-image{width:85%;justify-self:center}body[data-page=label] #release h2{font-size:clamp(48px,13vw,76px)}body[data-page=kontakt] .page-hero h1{font-size:clamp(60px,16vw,95px)}body[data-section=Rechtliches] .page-heading h1{font-size:clamp(39px,10vw,60px)}body[data-page=leistungen-web-digital] .project-grid{gap:45px}.no-js .brand-caption{display:none}}

body[data-page=studio] .studio-motion{max-width:420px;transform:rotate(-2deg)}
body[data-page=label] .cta-section .coda-link:hover{color:var(--ink)}
body[data-page=label] a:focus-visible,body[data-page=label] button:focus-visible{outline-color:#f48b7f}
@media(max-width:600px){body[data-page=studio] .studio-motion{width:76%;align-self:center}}

/* Contact puts the enquiry alongside its editorial introduction. */
.contact-workspace{padding-block:85px 110px}
.contact-sheet{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:start}
.contact-editorial{position:sticky;top:120px;min-width:0}
.contact-editorial h1{font-size:clamp(75px,8vw,135px);line-height:.98;letter-spacing:-.065em;margin-block:35px}
.contact-intro{font-size:20px;line-height:1.45;max-width:410px}
.contact-address{display:flex;flex-direction:column;align-items:start;gap:12px;margin-top:35px}
.contact-address a{font-size:16px;border-bottom:1px solid var(--line);min-height:30px}
.contact-address a:first-child{font-size:clamp(24px,2.5vw,39px);letter-spacing:-.05em}
.contact-address a:hover{color:var(--accent)}
.contact-location{font-size:14px;line-height:1.6;color:var(--muted);margin-top:35px}
.contact-letter{max-width:820px;min-width:0;border-top:1px solid var(--ink);padding-top:22px}
.contact-letter>.eyebrow{margin-bottom:40px}
@media(max-width:850px){.contact-workspace{padding-block:60px 80px}.contact-sheet{gap:45px;grid-template-columns:1fr 1.1fr}.contact-editorial{position:static}.contact-editorial h1{font-size:9vw;margin-block:28px}.contact-intro{font-size:17px}.contact-address a:first-child{font-size:25px}.contact-letter .form-grid{grid-template-columns:1fr}.contact-letter .field.full{grid-column:auto}}
@media(max-width:600px){.contact-sheet{grid-template-columns:1fr;gap:55px}.contact-workspace{padding-block:40px 70px}.contact-editorial h1{font-size:clamp(68px,17vw,102px)}.contact-address a:first-child{font-size:30px}.contact-location{font-size:14px;margin-top:25px}.contact-letter>.eyebrow{margin-bottom:30px}.contact-editorial h1{margin-block:25px}.contact-intro{max-width:340px}}

/* FPMC — motion as an extension of the editorial composition. */
:root{--ease-film:cubic-bezier(.2,.72,.2,1);--ease-cut:cubic-bezier(.76,0,.24,1)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:320ms var(--ease-film) both page-out}
::view-transition-new(root){animation:540ms var(--ease-film) both page-in}
@keyframes page-out{to{opacity:0;transform:translateY(-18px)}}
@keyframes page-in{from{opacity:0;transform:translateY(28px)}}
@keyframes title-in{from{opacity:0;translate:0 26%;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes letter-in{from{opacity:0;transform:translateY(75%) rotate(7deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes copy-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@keyframes strip-travel{to{transform:translateX(-50%)}}
@keyframes frame-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
.masthead-top{overflow:clip}
.masthead-name{overflow:visible;padding-bottom:.075em;margin-bottom:-.075em}
.masthead-name .logo-letter{display:inline-block;transform-origin:50% 100%}









.header{transition:box-shadow .45s var(--ease-film),background .45s;isolation:isolate}
.menu-toggle{white-space:nowrap;flex-shrink:0}
.header.has-scrolled{background:rgba(244,244,240,.94);box-shadow:0 7px 28px #1616160a;backdrop-filter:blur(18px)}
.header:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.wordmark{transition:letter-spacing .5s var(--ease-film)}
.brand:hover .wordmark{letter-spacing:-.025em}
.desktop-nav>a:not(.button){transition:color .3s,translate .45s var(--ease-film)}
.desktop-nav>a:not(.button):hover{translate:0 -2px}
.button,.text-link{position:relative;transition:color .3s,border-color .3s,background .3s}
.button:after,.text-link:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .55s var(--ease-film);pointer-events:none}
.button:hover:after,.button:focus-visible:after,.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1);transform-origin:left}
.button .arrow,.text-link .arrow,.service-entry>.arrow,.service-row>.arrow,.craft-links .arrow{transition:transform .5s var(--ease-film),color .3s}
.button:hover .arrow,.text-link:hover .arrow,.service-entry:hover>.arrow,.service-row:hover>.arrow,.craft-links>a:hover .arrow{transform:translate(4px,-4px)}
.cinema-frame,.project-media,.service-entry-media,.label-portrait{overflow:hidden}
.cinema-frame .cinema-image{transform:translate3d(0,var(--frame-offset,0px),0) scale(1.1);transition:filter .8s var(--ease-film)}
.cinema-frame:hover .cinema-image{transform:translate3d(0,var(--frame-offset,0px),0) scale(1.1);filter:saturate(1.12)}
.project-media>img,.service-entry-media>img,.label-portrait>img{transform:translate3d(0,var(--frame-offset,0px),0) scale(1.075);transition:scale .9s var(--ease-film),filter .8s}
.project-card:hover .project-media>img,.service-entry:hover .service-entry-media>img,.label-portrait:hover>img{transform:translate3d(0,var(--frame-offset,0px),0) scale(1.075);scale:1.025}
.project-open,.play-symbol,.coda-action .arrow{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .35s var(--ease-film),background .4s,color .4s,transform .5s var(--ease-film)}
.project-card:hover .project-open,.project-card:focus-visible .project-open{background:var(--accent);color:var(--paper);transform:rotate(0)}
.project-info h3{transition:color .35s,translate .5s var(--ease-film)}
.project-card:hover .project-info h3{color:var(--accent);translate:4px 0}
.project-number{backdrop-filter:blur(12px)}
.production-strip{overflow:hidden;border-block:1px solid var(--line);padding-block:19px;background:var(--paper)}
.production-strip-track{display:flex;width:max-content;animation:strip-travel 36s linear infinite}
.production-strip-group{display:flex;align-items:center;gap:42px;padding-right:42px;white-space:nowrap;font-size:clamp(24px,2.2vw,38px);line-height:1}
.production-strip-group i{font-family:Editorial,Georgia,serif;font-weight:400}
.production-strip-group b{font-size:18px;font-weight:400;color:var(--accent)}
.craft-links>a,.service-entry,.service-row,.team-card,.related-link{position:relative}
.craft-links>a:before,.team-card:before,.related-link:before{content:'';position:absolute;top:-1px;left:0;height:1px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .7s var(--ease-film);pointer-events:none}
.craft-links>a:hover:before,.team-card:hover:before,.related-link:hover:before{transform:scaleX(1);transform-origin:left}
.craft-links h2{transition:translate .6s var(--ease-film),color .4s}
.craft-links>a:hover h2{translate:8px 0}
.team-card h3{transition:color .4s,translate .6s var(--ease-film)}
.team-card:hover h3{color:var(--accent);translate:5px 0}
.home-label .label-copy h2 em{transition:translate .8s var(--ease-film)}
.home-label:hover .label-copy h2 em{translate:10px 0}
.filter{position:relative;transition:color .3s,border-color .3s}
.filter:after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-film)}
.filter[aria-pressed=true]:after{transform:scaleX(1)}
.faq-moving{overflow:hidden}
.faq summary{transition:color .3s,padding-left .45s var(--ease-film)}
.faq summary:hover{padding-left:8px;color:var(--accent)}
.faq details[open]>p{animation:400ms var(--ease-film) both copy-in}
.field{position:relative}
.field label{transition:color .3s}
.field:focus-within label{color:var(--accent)}
.field input,.field select,.field textarea{transition:border-color .35s,background-color .35s;caret-color:var(--accent)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background-color:#16161603}
.draft:not([hidden]){animation:600ms var(--ease-film) both copy-in}
.coda-link em{transition:translate .8s var(--ease-film)}
.coda-link:hover em{translate:14px 0}
.footer-signature{transition:letter-spacing .7s var(--ease-film)}
.footer-signature:hover{letter-spacing:-.045em}
.footer-links a{transition:translate .4s var(--ease-film),color .3s}
.footer-links a:hover{translate:4px 0}
@media(max-width:600px){.header-inner{gap:18px}.production-strip{padding-block:15px}.production-strip-group{gap:25px;padding-right:25px}.production-strip-track{animation-duration:28s}.craft-links>a:hover h2{translate:4px 0}.home-label:hover .label-copy h2 em,.coda-link:hover em{translate:5px 0}}

/* A quieter production house: a clear offer, real work, one next step. */
:root{--paper:#f7f7f4;--ink:#191a18;--accent:#b33525;--muted:#62655e;--line:#d8dad3;--max:1560px;--pad:clamp(22px,4.5vw,80px)}
body{letter-spacing:-.015em}
h1,h2{letter-spacing:-.055em}
.section{padding-block:clamp(64px,6.2vw,100px)}
.header{height:80px;border-color:var(--line)}
.header-inner{gap:28px}
.brand{gap:20px}
.wordmark{font-size:33px}
.desktop-nav{gap:28px}
.header:after{height:1px;background:var(--ink);opacity:.2}
.header.has-scrolled{background:rgba(247,247,244,.96);box-shadow:0 4px 20px #191a1805}
.header-quick{display:none}
.button:not(.outline),.header .button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:2px;padding:15px 22px;min-height:52px;font-weight:500;gap:30px}
.button:not(.outline):hover,.header .button:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.header .button{font-size:13px;padding:12px 18px;min-height:44px;margin-left:4px}
.button:not(.outline):after{display:none}
.button .arrow,.text-link .arrow{font-size:21px}
.button.outline{border:1px solid var(--line);padding:14px 21px;border-radius:2px}
.button.outline:hover{border-color:var(--ink);color:var(--ink)}
.text-link{font-size:14px;gap:22px;border-bottom:1px solid var(--line)}
.actions{gap:16px 25px}
.quiet-link{font-size:15px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line)}
.quiet-link:hover{color:var(--accent)}
.home-intro{padding-block:66px 70px}
.hero-layout{display:grid;grid-template-columns:.95fr 1.1fr;gap:5.5vw;align-items:center}
.hero-copy{min-width:0;padding-bottom:25px}
.hero-copy>.eyebrow{margin-bottom:33px;font-size:12px;letter-spacing:.055em}
.hero-copy h1{font-size:clamp(51px,5.25vw,84px);line-height:1.02;letter-spacing:-.06em}
.hero-copy h1 em{display:inline-block;line-height:1.06}
.hero-description{max-width:440px;font-size:18px;line-height:1.6;color:#53564f;margin-top:30px}
.hero-copy .actions{margin-top:30px}
.hero-location{font-size:12px;color:var(--muted);margin-top:31px;letter-spacing:.02em}
.hero-film{display:block;min-width:0}
.hero-film-image{position:relative;aspect-ratio:1.16;background:#111;overflow:hidden;color:white}
.hero-film-photo{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:translateY(var(--frame-offset,0px)) scale(1.065);transition:scale .8s var(--ease-film)}
.hero-film:hover .hero-film-photo{scale:1.025}
.hero-film-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}
.hero-play{position:absolute;left:28px;bottom:25px;z-index:1;display:grid;place-items:center;width:48px;height:48px;border:1px solid #fffb;border-radius:50%;font:22px/1 Arial;translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:background .4s,translate .4s var(--ease-film)}
.hero-film:hover .hero-play{background:#ffffff20}
.hero-film-label{position:absolute;z-index:1;bottom:40px;left:92px;right:28px;font-size:13px;display:flex;justify-content:space-between;gap:15px}
.hero-film-label>span{font-size:12px;color:#ddd}
.hero-film-caption{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-top:18px}
.hero-film-caption>div>span{font-size:12px;letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}
.hero-film-caption h2{font-size:28px;line-height:1.1;margin-top:5px;letter-spacing:-.04em}
.hero-film-caption>span{font-size:12px;color:var(--muted);display:flex;gap:18px;align-items:center}
.hero-film-caption .arrow{font-size:20px;color:var(--ink)}
.home-services{border-top:1px solid var(--line)}
.section-head{margin-bottom:45px;align-items:end}
.section-head h2{font-size:clamp(44px,4.7vw,72px);line-height:1.05}
.section-head p:not(.eyebrow){font-size:17px;max-width:370px;color:var(--muted)}
.section-head .eyebrow{margin-bottom:24px}
.service-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.service-overview-item{display:flex;flex-direction:column;align-items:start;padding:28px 36px 28px 0;min-width:0}
.service-overview-item+.service-overview-item{padding-left:36px;border-left:1px solid var(--line)}
.service-index{font-size:12px;color:var(--muted);margin-bottom:30px}
.service-overview h3{font-size:35px;letter-spacing:-.045em;margin-bottom:18px;transition:color .3s}
.service-overview p{font-size:16px;line-height:1.65;max-width:350px;color:var(--muted);margin-bottom:32px}
.service-more{display:flex;gap:25px;align-items:center;font-size:14px;margin-top:auto}
.service-more .arrow{font-size:22px;transition:translate .4s var(--ease-film)}
.service-overview-item:hover h3{color:var(--accent)}
.service-overview-item:hover .arrow{translate:3px -3px}
.digital-note{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);padding-top:22px;font-size:14px;color:var(--muted)}
.digital-note .text-link{color:var(--ink)}
.home-studio{background:#eeefea}
.home-studio-layout{display:grid;grid-template-columns:.6fr 1fr;gap:10vw;align-items:center}
.home-studio-motion{width:100%;max-width:330px;justify-self:center;transform:rotate(0)}
.home-studio-copy h2,.label-feature h2{font-size:clamp(40px,4.8vw,73px);line-height:1.04;max-width:820px}
.home-studio-copy>.eyebrow,.label-feature .eyebrow{margin-bottom:27px}
.home-studio-copy>p:not(.eyebrow){max-width:550px;font-size:18px;line-height:1.65;margin-top:25px;color:var(--muted)}
.studio-credits{display:grid;grid-template-columns:1fr 1fr;gap:25px 35px;margin-block:34px}
.studio-credits>span{font-size:15px}
.studio-credits small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.motion-study figcaption{font-size:12px;color:var(--muted)}
.motion-toggle{background:#111b;backdrop-filter:blur(8px);border-color:#ffffff40}
.label-feature-layout{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:12vw}
.label-feature p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:470px;color:var(--muted);margin-block:25px 22px}
.label-feature-image{display:block;overflow:hidden;aspect-ratio:1;max-width:340px;justify-self:end;width:100%}
.label-feature-image img{height:100%;object-fit:cover;transition:transform .9s var(--ease-film)}
.label-feature-image:hover img{transform:scale(1.035)}
/* One consistent scale across all nineteen routes. */
.page-hero{padding-block:50px 45px}
.breadcrumbs{margin-bottom:35px;font-size:12px;color:var(--muted)}
.page-heading{grid-template-columns:.55fr 1.45fr;gap:40px;align-items:start}
body[data-page] .page-heading h1{font-size:clamp(56px,7.3vw,112px);line-height:1.02;letter-spacing:-.055em}
.page-heading>.eyebrow{padding-top:12px}
.page-intro{grid-template-columns:.55fr 1fr .45fr;gap:40px;margin-top:32px}
.page-intro p{font-size:18px;line-height:1.6;max-width:650px}
.page-intro .actions{align-items:start;align-content:start}
body[data-page=leistungen] .page-intro,body[data-page=projekte] .page-intro{margin-top:30px}
body[data-page=leistungen] .page-heading h1 .title-line{display:inline}
body[data-page=leistungen] .page-heading h1 .title-line+.title-line:before{content:' '}
body[data-page=label] .page-heading h1{font-size:clamp(78px,10vw,150px)}
body[data-page=leistungen-audioproduktion] .page-heading h1{font-size:clamp(85px,9vw,145px)}
.service-directory{padding-top:15px}
.service-entry{padding-block:40px}
.service-entry-copy h2{font-size:clamp(40px,4.5vw,68px);line-height:1.06}
.service-entry-copy p{font-size:17px;line-height:1.6;max-width:470px}
.service-formats{font-size:13px;line-height:1.6}
.studio-copy h2{font-size:clamp(38px,4.7vw,70px);line-height:1.06}
.studio-copy p:not(.eyebrow){font-size:18px;line-height:1.65}
body[data-page=studio] .studio-motion{transform:rotate(0);max-width:350px}
body[data-page=label] #release .studio-image{transform:rotate(0)}
.project-grid{gap:55px 40px}
body[data-page=projekte] .project-card:nth-child(n){width:100%;margin:0;justify-self:stretch}
.project-media{aspect-ratio:1.5}
.project-card.wide .project-media{aspect-ratio:2.15}
.project-info{margin-top:19px}
.project-info h3{font-size:29px;letter-spacing:-.04em}
.project-card.wide .project-info h3{font-size:40px}
.project-info p{font-size:14px;line-height:1.6}
.project-card:hover .project-info h3{translate:0 0}
.project-open{height:44px;width:44px}
.project-number{font-size:12px}
.filter-bar{gap:30px;margin-bottom:36px}
.filter{font-size:14px}
.facts{margin-block:25px 35px}
.fact dt{font-size:12px}.fact dd{font-size:16px}
.team-heading{font-size:clamp(44px,5vw,76px)}
.team-grid{margin-top:45px}
.team-card{padding-block:30px;gap:20px 30px}
.team-card h3{font-size:clamp(29px,3vw,44px);letter-spacing:-.05em}
.team-card:hover h3{translate:0 0}
.team-card .role{font-size:16px}
.team-card p:not(.role):not(.languages){font-size:16px;line-height:1.65}
.process-item h3{font-size:25px}
.process-item p:not(.num){font-size:16px;line-height:1.65}
.process-item .num{font-size:32px;color:var(--muted);margin-bottom:25px}
.faq summary{font-size:21px;padding-block:23px}
.faq summary:hover{padding-left:0}
.faq details p{font-size:16px;line-height:1.7}
.price-card h3{font-size:27px}.price-card .price{font-size:clamp(48px,4.2vw,66px);letter-spacing:-.045em}
.price-card ul{font-size:16px;line-height:1.7}
.related-link h3{font-size:30px}
.related-link p{font-size:16px}
.case-navigation h2{font-size:clamp(38px,4.7vw,70px)}
.case-navigation{padding-block:60px}
/* Contact asks for a first idea, not a finished brief. */
.contact-workspace{padding-block:65px 90px}
.contact-sheet{grid-template-columns:1fr 1fr;gap:9vw}
.contact-editorial{top:118px}
.contact-editorial h1{font-size:clamp(53px,5.5vw,84px);line-height:1.05;margin-block:30px}
.contact-intro{font-size:18px;line-height:1.65;max-width:400px;color:var(--muted)}
.contact-direct{margin-top:44px}
.contact-direct>.eyebrow{color:var(--muted)}
.contact-address{margin-top:17px;gap:9px}
.contact-address a:first-child{font-size:clamp(23px,2.15vw,33px);letter-spacing:-.04em}
.contact-address a{font-size:15px}
.contact-location{font-size:13px;line-height:1.7;margin-top:38px}
.contact-letter{padding:30px 32px 34px;background:white;border:1px solid var(--line)}
.contact-letter>h2{font-size:30px;letter-spacing:-.045em}
.contact-how{font-size:14px;line-height:1.65;color:var(--muted);margin-top:13px;margin-bottom:28px;max-width:470px}
.contact-letter .form-grid{gap:23px 22px;grid-template-columns:1fr 1fr}
.field{gap:8px}
.field label{font-size:14px;font-weight:500}
.field input,.field select,.field textarea{background:#f7f8f5;border:1px solid #d8dad3;border-radius:2px;padding:12px 13px;min-height:48px;font-size:16px}
.field textarea{min-height:120px}
.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:var(--ink)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid #b3352530;outline-offset:2px}
.field-hint{font-size:12px;line-height:1.6;color:var(--muted);font-weight:400;max-width:460px}
.form-extra{border-block:1px solid var(--line);margin-top:25px}
.form-extra summary{font-size:14px;padding-block:15px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}
.form-extra summary:after{content:'+';font-size:19px}
.form-extra[open] summary:after{content:'−'}
.form-extra summary::-webkit-details-marker{display:none}
.form-extra .form-grid{padding-block:7px 23px;animation:400ms var(--ease-film) both copy-in}
.form-info{font-size:12px;line-height:1.6;margin-block:20px;color:var(--muted)}
.contact-letter form>.button{width:100%;justify-content:space-between}
.draft{padding:25px;background:var(--paper);border-color:var(--line)}
.draft h2{font-size:27px}
.draft>p,.draft pre{font-size:14px}
.cta-section{padding-block:75px;background:#e9ece5;border-top:0}
.cta-layout{display:grid;grid-template-columns:1fr .9fr;gap:10vw;align-items:center}
.cta-copy>.eyebrow{margin-bottom:25px;color:var(--muted)}
.cta-copy h2{font-size:clamp(45px,4.7vw,72px);line-height:1.07}
.cta-invitation>p:first-child{font-size:18px;line-height:1.65;max-width:500px;color:#555a50}
.cta-invitation .actions{margin-top:26px}
.cta-note{font-size:12px;color:var(--muted);margin-top:19px}
.footer{padding-top:44px}
.footer-top{gap:50px;padding-bottom:42px;grid-template-columns:1fr 1.2fr .7fr .7fr}
.footer .footer-signature{font-size:53px;letter-spacing:-.055em}
.footer-brand{gap:18px}
.footer-label{font-size:12px!important;margin-bottom:16px}
.footer p,.footer a{font-size:13px}
.footer-links{gap:7px}
.footer-bottom{padding-block:20px;font-size:12px}
.footer-bottom a{font-size:12px}
body[data-section=Rechtliches] .page-heading h1{font-size:clamp(48px,5vw,78px)}
.links-list{max-width:1000px;gap:12px}
.links-list .button{font-size:clamp(20px,2.2vw,32px);padding:22px 25px;min-height:80px}
/* Motion has a shorter, calmer cadence; the requested always-on behavior remains. */



.desktop-nav>a:not(.button):hover,.footer-links a:hover{translate:0 0}
.brand:hover .wordmark{letter-spacing:-.055em}
.footer-signature:hover{letter-spacing:-.055em}
@media(min-width:1700px){.hero-layout{gap:80px}.home-studio-layout{gap:130px}.label-feature-layout{gap:160px}}
@media(max-width:1100px){.brand-caption{display:none}.hero-layout{gap:40px}.hero-copy h1{font-size:5.5vw}.hero-description{font-size:16px;margin-top:24px}.hero-copy .actions{gap:12px 20px}.hero-copy .button{padding-inline:17px}.hero-film-image{aspect-ratio:.96}.hero-film-caption>span{max-width:150px;text-align:right;font-size:12px}.hero-film-caption h2{font-size:25px}.service-overview-item{padding-right:24px}.service-overview-item+.service-overview-item{padding-left:24px}.home-studio-layout{gap:7vw}.home-studio-copy h2{font-size:5vw}.contact-sheet{gap:50px}.contact-letter{padding:25px}.contact-letter .form-grid{grid-template-columns:1fr}.contact-letter .field.full{grid-column:auto}.cta-layout{gap:7vw}.cta-invitation .actions{gap:18px}.footer-top{gap:35px}.page-intro{grid-template-columns:.55fr 1.45fr}.page-intro .actions{grid-column:2}.intro-rule{grid-row:1/3}}
@media(max-width:850px){.header{height:70px}.header-inner{gap:20px}.brand{margin-right:auto}.header-quick{display:inline-flex;align-items:center;gap:9px;background:var(--ink);color:var(--paper);padding:10px 12px;border-radius:2px;min-height:42px;font-size:12px}.header-quick .arrow{font-size:16px}.menu-toggle{font-size:13px;border-bottom:0}.desktop-nav{top:69px}.header .button{margin-left:0;margin-top:14px}.home-intro{padding-block:44px 55px}.hero-layout{grid-template-columns:1fr;gap:35px}.hero-copy{padding-bottom:0;max-width:690px}.hero-copy h1{font-size:clamp(58px,8.7vw,76px)}.hero-copy>.eyebrow{margin-bottom:25px}.hero-description{font-size:17px;max-width:510px;margin-top:23px}.hero-copy .actions{margin-top:25px}.hero-location{margin-top:22px}.hero-film-image{aspect-ratio:1.65}.hero-film-caption>span{max-width:none;font-size:12px}.hero-film-caption h2{font-size:27px}.section-head{align-items:start}.service-overview{gap:25px}.service-overview-item,.service-overview-item+.service-overview-item{border:0;padding:25px 0}.service-overview h3{font-size:28px}.service-overview p{font-size:15px}.service-more{font-size:13px;gap:12px}.service-index{margin-bottom:24px}.home-studio-layout{grid-template-columns:.6fr 1fr;gap:40px}.home-studio-copy h2{font-size:clamp(36px,5.7vw,48px)}.home-studio-copy>p:not(.eyebrow){font-size:16px}.studio-credits{gap:18px 22px}.studio-credits>span{font-size:13px}.label-feature-layout{grid-template-columns:1fr .65fr;gap:40px}.label-feature h2{font-size:clamp(38px,5vw,55px)}.label-feature p:not(.eyebrow){font-size:16px}.page-heading{grid-template-columns:1fr;gap:25px}.page-heading>.eyebrow{padding:0}.page-intro{grid-template-columns:1fr 1fr;gap:25px}.page-intro .actions{grid-column:auto}.page-intro p{font-size:17px}.page-hero{padding-block:35px 40px}.contact-sheet{grid-template-columns:1fr 1fr;gap:35px}.contact-editorial h1{font-size:6vw}.contact-intro{font-size:16px}.contact-direct{margin-top:30px}.contact-address a:first-child{font-size:23px}.contact-letter{padding:23px}.contact-letter>h2{font-size:27px}.cta-layout{grid-template-columns:1fr 1fr;gap:40px}.cta-copy h2{font-size:5.5vw}.cta-invitation>p:first-child{font-size:16px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{flex-direction:column;align-items:start}.project-card.wide .project-media{aspect-ratio:1.8}}
@media(max-width:600px){:root{--pad:22px}.header-inner{gap:13px}.wordmark{font-size:29px}.brand-caption{display:none}.header-quick{font-size:12px;padding-inline:11px}.menu-toggle{font-size:12px}.home-intro{padding-top:32px}.hero-copy h1{font-size:clamp(45px,10.8vw,62px);letter-spacing:-.055em;line-height:1.08}.hero-copy>.eyebrow{font-size:12px;letter-spacing:.035em;max-width:260px;margin-bottom:21px}.hero-description{font-size:16px;line-height:1.65;margin-top:20px}.hero-copy .actions{gap:17px;margin-top:25px}.hero-copy .button{font-size:13px;padding:14px 17px;gap:16px}.hero-copy .text-link{font-size:13px;gap:12px}.hero-copy .text-link .arrow{font-size:18px}.hero-location{font-size:12px;margin-top:22px}.hero-layout{gap:30px}.hero-film-image{aspect-ratio:1.22}.hero-play{left:18px;bottom:20px;width:42px;height:42px;font-size:20px}.hero-film-label{left:74px;right:18px;bottom:32px;font-size:12px}.hero-film-label>span{font-size:12px}.hero-film-caption{gap:15px;padding-top:14px}.hero-film-caption>div>span{font-size:12px}.hero-film-caption h2{font-size:25px}.hero-film-caption>span{font-size:12px;max-width:112px;text-align:right;gap:9px}.hero-film-caption .arrow{font-size:17px}.section-head{gap:22px;margin-bottom:32px}.section-head h2{font-size:clamp(38px,9.5vw,52px)}.section-head .eyebrow{margin-bottom:20px}.section-head p:not(.eyebrow){font-size:16px}.service-overview{grid-template-columns:1fr;gap:0}.service-overview-item,.service-overview-item+.service-overview-item{padding-block:25px;border-bottom:1px solid var(--line);position:relative}.service-index{position:absolute;top:30px;left:0;font-size:12px}.service-overview h3{font-size:31px;margin-left:35px;margin-bottom:15px}.service-overview p{font-size:16px;margin-left:35px;margin-bottom:20px;max-width:400px}.service-more{margin-left:35px;font-size:14px}.digital-note{border:0;display:block;padding-top:23px;font-size:14px}.digital-note .text-link{margin-top:9px}.home-studio-layout{display:flex;flex-direction:column-reverse;gap:38px;align-items:stretch}.home-studio-copy h2{font-size:clamp(37px,9vw,51px)}.home-studio-copy>p:not(.eyebrow){font-size:16px}.home-studio-motion{max-width:260px;width:80%;align-self:center}.studio-credits{grid-template-columns:1fr 1fr;gap:20px 18px;margin-block:28px}.studio-credits>span{font-size:14px}.studio-credits small{font-size:12px}.label-feature-layout{grid-template-columns:1fr;gap:35px}.label-feature h2{font-size:clamp(38px,9vw,52px)}.label-feature-image{justify-self:start;width:68%;max-width:270px}.label-feature p:not(.eyebrow){font-size:16px}.cta-section{padding-block:55px}.cta-layout{grid-template-columns:1fr;gap:28px}.cta-copy h2{font-size:clamp(37px,9.5vw,54px)}.cta-copy>.eyebrow{margin-bottom:20px}.cta-invitation .actions{gap:20px}.cta-note{font-size:12px;line-height:1.6}.cta-invitation>p:first-child{font-size:16px}.page-hero{padding-block:30px 32px}.page-heading{gap:21px}body[data-page] .page-heading h1{font-size:clamp(41px,10.5vw,63px);line-height:1.05}body[data-page=leistungen] .page-heading h1{font-size:clamp(61px,17vw,90px)}body[data-page=label] .page-heading h1{font-size:clamp(76px,20vw,120px)}body[data-page=leistungen-audioproduktion] .page-heading h1{font-size:clamp(78px,21vw,125px)}.page-intro{grid-template-columns:1fr;margin-top:23px;gap:22px}.page-intro p{font-size:16px}.breadcrumbs{font-size:12px;margin-bottom:24px}.service-entry-copy h2{font-size:clamp(39px,10.5vw,58px)}.service-entry-copy p{font-size:16px}.service-formats{font-size:12px}.service-entry{padding-block:30px}.project-grid{gap:38px}.project-card.wide .project-media{aspect-ratio:1.5}.project-info h3{font-size:27px}.project-card.wide .project-info h3{font-size:31px}.project-info p{font-size:13px}.filter-bar{gap:18px 22px;flex-wrap:wrap}.filter{font-size:13px}.facts{gap:23px;margin-block:20px 28px}.studio-copy h2{font-size:clamp(35px,9vw,52px)}.studio-copy p:not(.eyebrow){font-size:16px}.team-heading{font-size:44px}.team-card h3{font-size:30px}.team-card .role{font-size:15px}.team-card p:not(.role):not(.languages){font-size:16px}.faq summary{font-size:18px;padding-block:21px}.faq details p{font-size:16px}.process-item h3{font-size:23px}.process-item .num{font-size:26px}.price-card .price{font-size:57px}.related-link h3{font-size:28px}.contact-workspace{padding-block:35px 60px}.contact-sheet{grid-template-columns:1fr;gap:35px}.contact-editorial h1{font-size:clamp(43px,11vw,63px);margin-block:24px}.contact-direct{margin-top:26px}.contact-direct>.eyebrow{font-size:12px}.contact-address{gap:8px}.contact-address a:first-child{font-size:27px}.contact-location{display:none}.contact-letter{padding:24px 20px}.contact-letter>h2{font-size:28px}.contact-how{font-size:14px;margin-bottom:24px}.contact-letter .form-grid{gap:21px}.contact-letter form>.button{padding-inline:17px;font-size:14px;gap:12px}.form-extra summary{font-size:13px}.footer-top{gap:32px 24px}.footer .footer-signature{font-size:48px}.footer-brand{grid-column:auto;flex-direction:column;align-items:start}.footer-top>div:nth-child(2){grid-column:auto}.footer p,.footer a{font-size:12px}.footer .footer-brand p{font-size:12px!important}.footer-label{font-size:12px!important}.footer-bottom{gap:13px}.footer-bottom a{font-size:12px}body[data-section=Rechtliches] .page-heading h1{font-size:clamp(39px,10vw,56px)}.links-list .button{font-size:20px;padding:20px;min-height:75px}}

body[data-page=label] .cta-section{background:#e9ece5;color:var(--ink)}
body[data-page=label] main .breadcrumbs{color:#bcbcb4}
body[data-page=label] main .button:not(.outline){background:var(--paper);border-color:var(--paper);color:var(--ink)}
body[data-page=label] main .button:not(.outline):hover{background:#f48b7f;border-color:#f48b7f;color:var(--ink)}
body[data-page=label] main .button.outline:hover{color:#f48b7f;border-color:#f48b7f}
body[data-page=label] main .text-link:hover{color:#f48b7f}
body[data-page=label] :is(.header,.cta-section,.footer) :is(a,button):focus-visible{outline-color:var(--accent)}

/* Content-led breakpoints, readable controls and resilient narrow layouts. */
:root{--header-height:80px;--header-size:80px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-size) + 20px)}
.wrap{padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right))}
.header{height:auto;min-height:var(--header-height);padding-top:env(safe-area-inset-top)}
.header-inner{min-height:var(--header-height)}
.brand{min-height:44px}
.hero-layout>*,.page-heading>*,.page-intro>*,.studio-split>*,.content-grid>*,.contact-sheet>*,.cta-layout>*,.footer-top>*,.project-grid>*,.price-grid>*,.related-grid>*,.process>*,.team-card>*,.form-grid>*{min-width:0}
h1,h2,h3{text-wrap:balance;overflow-wrap:break-word}
.button,.text-link{min-width:0;text-align:left;overflow-wrap:anywhere}
.button .arrow,.text-link .arrow{align-self:center}
.page-heading h1,.hero-copy h1{max-width:100%}
.breadcrumbs{flex-wrap:wrap;gap:4px 12px;line-height:1.5}
.breadcrumbs>a{display:inline-flex;align-items:center;min-height:44px}
.breadcrumbs>span:last-child{overflow-wrap:anywhere}
.project-info>*,.next-project>*,.service-entry-copy{min-width:0}
.section-head>*{min-width:0;max-width:100%}
.price-card ul{max-width:100%;overflow-wrap:anywhere;hyphens:auto}
.project-info h3,.next-project h3,.team-card h3{overflow-wrap:anywhere}
.prose a,.fact dd,.contact-address a,.footer a{overflow-wrap:anywhere}
.service-process{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-item h3{hyphens:auto}
.field input,.field select,.field textarea{min-width:0;max-width:100%;font-size:1rem;line-height:1.5}
.field label{font-size:.875rem;line-height:1.45}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.contact-letter form>.form-grid{grid-template-columns:minmax(0,1fr)}
.field-hint,.form-info{font-size:.8125rem;line-height:1.65}
.contact-how{font-size:.875rem}
.form-extra summary{font-size:.875rem;min-height:48px}
.form-extra summary>span{margin-left:auto}
.form-extra summary:after{flex:none}
.draft{min-width:0}
.draft h2{font-size:clamp(1.5rem,2.2vw,1.75rem);line-height:1.2;outline-offset:6px}
.draft pre{font-size:1rem;line-height:1.65;max-height:26rem;overflow:auto;overscroll-behavior:contain;padding-right:8px}
.draft .actions{align-items:stretch}
.draft .button{font-size:.875rem}
.quiet-link{display:inline-flex;align-items:center;min-height:44px}
.footer-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}
/* Laptop widths need room for the description and the action independently. */
@media(min-width:851px) and (max-width:1350px){
 .page-intro{grid-template-columns:minmax(120px,.55fr) minmax(0,1.45fr)}
 .page-intro .actions{grid-column:2;justify-content:flex-start}
 .page-intro .intro-rule{grid-row:1/3}
 body[data-page=label] .page-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
 body[data-page=label] .page-intro .actions{grid-column:2}
}
@media(max-width:1100px){
 .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .price-card:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding-inline:0}
 .price-card .price{font-size:clamp(2.75rem,4.5vw,4rem)}
 .service-entry-copy h2{font-size:clamp(2.5rem,4.8vw,3.8rem)}
 .service-entry-copy p,.service-overview p{font-size:1rem}
}
@media(max-width:900px){
 .contact-workspace{padding-block:42px 64px}
 .contact-sheet{grid-template-columns:minmax(0,1fr);gap:36px;max-width:760px}
 .contact-editorial{position:static;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0 38px}
 .contact-editorial>.eyebrow,.contact-editorial>h1,.contact-editorial>.contact-intro{grid-column:1}
 .contact-editorial h1{font-size:clamp(2.6rem,6vw,3.5rem);margin-block:20px}
 .contact-direct{grid-column:2;grid-row:1/4;margin:0;align-self:center}
 .contact-location{display:none}
 .contact-letter{max-width:none;width:100%;padding:30px}
 .contact-letter .form-extra .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-letter .form-extra .field.full{grid-column:1/-1}
 .contact-address a:first-child{font-size:clamp(1.3rem,2.8vw,1.6rem)}
 .contact-address a{min-height:44px;display:flex;align-items:center;line-height:1.4}
}
@media(max-width:850px){
 :root{--header-height:70px;--header-size:70px}
 .header-inner{height:auto;gap:0 12px;flex-wrap:wrap;padding-block:8px}
 .header-quick{min-height:44px;font-size:.875rem;line-height:1.3;padding:10px 12px}
 .menu-toggle{min-height:44px;min-width:64px;font-size:.875rem;padding:8px 0;text-align:right;white-space:nowrap;margin-left:auto}
 .desktop-nav{top:100%;max-height:calc(100vh - var(--header-size));max-height:calc(100dvh - var(--header-size));overflow-y:auto;overscroll-behavior:contain;padding:20px max(var(--pad),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(var(--pad),env(safe-area-inset-left));gap:4px;box-shadow:0 16px 24px #191a1810}
 .desktop-nav>a{display:flex;align-items:center;flex-shrink:0;min-height:52px;font-size:1.375rem;line-height:1.35;padding-block:10px}
 .desktop-nav>a:not(.button){border-bottom:1px solid var(--line)}
 .desktop-nav .button{width:100%;max-width:340px;min-height:48px;font-size:.9375rem;margin-top:16px}
 html.menu-is-open{overflow:hidden}
 .hero-copy h1{font-size:clamp(2.8125rem,8.8vw,4.75rem);line-height:1.07}
 .hero-description,.home-studio-copy>p:not(.eyebrow),.label-feature p:not(.eyebrow),.page-intro p,.studio-copy p:not(.eyebrow){font-size:1rem;line-height:1.65}
 .page-intro{grid-template-columns:minmax(0,1fr);gap:22px;max-width:650px}
 .page-intro .actions{grid-column:1}
 body[data-page=label] .page-intro{grid-template-columns:minmax(0,1fr);max-width:620px}
 .page-heading{gap:20px}
 body[data-page] .page-heading h1{font-size:clamp(2.7rem,9vw,5rem);line-height:1.08}
 body[data-page=label] .page-heading h1,body[data-page=leistungen-audioproduktion] .page-heading h1{font-size:clamp(4.5rem,14vw,7.5rem)}
 .section{padding-block:60px}
 .filter-bar{gap:8px 18px}
 .filter{font-size:.875rem;min-width:44px;min-height:44px;padding:10px 0;line-height:1.4}
 .project-info h3{font-size:clamp(1.6rem,3.8vw,2rem);line-height:1.15}
 .project-info p,.service-more,.text-link,.button{font-size:.875rem}
 .project-card.wide .project-info h3{font-size:clamp(1.9rem,4.5vw,2.5rem)}
 .related-link h3{font-size:clamp(1.6rem,4vw,1.9rem)}
 .cta-copy h2{font-size:clamp(2.5rem,5.5vw,3.3rem)}
 .cta-invitation>p:first-child{font-size:1rem}
 .cta-invitation .button{font-size:.875rem;gap:20px}
 .footer-top{gap:32px 40px}
 .footer a:not(.footer-signature){font-size:.875rem;min-height:44px;display:inline-flex;align-items:center;line-height:1.45}
 .footer-links{gap:0;align-items:stretch}
 .footer p{font-size:.875rem}
 .footer .footer-brand p{font-size:.875rem!important;line-height:1.5}
 .footer-links .footer-label{margin-bottom:10px}
 .footer-bottom div{flex-wrap:wrap;gap:0 24px}
 .footer-bottom a{font-size:.8125rem!important}
 .footer-bottom{gap:12px;align-items:center}
 .no-js .desktop-nav{max-height:none;overflow:visible;box-shadow:none}
 .no-js .desktop-nav>a{min-height:44px;font-size:.875rem}
}
/* Stack compositions before text is squeezed into editorial slivers. */
@media(max-width:720px){
 .home-studio-layout{display:flex;flex-direction:column-reverse;gap:34px;align-items:stretch}
 .home-studio-copy h2,.label-feature h2{font-size:clamp(2.25rem,6.7vw,3.25rem)}
 .home-studio-motion{width:70%;max-width:280px;align-self:center}
 .label-feature-layout{grid-template-columns:minmax(0,1fr);gap:30px}
 .label-feature-image{width:65%;max-width:280px;justify-self:start}
 .service-overview{grid-template-columns:minmax(0,1fr);gap:0}
 .service-overview-item,.service-overview-item+.service-overview-item{padding:26px 0 26px 38px;border:0;border-bottom:1px solid var(--line);position:relative}
 .service-index{position:absolute;left:0;top:33px;margin:0}
 .service-overview h3{font-size:2rem;line-height:1.15;margin:0 0 14px;max-width:100%;overflow-wrap:anywhere}
 .service-overview p{max-width:min(100%,480px);margin:0 0 18px;overflow-wrap:break-word;hyphens:auto}
 .service-more{margin:0}
 .digital-note{display:block;border:0;padding-top:22px}
 .digital-note .text-link{margin-top:8px}
 .studio-split,body[data-page=leistungen-filmproduktion] .studio-split,body[data-page=studio] .studio-split,body[data-page=label] #release .studio-split{grid-template-columns:minmax(0,1fr);gap:34px}
 body[data-page=studio] .studio-motion{width:65%;max-width:300px;justify-self:center;align-self:center}
 body[data-page=label] #release .studio-image{max-width:360px;justify-self:center}
 body[data-page=label] #release h2{font-size:clamp(2.4rem,7vw,3.75rem)}
 .price-grid{grid-template-columns:minmax(0,1fr)}
 .price-card,.price-card:first-child,.price-card:last-child{padding:28px 0;grid-column:auto;border-left:0}
 .price-card+.price-card{border-top:1px solid var(--line)}
 .price-card .price{font-size:3.5rem;margin-block:24px}
 .price-card h3{font-size:1.75rem}
 .price-card ul{font-size:1rem}
 .price-card .text-link{margin:0}
 .service-process{grid-template-columns:minmax(0,1fr)}
 .service-process .process-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px 18px}
 .service-process .num{grid-column:1;grid-row:1/3;margin:0;font-size:1.5rem}
 .service-process h3{margin:0;font-size:1.5rem;line-height:1.2}
 .service-process p:not(.num){grid-column:2;font-size:1rem}
 .cta-layout{grid-template-columns:minmax(0,1fr);gap:25px}
 .cta-copy h2{font-size:clamp(2.4rem,6.5vw,3.5rem)}
}
@media(max-width:600px){
 :root{--pad:20px}
 .home-intro{padding-block:28px 44px}
 .hero-copy>.eyebrow{font-size:.75rem;line-height:1.5;margin-bottom:18px;max-width:none}
 .hero-copy h1{font-size:clamp(2.6rem,10.8vw,3.7rem);line-height:1.08;letter-spacing:-.055em}
 .hero-description{margin-top:20px}
 .hero-copy .actions{gap:10px 20px}
 .hero-copy .button,.hero-copy .text-link{font-size:.875rem;min-height:48px}
 .hero-copy .button{padding:14px 16px}
 .hero-location{font-size:.75rem;margin-top:18px}
 .hero-film-image{aspect-ratio:1.4}
 .hero-film-label{left:72px;right:16px;bottom:31px;font-size:.75rem;line-height:1.4;gap:8px}
 .hero-film-label>span{font-size:.75rem;white-space:nowrap}
 .hero-play{left:16px;width:42px;height:42px}
 .hero-film-caption{align-items:start;gap:16px}
 .hero-film-caption>div{min-width:0}
 .hero-film-caption h2{font-size:1.5rem;line-height:1.2;text-wrap:initial}
 .hero-film-caption>span{font-size:.75rem;max-width:45%;line-height:1.5;display:block;overflow-wrap:anywhere}
 .hero-film-caption>span .arrow{display:none}
 .hero-film-caption>div>span{font-size:.75rem}
 .section{padding-block:52px}
 .section-head h2,.studio-copy h2{font-size:clamp(2.25rem,9vw,3.25rem);line-height:1.12}
 .section-head{gap:20px}
 .section-head p:not(.eyebrow),.service-entry-copy p,.process-item p:not(.num){font-size:1rem}
 .page-hero{padding-block:22px 30px}
 .breadcrumbs{margin-bottom:20px;font-size:.75rem;gap:3px 10px}
 .page-heading{gap:16px}
 body[data-page] .page-heading h1{font-size:clamp(2.5rem,10.5vw,3.7rem);line-height:1.1}
 body[data-page=leistungen] .page-heading h1{font-size:clamp(3.6rem,16vw,5.5rem)}
 body[data-page=label] .page-heading h1,body[data-page=leistungen-audioproduktion] .page-heading h1{font-size:clamp(4.25rem,20vw,7rem)}
 .service-entry{gap:12px 16px;grid-template-columns:22px minmax(0,1fr)}
 .service-entry-copy h2{font-size:clamp(2.25rem,10vw,3.4rem);line-height:1.1}
 .service-formats{font-size:.8125rem}
 .facts{gap:20px 24px}
 .fact dd{font-size:1rem;line-height:1.5}
 .fact dt{font-size:.75rem}
 .next-project{grid-template-columns:76px minmax(0,1fr) 20px;gap:14px}
 .next-project h3{font-size:1.4rem;line-height:1.2}
 .process-item{grid-template-columns:30px minmax(0,1fr);gap:10px 18px}
 .team-card h3{font-size:clamp(1.8rem,7.8vw,2.5rem);line-height:1.15}
 .team-card .role{font-size:1rem}
 .studio-credits{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .studio-credits>span{font-size:.875rem;overflow-wrap:break-word}
 .studio-credits small{font-size:.75rem}
 .faq summary{font-size:1.125rem;line-height:1.45;padding-right:34px}
 .faq details p{font-size:1rem;padding-right:0}
 .contact-editorial{display:block}
 .contact-editorial h1{font-size:clamp(2.5rem,10.5vw,3.6rem);line-height:1.1;margin-block:18px}
 .contact-direct{margin-top:20px}
 .contact-address{gap:0;margin-top:8px}
 .contact-address a:first-child{font-size:1.625rem}
 .contact-address a{font-size:.9375rem}
 .contact-workspace{padding-block:28px 52px}
 .contact-sheet{gap:28px}
 .contact-letter{padding:24px 18px}
 .contact-letter>h2{font-size:1.75rem;line-height:1.2}
 .contact-letter .form-grid,.contact-letter .form-extra .form-grid{grid-template-columns:minmax(0,1fr)}
 .contact-letter .field.full{grid-column:1}
 .field input,.field select,.field textarea{padding:12px 10px;min-height:50px}
 .field textarea{min-height:140px}
 .contact-letter form>.button{font-size:.9375rem;padding-inline:14px}
 .draft{padding:22px 16px;margin-top:28px}
 .draft pre{max-height:20rem;padding-block:18px}
 .draft .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .draft .button{width:100%;padding-inline:14px;gap:12px;min-height:48px}
 .footer-top{gap:24px 20px}
 .footer-brand,.footer-top>div:nth-child(2){grid-column:1/-1}
 .footer-brand{flex-direction:row;align-items:center;gap:25px}
 .footer .footer-signature{font-size:3rem;line-height:1}
 .footer-top>div:nth-child(2) .footer-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 24px;margin-top:12px}
 .footer-bottom{align-items:start}
 .footer-bottom div{gap:0 22px}
 .motion-toggle{font-size:.8125rem;line-height:1.4}
 .links-list .button{font-size:1.25rem;padding:20px 16px}
}
@media(max-width:359px){
 :root{--pad:18px}
 .header-inner{gap:8px}
 .header-quick{padding-inline:10px;font-size:.8125rem;gap:6px}
 .menu-toggle{min-width:54px;font-size:.8125rem}
 .hero-copy .actions{align-items:stretch;gap:8px}
 .hero-copy .button{width:100%;justify-content:space-between}
 .hero-copy .text-link{width:max-content;max-width:100%}
 .hero-film-label>span{display:none}
 .contact-letter{padding-inline:14px}
 .field select{padding-left:8px;padding-right:4px}
}
@media(max-width:850px) and (max-height:500px){
 :root{--header-height:60px;--header-size:60px}
 .desktop-nav{padding-block:10px max(16px,env(safe-area-inset-bottom))}
 .desktop-nav>a{min-height:46px;font-size:1.125rem;padding-block:7px}
 .desktop-nav .button{margin-top:10px}
 .home-intro{padding-top:24px}
}
@media(hover:none){
 .project-open{background:#191a18d9;color:var(--paper)}
 .hero-play{background:#191a1880}
}

/* FPMC: black frames, Satoshi typography, real work. */
:root{--paper:#08090a;--ink:#f0f0ed;--accent:#cbd4f7;--muted:#aaadb3;--line:#303237;--dark-text:#bfc1c5;--surface:#111214;--control:#17191c;--button:#eeeee9;--button-ink:#101113;color-scheme:dark;--max:1600px;--pad:clamp(20px,5vw,80px)}
body{font-family:Satoshi,Arial,sans-serif;letter-spacing:-.005em;background:var(--paper);color:var(--ink)}
h1,h2,h3,h4,.quote-block,.title-emphasis,em{font-family:Satoshi,Arial,sans-serif;font-style:normal;font-weight:650;letter-spacing:-.05em}
em,.title-emphasis{font-weight:inherit;letter-spacing:inherit}
h1,h2,h3{line-height:1.03}
p{line-height:1.65}
.arabic-title{font-family:Arial,Tahoma,sans-serif!important;font-weight:600;letter-spacing:0}
.section{padding-block:clamp(64px,7vw,112px)}
.light{background:var(--paper)}
.header{background:var(--paper);border-color:var(--line)}
.header.has-scrolled{background:rgba(8,9,10,.97);box-shadow:none}
.header:after{display:none}
.wordmark{font-size:38px;font-weight:700;letter-spacing:-.065em}
.brand:hover .wordmark{letter-spacing:-.065em}
.desktop-nav>a{font-size:16px;font-weight:500}
.desktop-nav{gap:32px}
.button:not(.outline),.header .button,.header-quick{background:var(--button);border-color:var(--button);color:var(--button-ink);border-radius:0;font-weight:600}
.button:not(.outline){min-height:56px;padding:17px 24px;font-size:16px;gap:32px}
.button:not(.outline):hover,.header .button:hover,.header-quick:hover{background:var(--accent);border-color:var(--accent);color:var(--button-ink)}
.header .button{font-size:15px;min-height:46px;padding:13px 19px}
.button.outline{border-radius:0;border-color:#54575e;font-size:16px;font-weight:500}
.button.outline:hover{color:var(--accent);border-color:var(--accent)}
.text-link{font-size:16px;font-weight:600;border-color:#54575e;gap:24px}
.text-link:hover,.quiet-link:hover{color:var(--accent)}
.button:after,.text-link:after{display:none}
.actions{gap:16px 28px}
.home-intro{padding-block:64px 72px}
.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}
.hero-copy{padding:0}
.hero-copy h1{font-size:clamp(3.5rem,6.3vw,6.3rem);font-weight:700;line-height:.99;letter-spacing:-.065em}
.hero-subline{display:block;font-size:.69em;line-height:1.12;letter-spacing:-.045em;color:#a7a9ae;margin-top:14px}
.hero-description{font-size:20px;line-height:1.6;color:var(--muted);max-width:490px;margin-top:32px}
.hero-copy .actions{margin-top:32px}
.hero-film-image{aspect-ratio:1.12}
.hero-film-photo{object-position:50% 45%}
.hero-film-caption{padding-top:20px;gap:20px;align-items:center}
.hero-film-caption h2{font-size:30px;font-weight:650;margin:0;letter-spacing:-.04em}
.hero-film-caption>span{font-size:15px;text-transform:none;color:var(--muted);max-width:190px;line-height:1.4}
.hero-film-label,.hero-film-label>span{font-size:14px}
.home-services{border-top:1px solid var(--line)}
.section-head{margin-bottom:48px;gap:48px;align-items:end}
.section-head h2,.home-studio-copy h2,.label-feature h2,.team-heading{font-size:clamp(2.8rem,4.8vw,4.75rem);font-weight:650;line-height:1.03;letter-spacing:-.05em}
.section-head p:not(.eyebrow){font-size:18px;max-width:420px;color:var(--muted)}
.service-overview{border-top:1px solid var(--ink)}
.service-overview-item,.service-overview-item+.service-overview-item{padding-top:32px;padding-bottom:32px}
.service-overview h3{font-size:38px;font-weight:650;line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}
.service-overview p{font-size:17px;margin-bottom:26px}
.service-more{margin-top:auto;font-size:26px}
.service-more .arrow{font-size:28px}
.digital-note{font-size:16px;padding-top:24px}
.digital-note .text-link{font-size:16px}
.home-studio{background:var(--surface);color:var(--ink);border-block:1px solid var(--line)}
.home-studio-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:100px}
.home-studio-copy>p:not(.eyebrow){font-size:19px;color:#c9cbd2;margin-top:30px;max-width:600px}
.studio-credits{gap:24px 36px;margin-block:36px}
.studio-credits>span{font-size:17px;font-weight:500}
.studio-credits small{font-size:15px;color:#aeb2bf;margin-top:5px;font-weight:400}
.home-studio .text-link{color:#fff;border-color:#626671}
.home-studio .text-link:hover{color:#b7c4ff}
.home-studio :is(a,button):focus-visible{outline-color:#b7c4ff}
.home-studio .motion-study figcaption{color:#b5b8c3}
.home-studio-motion{max-width:360px}
.motion-study figcaption{font-size:14px;line-height:1.5;padding-top:16px}
.motion-toggle{font-size:14px}
.label-feature-layout{gap:90px;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.label-feature-image{max-width:420px}
.label-feature p:not(.eyebrow){font-size:19px;margin-block:28px;max-width:540px}
/* Page titles take the space previously occupied by decorative labels. */
.page-hero{padding-block:52px 56px}
.page-heading,body[data-page=label] .page-heading,body[data-page=studio] .page-heading{display:block}
body[data-page] .page-heading h1{font-size:clamp(3.75rem,8vw,8rem);font-weight:700;line-height:1;letter-spacing:-.06em;max-width:1200px}
.title-line{line-height:1.08}
.page-intro,body[data-page=label] .page-intro,body[data-page=projekte] .page-intro,body[data-page=leistungen] .page-intro,body[data-section=Rechtliches] .page-intro{display:flex;align-items:start;justify-content:space-between;gap:32px 64px;max-width:none;margin-top:30px}
.page-intro p{font-size:20px;line-height:1.6;max-width:760px;color:var(--muted)}
body[data-page=leistungen-audioproduktion] .page-intro p{color:#c2c6d0}
body[data-page=leistungen-audioproduktion] .page-hero :is(a,button):focus-visible{outline-color:#b7c4ff}
.page-intro .actions{flex-shrink:0;max-width:40%;align-items:start;justify-content:start}
.breadcrumbs{font-size:14px;margin-bottom:28px;text-transform:none;letter-spacing:0}
.service-directory{padding-top:12px}
.service-entry{grid-template-columns:minmax(0,1.15fr) minmax(0,.7fr) 30px;gap:48px;padding-block:48px}
.service-entry-copy h2{font-size:clamp(2.6rem,5vw,5rem);font-weight:650;line-height:1.03}
.service-entry-copy p{font-size:18px;margin-top:22px;max-width:530px}
.service-formats{font-size:15px;line-height:1.6;margin-top:20px;color:var(--muted)}
.service-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px}
.service-row p{font-size:17px}
.studio-copy h2{font-size:clamp(2.8rem,4.8vw,4.75rem);font-weight:650;line-height:1.04;margin:0}
.studio-copy p:not(.eyebrow){font-size:18px;line-height:1.65}
.project-info{margin-top:20px}
.project-info h3{font-size:34px;font-weight:650;line-height:1.1;letter-spacing:-.045em}
.project-card.wide .project-info h3{font-size:42px}
.project-info p{font-size:16px;color:var(--muted);margin-top:10px}
.filter-bar{gap:12px 28px;margin-bottom:36px}
.filter{font-size:16px;font-weight:500;line-height:1.4}
.filter[aria-pressed=true]{font-weight:650;color:var(--accent)}
.process{gap:40px}
.process-item,.service-process .process-item{display:block;padding-top:24px;border-top:1px solid var(--line)}
.process-item h3,.service-process h3{font-size:28px;font-weight:650;line-height:1.15;margin:0 0 18px}
.process-item p:not(.num),.service-process p:not(.num){font-size:17px}
.fact dt{font-size:15px;text-transform:none;letter-spacing:0;color:var(--muted)}
.fact dd{font-size:18px;font-weight:500}
.facts{gap:32px;margin-block:32px 56px}
.related-link h3{font-size:32px;font-weight:650}
.related-link p{font-size:17px}
.case-navigation h2{font-size:clamp(2.6rem,4vw,4rem);font-weight:650;line-height:1.08}
.next-project h3{font-weight:650}
.next-project p{font-size:15px;margin-top:8px}
.team-card h3{font-size:clamp(2rem,3vw,3.25rem);font-weight:650}
.team-card .role{font-size:17px;font-weight:500;color:var(--accent)}
.team-card p:not(.role):not(.languages){font-size:17px}
.team-card .languages{font-size:15px}
.faq summary{font-size:22px;font-weight:500;line-height:1.35}
.faq details p{font-size:17px}
.price-card h3{font-weight:650;font-size:28px}
.price-card .price{font-weight:650;letter-spacing:-.055em}
.small-note,.embed-note,.price-note,.notice{font-size:15px;line-height:1.7}
.prose p{font-size:18px;line-height:1.75}
.prose h2{font-weight:650;line-height:1.2}
body[data-page=label]{background:var(--paper);color:var(--ink)}
body[data-page=label] .light{background:var(--paper);color:var(--ink)}
body[data-page=label] .page-intro p,body[data-page=label] .muted,body[data-page=label] .embed-note{color:#c2c6d0}
body[data-page=label] .section-head h2{font-family:Satoshi,Arial,sans-serif;font-style:normal;font-weight:650}
body[data-page=label] #release h2{font-size:clamp(3rem,6.4vw,6.5rem);font-weight:650;line-height:1.03}
.release-date{font-size:16px;color:inherit;margin-bottom:24px}
body[data-page=label] main .button:not(.outline){background:var(--button);color:var(--button-ink);border-color:var(--button)}
body[data-page=label] main .button:not(.outline):hover{background:var(--accent);border-color:var(--accent)}
body[data-page=label] main .button.outline:hover,body[data-page=label] main .text-link:hover{color:#b7c4ff;border-color:#b7c4ff}
body[data-page=label] a:focus-visible,body[data-page=label] button:focus-visible{outline-color:#b7c4ff}
/* One direct invitation, followed by contact and navigation. */
.cta-section,body[data-page=label] .cta-section{background:var(--surface);color:var(--ink);padding-block:88px;border:0;border-top:1px solid var(--line)}
.cta-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}
.cta-copy h2{font-size:clamp(3rem,6vw,6rem);font-weight:650;line-height:1;letter-spacing:-.055em}
.cta-invitation>p:first-child{font-size:20px;color:#fff;max-width:550px}
.cta-invitation .button:not(.outline){background:var(--button);border-color:var(--button);color:var(--button-ink)}
.cta-invitation .button:not(.outline):hover{background:var(--accent);border-color:var(--accent);color:var(--button-ink)}
.cta-invitation .quiet-link{color:#fff;font-size:16px;text-decoration-color:#60636a}
.cta-section :is(a,button):focus-visible,body[data-page=label] .cta-section :is(a,button):focus-visible{outline-color:#fff}
.footer{background:var(--paper);border-top:0;padding-top:56px}
.footer-top{gap:40px;padding-bottom:48px;grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,.7fr) minmax(0,.7fr)}
.footer .footer-signature{font-size:64px;font-weight:700;letter-spacing:-.065em;line-height:1}
.footer-signature:hover{letter-spacing:-.065em}
.footer p,.footer a,.footer .footer-brand p{font-size:16px!important;line-height:1.55}
.footer .footer-signature{font-size:64px!important}
.footer-links{gap:4px}
.footer-bottom{font-size:14px}
.footer-bottom a{font-size:14px!important}
.contact-workspace{padding-block:64px 88px}
.contact-sheet{gap:80px}
.contact-editorial h1{font-size:clamp(3.6rem,6.3vw,6.4rem);font-weight:700;line-height:1;letter-spacing:-.06em;margin:0 0 28px}
.contact-intro{font-size:19px;color:var(--muted);max-width:470px}
.contact-direct{margin-top:32px}
.contact-address{margin-top:0}
.contact-address a:first-child{font-size:32px;font-weight:500;letter-spacing:-.03em}
.contact-address a{font-size:16px}
.contact-letter{background:var(--surface);border:1px solid var(--line);padding:36px}
.contact-letter>h2{font-size:32px;font-weight:650;line-height:1.1}
.contact-how{font-size:16px;margin-block:16px 28px}
.field label{font-size:16px;font-weight:500}
.field input,.field select,.field textarea{background:var(--control);border-color:#55585e;border-radius:0}
.field-hint,.form-info{font-size:14px}
.form-extra summary{font-size:16px}
.draft{background:var(--control);border-color:var(--line)}
.draft h2{font-weight:650}
.draft>p,.draft .button{font-size:16px}
.links-list .button{font-size:clamp(1.3rem,2.4vw,2.25rem);font-weight:550}
@media(max-width:1200px){
 .hero-layout{gap:44px}.hero-copy h1{font-size:6.3vw}.hero-description{font-size:18px}.home-studio-layout{gap:64px}.page-intro{gap:36px}.service-entry{gap:32px}.footer-top{gap:32px}
}
@media(max-width:900px){
 .contact-sheet{max-width:760px;gap:36px}.contact-editorial{display:block}.contact-editorial h1{font-size:clamp(3.5rem,7vw,4.5rem)}.contact-direct{margin-top:24px}.contact-letter{padding:30px}
}
@media(max-width:850px){
 .wordmark{font-size:34px}.header .button{font-size:16px}.header-quick{font-size:14px}.desktop-nav>a{font-size:22px}.desktop-nav{gap:4px}
 .home-intro{padding-block:40px 56px}.hero-layout{grid-template-columns:minmax(0,1fr);gap:36px}.hero-copy{max-width:720px}.hero-copy h1{font-size:clamp(3.2rem,9vw,5.5rem)}.hero-subline{font-size:.73em;margin-top:10px}.hero-description{max-width:620px;margin-top:26px}.hero-film-image{aspect-ratio:1.65}.hero-film-caption h2{font-size:28px}.hero-film-caption>span{font-size:15px;max-width:none}
 .section-head{gap:24px;margin-bottom:36px}.section-head h2,.home-studio-copy h2,.label-feature h2,.studio-copy h2{font-size:clamp(2.6rem,5.7vw,3.5rem)}.section-head p:not(.eyebrow){font-size:17px}
 .home-studio-layout{gap:40px}.home-studio-copy>p:not(.eyebrow){font-size:17px}.studio-credits>span{font-size:16px}.studio-credits small{font-size:14px}.label-feature-layout{gap:48px}.label-feature p:not(.eyebrow){font-size:17px}
 .page-hero{padding-block:36px 40px}body[data-page] .page-heading h1{font-size:clamp(3.3rem,9vw,5.5rem);line-height:1.04}.page-intro,body[data-page=label] .page-intro,body[data-page=projekte] .page-intro,body[data-page=leistungen] .page-intro,body[data-section=Rechtliches] .page-intro{display:flex;flex-direction:column;gap:24px;margin-top:26px}.page-intro p{font-size:18px}.page-intro .actions{max-width:100%}
 .service-entry{grid-template-columns:minmax(0,1fr) minmax(0,.6fr) 26px;gap:26px}.service-entry>.arrow{display:block}.service-entry-copy h2{font-size:clamp(2.6rem,5.5vw,3.4rem)}.service-entry-copy p{font-size:17px}.service-formats{font-size:14px}
 .process-item h3,.service-process h3{font-size:26px}.process-item p:not(.num){font-size:16px}.project-info h3{font-size:28px}.project-card.wide .project-info h3{font-size:34px}.project-info p{font-size:15px}.filter{font-size:15px}.related-link h3{font-size:28px}.facts{gap:24px}.fact dt{font-size:14px}.fact dd{font-size:17px}
 .cta-section,body[data-page=label] .cta-section{padding-block:64px}.cta-layout{gap:48px}.cta-copy h2{font-size:clamp(3rem,6.4vw,4.5rem)}.cta-invitation>p:first-child{font-size:18px}.cta-invitation .button{font-size:16px}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px}
}
@media(max-width:720px){
 .service-overview-item,.service-overview-item+.service-overview-item{padding:28px 0}.service-overview h3{margin:0 0 16px;font-size:34px}.service-overview p{margin:0 0 20px;max-width:100%}.service-more{margin:0}
 .home-studio-layout{gap:36px}.label-feature-layout{grid-template-columns:minmax(0,1fr);gap:32px}.label-feature-image{width:75%;max-width:350px}
 .service-entry{grid-template-columns:minmax(0,1fr) 26px;gap:24px;padding-block:36px}.service-entry-copy{grid-column:1}.service-entry>.arrow{grid-column:2;grid-row:1;align-self:start;margin-top:8px}.service-entry-media,.service-entry:nth-of-type(1) .service-entry-media,.service-entry:nth-of-type(2) .service-entry-media{grid-column:1/-1;width:100%;max-width:none;aspect-ratio:1.75;margin:0;justify-self:stretch}
 .service-row{grid-template-columns:minmax(0,1fr) 26px}.service-row p{grid-column:1}.service-row>.arrow{grid-column:2;grid-row:1}
 .process-item,.service-process .process-item{display:block}.cta-layout{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:600px){
 :root{--pad:20px}.wordmark{font-size:32px}.home-intro{padding-block:32px 48px}.hero-copy h1{font-size:clamp(2.8rem,10.6vw,3.8rem);line-height:1.02}.hero-subline{font-size:.7em;line-height:1.14;letter-spacing:-.045em}.hero-description{font-size:17px;line-height:1.6;margin-top:24px}.hero-copy .actions{margin-top:26px;gap:12px 20px}.hero-copy .button,.hero-copy .text-link{font-size:15px}.hero-copy .button{padding:16px 18px}.hero-layout{gap:30px}.hero-film-image{aspect-ratio:1.4}.hero-film-caption{align-items:start;gap:16px}.hero-film-caption h2{font-size:24px}.hero-film-caption>span{font-size:14px;max-width:46%;line-height:1.5}.hero-film-label,.hero-film-label>span{font-size:13px}
 .section{padding-block:56px}.section-head h2,.home-studio-copy h2,.label-feature h2,.studio-copy h2,.team-heading{font-size:clamp(2.2rem,8.7vw,3.25rem);line-height:1.08}.section-head{margin-bottom:30px}.section-head p:not(.eyebrow){font-size:17px}.service-overview h3{font-size:32px}.service-overview p{font-size:17px}.service-more .arrow{font-size:27px}.digital-note{font-size:16px}
 .home-studio-copy>p:not(.eyebrow){font-size:17px;margin-top:24px}.studio-credits{gap:22px 18px}.studio-credits>span{font-size:16px;line-height:1.4}.studio-credits small{font-size:14px;line-height:1.5}.label-feature p:not(.eyebrow){font-size:17px;margin-block:24px}.label-feature-image{width:80%}
 .page-hero{padding-block:28px 34px}.breadcrumbs{font-size:14px;margin-bottom:20px;gap:2px 10px}body[data-page] .page-heading h1{font-size:clamp(2.6rem,10.4vw,4rem);line-height:1.08;letter-spacing:-.055em}body[data-page=label] .page-heading h1,body[data-page=leistungen-audioproduktion] .page-heading h1{font-size:clamp(3.5rem,15vw,5rem)}.page-intro p{font-size:17px}.page-intro,body[data-page=label] .page-intro,body[data-page=projekte] .page-intro,body[data-page=leistungen] .page-intro{margin-top:22px}
 .button:not(.outline),.button.outline,.text-link{font-size:16px}.button:not(.outline){gap:20px;padding:16px 18px;min-height:52px}.service-entry-copy h2{font-size:clamp(2.3rem,10vw,3.3rem)}.service-entry-copy p{font-size:17px}.service-formats{font-size:15px}.process-item h3,.service-process h3{font-size:25px;line-height:1.2}.process-item p:not(.num),.service-process p:not(.num){font-size:17px}.project-info h3{font-size:27px}.project-card.wide .project-info h3{font-size:31px}.project-info p{font-size:15px}.fact dt{font-size:14px}.fact dd{font-size:17px}.facts{gap:20px;margin-block:28px 40px}.related-link h3{font-size:27px}.related-link p{font-size:17px}.case-navigation h2{font-size:36px}.team-card h3{font-size:clamp(1.8rem,7.8vw,2.6rem)}.team-card .role{font-size:17px}.team-card p:not(.role):not(.languages){font-size:17px}.team-card .languages{font-size:15px}.faq summary{font-size:19px}.faq details p{font-size:17px}.prose p{font-size:17px}.release-date{font-size:16px;margin-bottom:20px}body[data-page=label] #release h2{font-size:clamp(2.6rem,10.8vw,4rem)}
 .cta-section,body[data-page=label] .cta-section{padding-block:56px}.cta-copy h2{font-size:clamp(2.7rem,11vw,4.25rem)}.cta-invitation>p:first-child{font-size:17px}.cta-invitation .actions{margin-top:24px}.cta-invitation .button{font-size:16px}.footer{padding-top:40px}.footer-top{gap:28px 24px;padding-bottom:32px}.footer .footer-signature{font-size:52px!important}.footer p,.footer a,.footer .footer-brand p{font-size:16px!important}.footer-bottom a{font-size:14px!important}
 .contact-workspace{padding-block:32px 56px}.contact-sheet{gap:32px}.contact-editorial h1{font-size:clamp(3rem,12vw,4rem);margin:0 0 24px}.contact-intro{font-size:17px}.contact-address a:first-child{font-size:28px}.contact-address a{font-size:16px}.contact-letter{padding:26px 18px}.contact-letter>h2{font-size:29px}.contact-how{font-size:16px}.field label{font-size:16px}.field-hint,.form-info{font-size:14px}.form-extra summary{font-size:15px}.draft>p,.draft .button{font-size:16px}.contact-letter form>.button{font-size:16px}.draft .button{padding-inline:14px;gap:12px}
}
@media(max-width:359px){:root{--pad:18px}.header-quick{font-size:13px}.wordmark{font-size:30px}.hero-copy h1{font-size:2.65rem}.hero-copy .button{width:100%}.contact-letter{padding-inline:14px}.hero-film-label{font-size:12px}}

/* Dark surfaces also cover native controls, focus and image actions. */
.wordmark,.footer-signature{font-family:Grotesk,Arial,sans-serif}
body[data-page=leistungen-audioproduktion] .page-hero{background:var(--paper);color:var(--ink)}
.project-media{background:var(--surface)}
.service-overview,.price-grid{border-color:#505258}
.field input:focus,.field select:focus,.field textarea:focus{background:#1d1f23;border-color:var(--accent);color:var(--ink)}
.field input::placeholder,.field textarea::placeholder{color:#979ba4;opacity:1}
.field select option{background:var(--control);color:var(--ink)}
.field label span{font-size:14px}
.draft pre{font-family:Satoshi,Arial,sans-serif}
.notice{background:var(--surface);color:var(--ink)}
.desktop-nav{border-color:var(--line)}
::selection{background:var(--accent);color:var(--button-ink)}
@media(hover:none){.project-open{background:#101113e6;color:var(--ink)}}

/* Editorial direction: the work sets the scale; every page has its own rhythm. */
:root{--max:1680px;--pad:clamp(20px,5.2vw,88px);--line:#292b2f}
h1,h2,h3{font-kerning:normal}
.section{padding-block:clamp(64px,7.4vw,120px)}
.home-intro{padding-block:52px 72px}
.hero-layout{display:block}
.hero-copy{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:72px;align-items:end;max-width:none;margin-bottom:48px}
.hero-copy h1{font-size:clamp(76px,8.6vw,148px);line-height:.98;letter-spacing:-.065em}
.hero-subline{font-size:.59em;line-height:1.12;margin-top:14px;color:#b0b2b7}
.hero-introduction{padding-bottom:7px}
.hero-description{font-size:20px;line-height:1.55;margin:0;max-width:430px}
.hero-copy .actions{margin-top:26px;gap:16px 28px}
.hero-film-image{aspect-ratio:2.35;background:#08090a}
.hero-film-photo{object-fit:cover;object-position:center 48%}
.hero-film-caption{padding-top:24px;align-items:baseline}
.hero-film-caption h2{font-size:36px}
.hero-film-caption>span{max-width:none;font-size:16px;text-align:left}
.hero-film-label{font-size:16px;bottom:41px}
.hero-film-label>span{font-size:14px}
.hero-film-image:after{inset:62% 0 0;background:linear-gradient(transparent,#000b)}
.section-head{margin-bottom:44px}
.section-head h2,.home-studio-copy h2,.label-feature h2,.studio-copy h2,.team-heading{font-size:clamp(44px,4.8vw,74px);letter-spacing:-.052em;line-height:1.06}
.section-head p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:450px}
.service-overview{display:block;border-top:0}
.service-overview-item,.service-overview-item+.service-overview-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) 56px;gap:50px;align-items:center;padding:34px 0;border:0;border-top:1px solid var(--line)}
.service-overview h3{font-size:clamp(44px,4.6vw,72px);letter-spacing:-.055em;margin:0}
.service-overview p{font-size:18px;line-height:1.55;margin:0;max-width:470px}
.service-more{margin:0;justify-self:end;align-self:center}
.service-more .arrow{font-size:38px}
.digital-note{padding-top:28px}
.home-studio{background:var(--paper);border-block:1px solid var(--line)}
.home-studio-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(56px,8vw,130px)}
.home-studio-motion{max-width:440px}
.home-studio-copy>p:not(.eyebrow){font-size:21px;line-height:1.55;max-width:570px}
.studio-credits{padding-top:28px;border-top:1px solid var(--line);margin-block:36px;gap:26px 36px}
.label-feature-layout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:96px}
.label-feature-image{max-width:500px;width:100%;aspect-ratio:1.06}
.label-feature p:not(.eyebrow){font-size:20px;line-height:1.6}
.page-hero{padding-block:52px 42px}
body[data-page] .page-heading h1{font-size:clamp(68px,9vw,146px);line-height:1.01}
.page-intro,body[data-page=label] .page-intro,body[data-page=projekte] .page-intro,body[data-page=leistungen] .page-intro{margin-top:28px}
.page-intro p{max-width:760px;font-size:20px;line-height:1.6}
body[data-page=projekte] .page-hero+section,body[data-page^=projekte-] .page-hero+section{padding-top:40px}
body[data-page=projekte] .project-grid{gap:80px 64px}
body[data-page=projekte] .project-card:nth-child(2n+3){padding-top:90px}
.project-media{aspect-ratio:1.5}
.project-card.wide .project-media{aspect-ratio:2.35}
.project-card.wide .project-media img{object-fit:cover;object-position:center 48%}
.project-info{padding-top:22px;margin:0}
.project-info h3{font-size:36px}
.project-card.wide .project-info h3{font-size:44px}
.project-info p{margin-top:8px;font-size:16px}
.project-open{border-radius:50%;width:52px;height:52px;background:var(--button);color:var(--button-ink)}
.project-card:focus-visible{outline-offset:9px}
.web-case-image{border-color:var(--line)}
.facts{margin-block:34px 18px;gap:40px}
.fact dt{font-size:15px}.fact dd{font-size:19px}
.fact dd a{text-decoration:underline;text-decoration-color:#64666c;text-underline-offset:5px}
.case-navigation{padding-block:72px}
.content-grid>h2,.content-grid>div:not(.prose)>h2{font-size:clamp(36px,3.7vw,60px);line-height:1.1;letter-spacing:-.045em}
.service-hero{padding-block:36px 64px}
.service-hero .breadcrumbs{margin-bottom:28px}
.service-hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:80px}
.service-hero-copy{min-width:0;padding-block:24px}
.service-hero h1{font-size:clamp(80px,10vw,164px);font-weight:700;line-height:1;letter-spacing:-.06em}
.service-hero-copy>p{font-size:21px;line-height:1.6;color:var(--muted);max-width:560px;margin-top:32px}
.service-hero-copy .actions{margin-top:32px}
.service-hero-media{min-width:0;overflow:hidden;width:100%;background:#101113}
.service-hero-media img{width:100%;height:100%;object-fit:cover}
body[data-page=leistungen-filmproduktion] .service-hero-media{aspect-ratio:3/4;width:85%;max-width:470px;justify-self:end}
body[data-page=leistungen-musikvideoproduktion] .service-hero-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px}
body[data-page=leistungen-musikvideoproduktion] .service-hero h1{font-size:clamp(64px,7.7vw,128px)}
body[data-page=leistungen-musikvideoproduktion] .service-hero-media{aspect-ratio:1.75}
body[data-page=leistungen-audioproduktion] .service-hero-media{aspect-ratio:1.12}
.service-introduction{border-top:1px solid var(--line)}
.service-introduction .content-grid{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:96px;align-items:start}
.service-introduction p{font-size:21px;line-height:1.65;color:var(--dark-text);max-width:650px}
.process{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}
.process-item,.service-process .process-item{padding-block:28px 34px}
.process-item h3{font-size:29px;margin-bottom:18px}
.process-item p:not(.num){max-width:560px}
.service-process{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.section-faq>.wrap{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:80px;align-items:start}
.section-faq .section-head{margin:0}
.section-faq .section-head h2{font-size:clamp(36px,3.5vw,54px)}
.section-faq .faq{width:100%;margin:0;max-width:none}
.faq summary{font-size:21px;line-height:1.4;padding-block:25px}
.faq details p{padding-right:18px}
body[data-page=studio] .team-heading{margin-top:0}
.team-card{padding-block:38px;grid-template-columns:minmax(0,1.3fr) minmax(0,.75fr) minmax(0,1fr);gap:20px 40px}
.team-card h3{font-size:clamp(30px,3vw,48px)}
.team-card .role{color:var(--ink);font-size:18px}
.team-card .languages{color:var(--muted);font-size:15px}
.contact-workspace{padding-block:64px 100px}
.contact-sheet{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(64px,8vw,128px)}
.contact-editorial h1{font-size:clamp(72px,8.5vw,136px);line-height:.98;letter-spacing:-.065em;margin-bottom:30px}
.contact-intro{font-size:20px;line-height:1.6;max-width:430px}
.contact-direct{margin-top:44px}
.contact-address a:first-child{font-size:clamp(26px,2.2vw,36px);letter-spacing:-.035em}
.contact-letter{padding:30px 0 0;background:transparent;border:0;border-top:1px solid #64666d}
.contact-letter>h2{font-size:36px;letter-spacing:-.04em}
.contact-how{margin-block:16px 30px;max-width:500px}
.field input,.field select,.field textarea{background:#111315;border:1px solid #44474e;padding:14px 16px}
.field input:focus,.field select:focus,.field textarea:focus{background:#17191d}
.field textarea{min-height:150px}
.contact-letter .form-grid{gap:26px}
.cta-section,body[data-page=label] .cta-section{background:var(--paper);padding-block:96px;border-top:1px solid #46484e}
.cta-copy h2{font-size:clamp(64px,7.6vw,124px);line-height:1;letter-spacing:-.06em}
.cta-invitation>p:first-child{max-width:470px;font-size:22px;line-height:1.55;color:var(--dark-text)}
.cta-layout{gap:96px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.footer{padding-top:56px;background:#0d0e10;border-top:1px solid var(--line)}
.footer-top{padding-bottom:52px}
.footer p,.footer a{color:#b5b7bd}
.footer .footer-signature{color:var(--ink)}
.footer a:hover{color:var(--ink)}
body[data-section=Rechtliches] .page-heading h1{font-size:clamp(56px,6.3vw,98px)}
body[data-section=Rechtliches] .page-intro p{max-width:650px}
body[data-section=Rechtliches] .prose{max-width:880px}
body[data-section=Rechtliches] .prose h2{font-size:30px;line-height:1.2}


@media(max-width:1200px){
 .hero-copy{gap:40px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.hero-copy h1{font-size:8.6vw}.hero-description{font-size:18px}.hero-copy .actions{gap:14px 22px}.hero-copy .button{padding-inline:18px}
 .service-hero-layout{gap:48px}.service-hero-copy>p{font-size:19px}.service-introduction .content-grid{gap:56px}.service-introduction p{font-size:19px}.section-faq>.wrap{gap:48px}.team-card{grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:20px 36px}.team-card .role{grid-column:2}.team-card p:not(.role),.team-card .languages{grid-column:2}
 .contact-sheet{gap:60px}.contact-editorial h1{font-size:8.3vw}.cta-layout{gap:56px}
}
@media(max-width:900px){
 .hero-copy{grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;margin-bottom:36px}.hero-copy h1{font-size:clamp(62px,10.5vw,96px)}.hero-introduction{max-width:620px}.hero-description{max-width:580px}.hero-copy .actions{margin-top:22px}.hero-film-image{aspect-ratio:1.8}.hero-film-caption h2{font-size:30px}.hero-film-caption>span{font-size:15px}
 .service-overview-item,.service-overview-item+.service-overview-item{grid-template-columns:minmax(0,1fr) minmax(0,.85fr) 32px;gap:24px}.service-overview h3{font-size:42px}.service-overview p{font-size:17px}.service-more .arrow{font-size:30px}
 .service-hero-layout,body[data-page=leistungen-musikvideoproduktion] .service-hero-layout{gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.service-hero h1{font-size:clamp(66px,10vw,100px)}body[data-page=leistungen-musikvideoproduktion] .service-hero h1{font-size:clamp(52px,7.5vw,72px)}.service-hero-copy>p{font-size:18px;margin-top:24px}.service-hero-copy .actions{margin-top:24px}
 .section-faq>.wrap{grid-template-columns:minmax(0,1fr);gap:32px}.section-faq .section-head h2{font-size:44px}.contact-sheet{grid-template-columns:minmax(0,1fr);gap:40px;max-width:760px}.contact-editorial h1{font-size:clamp(64px,10vw,88px)}.contact-letter{padding:28px 0 0}.contact-editorial{position:static}.contact-intro{font-size:19px;max-width:520px}
 body[data-page=projekte] .project-grid{gap:52px 32px}body[data-page=projekte] .project-card:nth-child(2n+3){padding-top:0}
}
@media(max-width:720px){
 .home-intro{padding-block:36px 56px}.section{padding-block:64px}.hero-copy h1{font-size:clamp(54px,11.7vw,82px)}.hero-subline{font-size:.63em}.hero-film-caption{gap:20px;align-items:start}.hero-film-caption>span{max-width:48%}
 .section-head h2,.home-studio-copy h2,.label-feature h2,.studio-copy h2,.team-heading{font-size:clamp(38px,7.4vw,54px)}
 .service-overview-item,.service-overview-item+.service-overview-item{grid-template-columns:minmax(0,1fr) 30px;gap:16px 24px;padding-block:28px}.service-overview h3{font-size:42px}.service-overview p{grid-column:1;grid-row:2;font-size:17px;max-width:520px}.service-more{grid-column:2;grid-row:1;align-self:center}.digital-note{padding-top:24px}
 .home-studio-layout{gap:36px}.home-studio-copy>p:not(.eyebrow){font-size:19px}.home-studio-motion{max-width:320px;width:75%}.label-feature-layout{grid-template-columns:minmax(0,1fr);gap:32px}.label-feature-image{width:85%;max-width:420px;justify-self:end}.label-feature p:not(.eyebrow){font-size:18px}
 .service-hero{padding-block:24px 44px}.service-hero-layout,body[data-page=leistungen-musikvideoproduktion] .service-hero-layout{grid-template-columns:minmax(0,1fr);gap:32px}.service-hero-copy{padding:0}.service-hero h1{font-size:clamp(64px,15vw,108px)}body[data-page=leistungen-musikvideoproduktion] .service-hero h1{font-size:clamp(54px,11.8vw,86px)}.service-hero-copy>p{max-width:600px}.service-hero-media{max-width:none}body[data-page=leistungen-filmproduktion] .service-hero-media{width:80%;max-width:360px;justify-self:end;aspect-ratio:3/4}body[data-page=leistungen-audioproduktion] .service-hero-media{width:90%;max-width:480px;justify-self:end;aspect-ratio:1.3}
 .service-introduction .content-grid{grid-template-columns:minmax(0,1fr);gap:28px}.service-introduction p{font-size:18px}.content-grid>h2,.content-grid>div:not(.prose)>h2{font-size:clamp(34px,6.8vw,48px)}
 .process,.service-process{grid-template-columns:minmax(0,1fr);gap:0}.process-item,.service-process .process-item{padding-block:26px}.process-item h3{font-size:27px}.section-faq .section-head h2{font-size:38px}.faq summary{font-size:19px}
 .team-card{display:block;padding-block:30px}.team-card h3{font-size:clamp(30px,6.4vw,42px)}.team-card .role{margin-top:14px;font-size:17px}.team-card p:not(.role):not(.languages){margin-top:18px;max-width:540px}.team-card .languages{margin-top:16px}
 .contact-editorial h1{font-size:clamp(58px,12vw,82px)}.contact-intro{font-size:18px}.contact-direct{margin-top:28px}.contact-letter>h2{font-size:32px}.cta-section,body[data-page=label] .cta-section{padding-block:64px}.cta-layout{grid-template-columns:minmax(0,1fr);gap:30px}.cta-copy h2{font-size:clamp(52px,10.4vw,76px)}.cta-invitation>p:first-child{font-size:19px}.footer{padding-top:40px}.footer-top{padding-bottom:36px}.facts{gap:24px;margin-block:28px 12px}.fact dd{font-size:17px}
}
@media(max-width:600px){
 :root{--pad:20px}.hero-copy h1{font-size:clamp(45px,11.8vw,68px)}.hero-subline{font-size:.66em;margin-top:12px}.hero-description{font-size:18px;line-height:1.55}.hero-copy .actions{gap:12px 22px}.hero-film-image{aspect-ratio:1.5}.hero-film-caption{padding-top:18px;gap:14px}.hero-film-caption h2{font-size:27px}.hero-film-caption>span{font-size:14px;max-width:45%}.hero-film-label{font-size:13px;bottom:31px}.hero-film-label>span{font-size:12px}
 body[data-page] .page-heading h1{font-size:clamp(44px,11.4vw,66px);line-height:1.05}body[data-page=label] .page-heading h1{font-size:clamp(66px,17vw,96px)}.page-hero{padding-block:28px 32px}.page-intro p{font-size:18px}.page-intro,body[data-page=label] .page-intro,body[data-page=projekte] .page-intro,body[data-page=leistungen] .page-intro{margin-top:24px}
 .service-overview h3{font-size:38px}.service-overview p{font-size:17px}.home-studio-copy>p:not(.eyebrow){font-size:18px}.studio-credits{padding-top:24px;margin-block:28px}.project-info h3{font-size:28px}.project-card.wide .project-info h3{font-size:32px}.project-info p{font-size:15px}.project-card.wide .project-media{aspect-ratio:1.6}.project-open{width:46px;height:46px}
 body[data-page=projekte] .page-hero+section,body[data-page^=projekte-] .page-hero+section{padding-top:28px}.service-hero .breadcrumbs{margin-bottom:22px}.service-hero-copy>p{font-size:18px}.service-hero-copy .actions{margin-top:26px}.service-introduction p{font-size:18px}.section-faq .section-head h2{font-size:36px}.faq summary{font-size:19px}.contact-workspace{padding-block:32px 60px}.contact-sheet{gap:36px}.contact-editorial h1{font-size:clamp(54px,12.5vw,72px)}.contact-letter{padding-top:26px}.contact-how{font-size:16px}.field input,.field select,.field textarea{padding:13px 12px}.field textarea{min-height:150px}.field-hint,.form-info{font-size:14px}.case-navigation{padding-block:52px}body[data-section=Rechtliches] .page-heading h1{font-size:clamp(39px,9.8vw,58px)}body[data-section=Rechtliches] .prose h2{font-size:27px}
}
@media(max-width:359px){:root{--pad:18px}.hero-copy h1{font-size:42px}.hero-copy .button{width:100%}.hero-copy .actions{align-items:stretch}.hero-film-caption h2{font-size:25px}.service-overview h3{font-size:35px}.contact-editorial h1{font-size:51px}}

/* FPMC: the film, the people and the release set the composition. */
:root{--paper:#090909;--ink:#f1f0eb;--accent:#f1f0eb;--muted:#adada9;--line:#30302e;--surface:#121212;--control:#171717;--button:#f1f0eb;--button-ink:#101010;--max:1760px;--pad:clamp(22px,5.2vw,88px)}
body{font-weight:450;letter-spacing:-.012em}
h1,h2,h3,h4,.title-emphasis,em{font-weight:800;letter-spacing:-.055em}
p{line-height:1.6}
.header{height:92px;background:#090909;border-bottom:1px solid #ffffff1a}
.header.has-scrolled{background:#090909f5;backdrop-filter:blur(14px)}
.wordmark{font-size:44px;font-weight:700;line-height:1}
.desktop-nav{gap:36px}
.desktop-nav>a{font-size:15px;font-weight:550}
.header .button{min-height:46px;padding:13px 20px}
.button:not(.outline){font-size:15px;font-weight:650;min-height:56px;padding:17px 22px;gap:32px}
.button:not(.outline):hover,.header .button:hover,.header-quick:hover{background:#cecec8;border-color:#cecec8}
.button.outline,.text-link{font-size:16px;font-weight:600}
.button.outline{border:1px solid #ffffff55;padding:16px 22px;min-height:56px}
.text-link{padding-block:12px;border-color:#ffffff50}
.button .arrow{font-size:24px}
.section{padding-block:clamp(72px,8vw,140px)}
.section-head{margin-bottom:48px;align-items:end}
.section-head h2,.home-studio-copy h2,.label-feature h2,.studio-copy h2,.content-grid h2{font-size:clamp(42px,5.5vw,88px);font-weight:800;line-height:1.01;letter-spacing:-.055em}
.section-head p:not(.eyebrow),.home-studio-copy>p:not(.eyebrow),.studio-copy p:not(.eyebrow),.label-feature p:not(.eyebrow){font-size:18px;color:#bdbdb7;line-height:1.65}
.section-head h2 .title-emphasis{color:inherit}
body :is(a,button,input,select,textarea,summary):focus-visible{outline-color:#f1f0eb}

/* The opening is a film frame, with the house's disciplines set into it. */
.home-stage{position:relative;isolation:isolate;background:#060606;overflow:clip;color:#f5f4ef}
.stage-image{position:absolute;inset:0;z-index:-2;background:#090909;overflow:hidden}
.stage-image img{width:100%;height:100%;object-fit:cover;object-position:54% 39%;transform:scale(1.53);filter:saturate(.78) contrast(1.05)}
.home-stage:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0005,transparent 68%),linear-gradient(0deg,#050505 0%,#050505c9 22%,#05050520 65%,#05050515 100%);pointer-events:none}
.stage-content{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:6vw;min-height:clamp(580px,calc(100svh - 172px),900px);padding-top:260px;padding-bottom:48px}
.stage-content h1{font-size:clamp(112px,14.2vw,238px);font-weight:850;line-height:.82;letter-spacing:-.065em;text-transform:uppercase;margin-left:-.045em}
.stage-introduction{max-width:420px;justify-self:end;padding-bottom:2px}
.stage-statement{font-size:26px;font-weight:750;letter-spacing:-.025em;margin-bottom:14px}
.stage-introduction>p:not(.stage-statement){font-size:18px;line-height:1.6;color:#d4d4ce}
.stage-introduction .actions{margin-top:26px;gap:12px 28px}
.stage-film{position:relative}
.stage-film>a{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #ffffff3a;min-height:80px;padding-block:20px}
.stage-film>a>span:first-child{font-size:24px;font-weight:650;letter-spacing:-.035em}
.stage-film>a>span:last-child{display:flex;align-items:center;gap:24px;font-size:15px}
.stage-film .arrow{transition:transform .4s var(--ease-film)}
.stage-film a:hover .arrow{transform:translate(4px,-4px)}
.home-services{border:0}
.home-services .section-head h2{font-size:clamp(36px,4vw,62px)}
.service-overview{border-top:1px solid #777771}
.service-overview-item,.service-overview-item+.service-overview-item{display:grid;grid-template-columns:1.1fr .9fr 44px;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding:38px 0}
.service-overview h3{font-size:clamp(46px,6.2vw,104px);font-weight:800;letter-spacing:-.055em;line-height:1;margin:0}
.service-overview p{font-size:17px;max-width:360px;margin:0;color:#adada9}
.service-more{margin:0;justify-self:end}
.service-more .arrow{font-size:38px}
.digital-note{border:0;padding-top:28px}
.home-studio{background:#090909;border-block:1px solid var(--line)}
.home-studio-layout{grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center}
.home-studio-motion{max-width:480px;width:100%;justify-self:start}
.studio-credits{gap:0 34px;margin-block:34px}
.studio-credits>span{padding-block:18px;border-top:1px solid var(--line);font-size:17px}
.studio-credits small{font-size:14px;color:var(--muted)}
.home-studio-copy .text-link{color:var(--ink)}
.home-studio :is(a,button):focus-visible{outline-color:var(--ink)}
.label-feature-layout{grid-template-columns:1fr .8fr;gap:9vw}
.label-feature-image{width:100%;max-width:560px;aspect-ratio:1;justify-self:end}
.label-feature p:not(.eyebrow){max-width:430px}

/* Openings share type and spacing; each subject gets its own media hierarchy. */
.page-hero{padding-block:58px 52px}
body[data-page] .page-heading h1{font-size:clamp(66px,9.5vw,164px);font-weight:800;line-height:.96;letter-spacing:-.06em;max-width:1400px}
.page-heading .title-line{line-height:1.02}
.page-intro,body[data-page] .page-intro{margin-top:32px;gap:32px 70px;align-items:end}
.page-intro p{max-width:620px;font-size:18px;line-height:1.6}
.page-intro .actions{max-width:44%}
.breadcrumbs{font-size:14px;margin-bottom:40px;line-height:1.5}
.filter-bar{gap:12px 32px;margin-bottom:42px;padding-block:14px;border-bottom:1px solid var(--line)}
.filter{color:#a7a7a1;font-size:16px;padding:12px 0}
.filter[aria-pressed=true]{color:var(--ink)}
.filter:after{height:1px}
.project-grid{gap:60px 36px}
body[data-page=projekte] .project-card:nth-child(2n+3){padding-top:0}
.project-card.wide .project-media{aspect-ratio:2.15}
.project-media{aspect-ratio:1.5}
.project-info{margin-top:20px;gap:24px}
.project-info h3,.project-card.wide .project-info h3{font-size:clamp(30px,3.5vw,52px);font-weight:750;letter-spacing:-.045em}
.project-info p{font-size:15px;line-height:1.6;margin-top:8px;color:var(--muted)}
.project-open{width:52px;height:52px;background:#f1f0eb;color:#111;border:0}
.project-card:hover .project-info h3{color:var(--ink);translate:0 0}
.project-card:hover .project-open{background:#d3d3cc;color:#111}
.web-case-image{border:1px solid #ffffff1c;box-shadow:none;margin:0;width:100%}
.facts{margin-block:32px 40px;gap:26px;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);padding-top:24px}
body[data-page=projekte-redstar-radi] .facts{grid-template-columns:repeat(4,minmax(0,1fr))}
.fact dt{font-size:14px;color:var(--muted);margin-bottom:9px}
.fact dd{font-size:18px;font-weight:550;line-height:1.5}
.project-feature-film{margin-bottom:50px}
.project-feature-film .video-container{width:100%}
.case-navigation{border-top:1px solid var(--line)}
.case-navigation .wrap{grid-template-columns:.8fr 1.2fr;gap:8vw}
.next-project{grid-template-columns:180px 1fr 30px;gap:28px}
.next-project h3{font-size:30px}

.service-hero{padding-block:42px 60px}
.service-hero-layout{grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}
.service-hero-copy h1{font-size:clamp(76px,10vw,174px);font-weight:800;line-height:.92;letter-spacing:-.065em;text-transform:uppercase}
.service-hero-copy .title-line{line-height:1}
.service-hero-copy .title-line+.title-line{font-size:.64em;line-height:1.05;margin-top:10px}
.service-hero-copy>p{font-size:18px;line-height:1.65;max-width:450px;margin-top:28px}
.service-hero-copy .actions{margin-top:30px}
.service-hero-media{width:100%;max-width:650px;justify-self:end}
body[data-page=leistungen-filmproduktion] .service-hero-media{aspect-ratio:.83;width:100%;max-width:520px}
body[data-page=leistungen-musikvideoproduktion] .service-hero-media{aspect-ratio:1.4}
body[data-page=leistungen-audioproduktion] .service-hero-media{aspect-ratio:1}
.service-hero-media img{height:100%;width:100%;object-fit:cover}
.service-introduction{border-block:1px solid var(--line)}
.service-introduction h2{font-size:clamp(40px,5vw,80px);line-height:1.04}
.service-introduction p{font-size:20px;line-height:1.65;max-width:600px}
.service-entry{padding-block:55px;grid-template-columns:1.05fr .8fr 36px;gap:50px}
.service-entry-copy h2{font-size:clamp(52px,7vw,112px);font-weight:800;letter-spacing:-.055em}
.service-entry-copy p{max-width:420px;font-size:18px}
.service-entry:nth-of-type(1) .service-entry-media{width:78%;aspect-ratio:.83}
.service-entry:nth-of-type(2) .service-entry-media{aspect-ratio:1.5}
.service-entry-media{aspect-ratio:1.25}
.service-formats{font-size:15px;margin-top:18px;color:var(--muted)}
.process,.service-process{gap:34px}
.process-item h3,.service-process h3{font-size:25px;font-weight:700}
.process-item p:not(.num),.service-process p:not(.num){font-size:17px;line-height:1.65}
.section-faq .section-head h2{font-size:clamp(36px,4vw,62px)}
.faq summary{font-size:21px;font-weight:600;padding-block:25px}
.faq details p{font-size:17px;line-height:1.65;color:var(--muted)}
.related-link h3{font-size:30px;font-weight:750}
.related-link p{font-size:16px}
.price-card{background:transparent;padding:30px 0;border:0;border-top:1px solid #777771}
.price-card+.price-card{border:0;border-top:1px solid #777771}
.price-card h3{font-size:30px;font-weight:750}
.price-card .price{font-size:clamp(40px,4vw,64px);font-weight:750;letter-spacing:-.05em}
.price-card ul{font-size:16px;line-height:1.7}
.price-grid{gap:36px}

/* Label: one release composition instead of a second generic hero. */
.label-masthead{padding-block:52px 0}
.label-opening{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}
.label-opening h1{font-size:clamp(76px,10vw,168px);font-weight:850;line-height:.91;letter-spacing:-.065em;text-transform:uppercase}
.label-opening h1 span{display:inline-block}
.label-opening>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:330px;padding-bottom:4px}
.release-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding-top:42px;border-top:1px solid var(--line)}
.release-artwork{position:relative;aspect-ratio:.98;background:#101010;overflow:clip}
.release-artwork img{width:100%;height:100%;object-fit:cover}
body[data-page=label] #release .release-copy h2{font-size:clamp(64px,8.1vw,138px);font-weight:800;line-height:.89;letter-spacing:-.06em}
.release-copy .arabic-title{font-family:Arial,Tahoma,sans-serif!important;font-size:clamp(24px,2.4vw,38px)!important;line-height:1.65;margin-top:25px;text-align:left;max-width:100%}
.release-name{font-size:18px;font-weight:550;margin-top:10px}
.release-copy>p:not(.arabic-title):not(.release-name){font-size:16px;line-height:1.65;color:var(--muted);margin-top:22px}
.release-copy .actions{margin-block:26px 12px;gap:10px 24px}
.release-copy>.text-link{font-size:15px;color:#bdbdb7}
.label-video .section-head h2{font-size:clamp(38px,4.5vw,70px)}

/* Studio: the people and actual set footage introduce the house. */
.studio-masthead{padding-block:60px 90px}
.studio-opening{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:center}
.studio-opening-copy h1{font-size:clamp(72px,9.5vw,160px);font-weight:800;line-height:.95;letter-spacing:-.06em}
.studio-opening-copy>p{font-size:19px;line-height:1.65;color:#bdbdb7;max-width:520px;margin-top:28px}
.studio-opening-copy>p+p{font-size:17px;margin-top:16px}
.studio-opening-copy>.text-link{margin-top:22px}
.studio-opening-film{width:100%;max-width:440px;justify-self:end}
.team-grid{display:block}
.team-card{display:grid;grid-template-columns:1.2fr 1fr 1fr;column-gap:50px;row-gap:12px;padding-block:36px;border-top:1px solid var(--line)}
.team-card h3{font-size:clamp(30px,3.4vw,52px);font-weight:750;line-height:1.08;grid-column:1;grid-row:1/3}
.team-card .role{font-size:18px;color:var(--ink);font-weight:600;grid-column:2;grid-row:1/3;margin:0}
.team-card p:not(.role):not(.languages){font-size:16px;grid-column:3;margin:0;color:#c1c1b9}
.team-card .languages{font-size:14px;grid-column:3;margin:0;color:var(--muted)}
.team-card:hover h3{color:var(--ink);translate:0 0}
body[data-page=studio] .process{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-page=studio] .process-item h3{font-size:23px}

/* Direct contact and a typographic sign-off. */
.contact-workspace{padding-block:60px 100px}
.contact-sheet{grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.contact-editorial h1{font-size:clamp(72px,9vw,148px);font-weight:800;line-height:.94;letter-spacing:-.06em}
.contact-intro{font-size:18px;line-height:1.65;max-width:410px}
.contact-direct{margin-top:46px}
.contact-address a:first-child{font-size:clamp(24px,2.8vw,42px);font-weight:650}
.contact-address a{font-size:17px}
.contact-letter{padding:28px 0 0;background:transparent;border:0;border-top:1px solid #777771}
.contact-letter>h2{font-size:34px;font-weight:750}
.contact-how{font-size:15px;line-height:1.7;color:var(--muted);max-width:540px}
.form-grid{gap:26px}
.field label{font-size:15px;font-weight:550}
.field input,.field select,.field textarea{background:#131313;border:1px solid #44443e;border-radius:0;padding:16px;font-size:16px}
.field:focus-within label{color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{background:#181818;border-color:#bdbdb5}
.cta-section,body[data-page=label] .cta-section{background:#111110;border-top:1px solid var(--line);padding-block:90px}
.cta-layout{grid-template-columns:1.1fr .9fr;gap:9vw;align-items:end}
.cta-copy h2{font-size:clamp(54px,7.5vw,124px);font-weight:800;line-height:.94;letter-spacing:-.055em}
.cta-invitation>p:first-child{font-size:18px;color:#bdbdb7;max-width:390px}
.cta-invitation .actions{margin-top:26px}
.footer{padding-block:60px 20px;background:#090909}
.footer-top{grid-template-columns:.9fr 1.3fr .8fr .7fr;gap:50px;padding-bottom:42px}
.footer-brand{display:block}
.footer .footer-brand p{font-size:23px!important;line-height:1.2!important;font-weight:650;color:var(--ink)}
.footer-top p,.footer-top a{font-size:15px;line-height:1.65}
.footer-bottom{font-size:13px;border-top:1px solid var(--line);padding-top:22px}
.footer a.footer-stamp{display:flex;width:100%;align-items:center;justify-content:space-between;gap:0;margin-top:46px;font-size:clamp(140px,28vw,480px)!important;line-height:.8;font-family:Grotesk,Arial,sans-serif;font-weight:700;letter-spacing:-.09em;padding-right:.055em}
.footer-stamp span{display:block}
.footer-stamp:hover{color:#cccac2}
body[data-section=Rechtliches] .page-heading h1{font-size:clamp(52px,6.5vw,104px);text-transform:none;line-height:1.06}
.prose p{font-size:18px;line-height:1.75}
.prose h2{font-size:32px;font-weight:750}
.links-list .button{font-size:clamp(24px,3vw,42px);padding-block:24px}

@media(max-width:1100px){
 .stage-content{grid-template-columns:1.1fr .9fr;gap:40px;min-height:650px}
 .stage-content h1{font-size:14.4vw}
 .stage-introduction .actions{display:grid;justify-items:start}
 .label-opening{display:block}
 .label-opening>p{margin-top:28px;max-width:none}
 .release-layout{gap:6vw}
 .release-copy .actions{display:grid;justify-items:start}
 .service-hero-layout{gap:5vw}
 .service-hero-copy h1{font-size:10vw}
 .team-card{column-gap:30px}
 .team-card h3{font-size:36px}
 .footer-top{gap:30px}
}
@media(max-width:900px){
 .contact-sheet{grid-template-columns:1fr;gap:55px}
 .contact-editorial h1{font-size:clamp(70px,12vw,110px)}
 .contact-direct{margin-top:30px}
 .contact-letter{max-width:none}
 .page-intro,body[data-page] .page-intro{display:block}
 .page-intro .actions{max-width:100%;margin-top:25px}
 .section-faq .section-head h2{font-size:44px}
 .team-card{grid-template-columns:1fr 1fr;gap:14px 32px}
 .team-card h3{grid-column:1;grid-row:1/4}
 .team-card .role{grid-column:2;grid-row:auto;font-size:17px}
 .team-card p:not(.role):not(.languages),.team-card .languages{grid-column:2}
 body[data-page=studio] .process{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cta-layout{gap:45px}
 .cta-copy h2{font-size:7vw}
 .footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
 .header{height:72px}
 .wordmark{font-size:34px}
 .header-quick{font-size:14px;padding:11px 14px}
 .menu-toggle{font-size:14px}
 .desktop-nav{gap:4px}
 .desktop-nav>a{font-size:23px;font-weight:650;padding-block:15px}
 .desktop-nav .button{margin-top:18px;font-size:16px}
 .stage-content{padding-top:270px;min-height:690px;gap:28px;align-items:end}
 .stage-content h1{font-size:14vw}
 .stage-introduction>p:not(.stage-statement){font-size:16px}
 .stage-statement{font-size:22px}
 .home-studio-layout{gap:45px}
 .home-studio-copy h2,.label-feature h2{font-size:5.8vw}
 .studio-opening{gap:45px}
 .studio-opening-copy h1{font-size:9vw}
 .studio-opening-copy>p{font-size:17px}
 .service-overview-item,.service-overview-item+.service-overview-item{grid-template-columns:1fr 1fr 30px;gap:24px}
 .service-overview h3{font-size:6.4vw}
 .service-overview p{font-size:16px}
 .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
 .service-entry{gap:28px;grid-template-columns:1fr .7fr 28px}
 .service-entry-copy h2{font-size:6.5vw}
 .service-entry-copy p{font-size:16px}
 .project-grid{gap:42px 26px}
}
@media(max-width:720px){
 .section{padding-block:66px}
 .stage-content{display:block;padding-top:250px;padding-bottom:32px;min-height:0}
 .stage-content h1{font-size:clamp(84px,21.7vw,156px);line-height:.83;margin-left:-.035em}
 .stage-introduction{margin-top:34px;max-width:520px;padding:0}
 .stage-statement{font-size:22px;margin-bottom:9px}
 .stage-introduction>p:not(.stage-statement){font-size:16px;max-width:370px}
 .stage-introduction .actions{display:flex;gap:12px 24px;margin-top:22px}
 .stage-image{height:490px;bottom:auto;mask-image:linear-gradient(#000 55%,transparent 100%)}
 .stage-image img{object-position:53% 30%}
 .stage-introduction{margin-left:0;justify-self:start;width:100%}
 .home-stage:before{background:linear-gradient(0deg,#070707 0%,#070707f5 26%,#07070744 70%,#07070700)}
 .stage-film>a{min-height:76px}
 .stage-film>a>span:first-child{font-size:22px}
 .stage-film>a>span:last-child{font-size:14px;gap:12px}
 .section-head{display:block;margin-bottom:32px}
 .section-head>p{margin-top:23px}
 .section-head h2,.home-services .section-head h2,.home-studio-copy h2,.label-feature h2,.studio-copy h2,.content-grid h2{font-size:clamp(36px,8.3vw,54px)}
 .service-overview-item,.service-overview-item+.service-overview-item{grid-template-columns:1fr 34px;gap:16px;padding-block:28px}
 .service-overview h3{font-size:clamp(42px,10vw,64px);grid-column:1;margin:0}
 .service-overview p{grid-column:1;grid-row:2;margin:0;font-size:16px;max-width:420px}
 .service-more{grid-column:2;grid-row:1/3;margin:0}
 .service-more .arrow{font-size:30px}
 .digital-note{display:block;font-size:15px}
 .digital-note .text-link{margin-top:12px}
 .home-studio-layout{display:flex;flex-direction:column;gap:38px}
 .home-studio-motion{width:78%;max-width:340px;align-self:start}
 .home-studio-copy>p:not(.eyebrow){font-size:17px}
 .studio-credits>span{font-size:16px}
 .label-feature-layout{display:flex;flex-direction:column;gap:35px;align-items:stretch}
 .label-feature-image{width:82%;max-width:430px;align-self:end}
 .label-feature p:not(.eyebrow){font-size:17px;margin-block:22px}
 .page-hero{padding-block:38px 40px}
 body[data-page] .page-heading h1{font-size:clamp(48px,11.8vw,84px);line-height:1;overflow-wrap:break-word}
 .page-intro p{font-size:17px}
 .breadcrumbs{margin-bottom:30px;font-size:13px}
 .filter-bar{gap:12px 24px;margin-bottom:30px}
 .filter{font-size:15px}
 .project-grid{grid-template-columns:1fr;gap:38px}
 .project-card.wide{grid-column:auto}
 .project-card.wide .project-media{aspect-ratio:1.55}
 .project-info h3,.project-card.wide .project-info h3{font-size:32px}
 .project-info p{font-size:14px}
 .facts,body[data-page=projekte-redstar-radi] .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:28px 34px}
 .fact dd{font-size:16px}
 .fact dt{font-size:14px}
 .case-navigation .wrap{grid-template-columns:1fr;gap:32px}
 .next-project{grid-template-columns:110px 1fr 24px;gap:20px}
 .next-project h3{font-size:25px}
 .service-hero{padding-block:32px 50px}
 .service-hero-layout{grid-template-columns:1fr;gap:38px}
 .service-hero-copy h1{font-size:clamp(68px,16vw,112px)}
 .service-hero-copy>p{font-size:17px;margin-top:24px}
 .service-hero-media,body[data-page=leistungen-filmproduktion] .service-hero-media{width:100%;max-width:none}
 body[data-page=leistungen-filmproduktion] .service-hero-media{aspect-ratio:1.1}
 .service-introduction .content-grid{grid-template-columns:1fr;gap:28px}
 .service-introduction p{font-size:18px}
 .service-entry{grid-template-columns:1fr 30px;gap:24px;padding-block:40px}
 .service-entry-copy{grid-column:1}
 .service-entry-copy h2{font-size:clamp(46px,10vw,68px)}
 .service-entry-media,.service-entry:nth-of-type(1) .service-entry-media,.service-entry:nth-of-type(2) .service-entry-media{grid-column:1/-1;grid-row:2;width:100%;aspect-ratio:1.55}
 .service-entry>.arrow{grid-column:2;grid-row:1;align-self:start;font-size:28px}
 .service-process{grid-template-columns:1fr}
 .price-grid{grid-template-columns:1fr;gap:22px}
 .price-card .price{font-size:56px}
 .related-grid{grid-template-columns:1fr;gap:16px}
 .related-link h3{font-size:28px}
 .label-masthead{padding-top:38px}
 .label-opening{margin-bottom:30px}
 .label-opening h1{font-size:clamp(54px,13vw,90px);line-height:.95}
 .label-opening>p{font-size:16px;margin-top:24px}
 .release-layout{grid-template-columns:1fr;gap:36px;padding-top:30px}
 .release-artwork{width:100%;aspect-ratio:1.05}
 body[data-page=label] #release .release-copy h2{font-size:clamp(64px,17vw,108px)}
 .release-copy .arabic-title{font-size:28px!important;text-align:left;margin-top:22px}
 .release-copy .actions{display:flex}
 .release-copy>p:not(.arabic-title):not(.release-name){font-size:16px}
 .studio-masthead{padding-block:38px 55px}
 .studio-opening{grid-template-columns:1fr;gap:40px}
 .studio-opening-copy h1{font-size:clamp(58px,13.2vw,92px)}
 .studio-opening-copy>p{font-size:17px;margin-top:25px}
 .studio-opening-film{width:78%;max-width:340px;justify-self:end}
 .team-card{grid-template-columns:1fr;gap:13px;padding-block:28px}
 .team-card h3{grid-column:1;grid-row:auto;font-size:36px}
 .team-card .role,.team-card p:not(.role):not(.languages),.team-card .languages{grid-column:1;grid-row:auto}
 .team-card .role{font-size:17px}
 .team-card p:not(.role):not(.languages){font-size:16px}
 .team-card .languages{font-size:14px}
 body[data-page=studio] .process{grid-template-columns:1fr}
 .contact-workspace{padding-block:38px 60px}
 .contact-editorial h1{font-size:clamp(60px,15vw,98px)}
 .contact-intro{font-size:17px}
 .contact-address a:first-child{font-size:30px}
 .contact-letter>h2{font-size:30px}
 .form-grid{grid-template-columns:1fr}
 .contact-sheet{gap:44px}
 .cta-section,body[data-page=label] .cta-section{padding-block:64px}
 .cta-layout{grid-template-columns:1fr;gap:30px}
 .cta-copy h2{font-size:clamp(50px,11vw,76px)}
 .cta-invitation>p:first-child{font-size:17px}
 .footer{padding-block:40px 14px}
 .footer-top{grid-template-columns:1fr 1fr;gap:32px 26px}
 .footer-brand{grid-column:1/-1}
 .footer .footer-brand p{font-size:24px!important}
 .footer-top>div:nth-child(2){grid-column:1/-1}
 .footer-top p,.footer-top a{font-size:15px}
 .footer-bottom{gap:20px;flex-direction:column;align-items:start}
 .footer-bottom div{gap:24px}
 .footer a.footer-stamp{font-size:26vw!important;margin-top:38px}
 body[data-section=Rechtliches] .page-heading h1{font-size:clamp(38px,9.8vw,64px)}
 .prose p{font-size:17px}
 .prose h2{font-size:28px}
}
@media(max-width:380px){
 .stage-content{padding-top:210px}
 .stage-content h1{font-size:21vw}
 .stage-introduction .actions{align-items:start;flex-direction:column;gap:8px}
 .stage-film>a{align-items:start;gap:8px;flex-direction:column}
 .stage-film>a>span:last-child{font-size:14px}
 .header-inner{gap:14px}
 .header-quick{font-size:13px;padding-inline:11px}
 .wordmark{font-size:30px}
 .menu-toggle{font-size:13px}
 body[data-page=label] #release .release-copy h2{font-size:17vw}
 .release-copy .arabic-title{font-size:25px!important}
}


/* Cinematic composition: original moving light, then the actual production. */
:root{--paper:#060708;--surface:#101214;--ink:#eeede8;--muted:#a9abae;--line:#2b2d30;--max:1680px;--pad:clamp(22px,5vw,84px)}
body{background:var(--paper)}
.header,.footer{background:#060708}
.header.has-scrolled{background:#060708f2}
.cinema-opening{position:relative;isolation:isolate;overflow:clip;background:#040506}
.cinema-atmosphere.motion-screen{position:absolute;inset:0;aspect-ratio:auto;z-index:0;background:#040506}
.cinema-atmosphere video{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.85}
.cinema-atmosphere:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#030405e6 0%,#03040555 58%,#03040544),linear-gradient(0deg,#060708 0%,#06070811 50%);pointer-events:none}
.cinema-atmosphere .motion-toggle{left:auto;right:var(--pad);bottom:22px;z-index:4;border:1px solid #ffffff3a;background:#070809c9;font-size:14px;padding:10px 16px;backdrop-filter:blur(10px)}
.cinema-opening-content{position:relative;z-index:2;min-height:clamp(650px,calc(100svh - 92px),960px);display:flex;flex-direction:column;justify-content:end;padding-top:100px;padding-bottom:90px;pointer-events:none}
.cinema-opening-content a{pointer-events:auto}
.cinema-opening h1{font-size:clamp(118px,15.8vw,254px);font-weight:850;line-height:.82;letter-spacing:-.065em;text-transform:uppercase;margin-left:-.055em}
.cinema-opening-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 8vw;align-items:end;margin-top:40px}
.cinema-statement{font-size:clamp(25px,2.6vw,40px);font-weight:650;letter-spacing:-.035em;line-height:1.2}
.cinema-opening-copy>p:not(.cinema-statement){grid-column:1;font-size:18px;color:#bdbfc1;line-height:1.6;margin-top:14px}
.cinema-opening-copy .actions{grid-column:2;grid-row:1/3;justify-content:end;gap:20px 32px;align-self:end}
.film-premiere{padding-top:110px;background:#060708}
.premiere-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px;margin-bottom:44px}
.premiere-heading h2{font-size:clamp(54px,7vw,110px);line-height:.98;font-weight:750;letter-spacing:-.055em}
.premiere-heading>div{justify-self:end;max-width:450px}
.premiere-heading p{font-size:18px;line-height:1.55;color:var(--muted);margin-bottom:9px}
.premiere-release{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-block:24px 30px;margin-top:20px}
.premiere-release>p{font-size:22px;font-weight:550;letter-spacing:-.025em}
.premiere-release>div{display:flex;gap:36px;flex-wrap:wrap}
.production-focus{background:#0b0d0f;border-block:1px solid #ffffff0e}
.production-focus .section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}
.production-focus .section-head>p{max-width:410px;justify-self:end}
.production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:60px}
.production-card{display:block;min-width:0}
.production-image{position:relative;aspect-ratio:1.35;overflow:hidden;background:#08090a}
.production-image img{width:100%;height:100%;object-fit:cover;transition:transform .85s var(--ease-film),opacity .42s}
.production-image-filmproduktion img{object-position:center 43%}
.production-image-musikvideoproduktion img{transform:scale(1.53)}
.production-image-audioproduktion img{object-position:75%}
.production-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}
.production-title h3{font-size:clamp(32px,3.5vw,56px);font-weight:750;line-height:1.1;letter-spacing:-.045em}
.production-title .arrow{font-size:28px;transition:translate .35s}
.production-card>p{font-size:17px;line-height:1.65;color:var(--muted);margin-top:18px;max-width:360px}
.production-card:hover img{scale:1.025}
.production-card:hover .arrow{translate:4px -4px}
.production-focus .digital-note{border-top:1px solid var(--line);margin-top:55px;padding-top:28px}
.home-studio{background:#060708}
@media(max-width:1000px){
 .cinema-opening-content{min-height:700px}
 .cinema-opening-copy{gap:0 4vw}
 .cinema-opening-copy .actions{display:grid;justify-items:start;justify-content:end;gap:10px}
 .production-grid{gap:24px}
 .production-title h3{font-size:3.8vw}
 .production-title{gap:10px}
 .production-card>p{font-size:16px}
}
@media(max-width:720px){
 .cinema-opening-content{min-height:700px;padding-top:180px;padding-bottom:88px}
 .cinema-opening h1{font-size:clamp(84px,22.5vw,156px);line-height:.85}
 .cinema-atmosphere video{object-position:65% 50%}
 .cinema-atmosphere:before{background:linear-gradient(90deg,#04050688,transparent),linear-gradient(0deg,#060708 0%,#06070899 45%,#06070811)}
 .cinema-atmosphere .motion-toggle{bottom:18px;right:var(--pad);font-size:14px}
 .cinema-opening-copy{display:block;margin-top:30px}
 .cinema-statement{font-size:25px}
 .cinema-opening-copy>p:not(.cinema-statement){font-size:16px;margin-top:13px}
 .cinema-opening-copy .actions{display:flex;justify-content:start;gap:14px 24px;margin-top:25px}
 .film-premiere{padding-top:64px}
 .premiere-heading{display:block;margin-bottom:28px}
 .premiere-heading h2{font-size:clamp(44px,10vw,66px)}
 .premiere-heading>div{margin-top:24px}
 .premiere-heading p{font-size:16px}
 .premiere-release{display:block;margin-top:12px;padding-top:18px}
 .premiere-release>p{font-size:20px}
 .premiere-release>div{gap:8px 24px;margin-top:18px}
 .production-focus .section-head{display:block}
 .production-focus .section-head>p{margin-top:24px;font-size:17px}
 .production-grid{grid-template-columns:1fr;gap:46px;margin-top:38px}
 .production-image{aspect-ratio:1.75}
 .production-title{margin-top:22px}
 .production-title h3{font-size:42px}
 .production-card>p{margin-top:12px;font-size:17px;max-width:450px}
 .production-focus .digital-note{margin-top:38px;font-size:16px}
}
@media(max-width:380px){
 .cinema-opening-content{min-height:730px;padding-top:160px}
 .cinema-opening-copy .actions{flex-direction:column;align-items:start;gap:8px}
}


/* Production pages use a screen, not a generic text-and-card opening. */
.screen-hero{padding-top:30px;background:#060708}
.screen-hero .breadcrumbs{margin-bottom:24px}
.screen-hero-frame{position:relative;isolation:isolate;overflow:clip;background:#07090b;border-block:1px solid #ffffff0c}
.screen-hero-image{position:absolute;inset:0;z-index:0;background:#07090b;overflow:hidden}
.screen-hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center}
.screen-hero-image-musikvideoproduktion>img{transform:scale(1.53);object-position:60% 50%}
.screen-hero-image-audioproduktion>img{object-position:center}
.screen-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050608ed,#05060899 38%,#05060811 80%),linear-gradient(0deg,#05060899,transparent 65%);pointer-events:none}
.screen-hero-content{position:relative;z-index:1;min-height:clamp(590px,47vw,760px);display:flex;align-items:end;padding-block:80px}
.screen-hero-content>div{max-width:720px}
.screen-hero h1{font-size:clamp(90px,10.5vw,168px);font-weight:800;line-height:.91;letter-spacing:-.06em;text-transform:uppercase}
.screen-hero h1 .title-line{display:block}
.screen-hero-musikvideoproduktion h1 .title-line+ .title-line{font-size:.6em;line-height:1.05;margin-top:12px}
.screen-hero-content p{font-size:18px;line-height:1.65;max-width:460px;margin-top:30px;color:#c4c6c7}
.screen-hero-content .actions{margin-top:30px}
.screen-hero-bts{position:absolute;z-index:2;right:var(--pad);top:28px;width:32%;max-width:350px;margin:0}
.screen-hero-bts .motion-screen{aspect-ratio:9/16}
.screen-hero-bts figcaption{font-size:14px;color:#aeb0b2}
.screen-hero-filmproduktion .screen-hero-content{min-height:710px;align-items:center}
.screen-hero-filmproduktion .screen-hero-content>div{max-width:52%}
.screen-hero-filmproduktion .screen-hero-frame{background:radial-gradient(ellipse at 72% 45%,#20252a 0%,#0b0d0f 34%,#060708 70%)}
.service-introduction{background:#0b0d0f;border-block:0}
.service-introduction h2{font-weight:700;font-size:clamp(38px,4.5vw,72px)}
.service-introduction p{font-size:19px;color:#b8babe}
.service-process{border-top:1px solid var(--line);padding-top:32px}
.process-item h3{font-weight:650}
.section-faq{border-top:1px solid var(--line)}
.section-faq .section-head h2{font-weight:650;font-size:clamp(36px,3.5vw,58px)}
.related-link{border-top:1px solid var(--line)}
.audio-production-release{display:grid;grid-template-columns:.7fr 1fr;gap:8vw;align-items:center}
.audio-release-image{position:relative;overflow:clip;aspect-ratio:1}
.audio-release-image img{width:100%;height:100%;object-fit:cover}
.audio-production-release h3{font-size:clamp(32px,4vw,64px);font-weight:700;letter-spacing:-.045em;line-height:1.08}
.audio-production-release p{font-size:18px;line-height:1.7;color:var(--muted);margin-top:26px;max-width:450px}
.audio-production-release .actions{margin-top:30px;gap:16px 32px}

/* Releases and film cards read as a single cinematic composition. */
.label-masthead{background:#060708;padding-bottom:0}
.label-opening{margin-bottom:44px}
.label-opening h1{font-size:clamp(70px,8vw,138px);font-weight:750}
.release-layout{position:relative;isolation:isolate;display:block;min-height:650px;padding:70px 55px;border:1px solid #ffffff12;background:#10141a;overflow:clip}
.release-artwork{position:absolute;z-index:0;inset:0 0 0 auto;width:65%;height:100%;aspect-ratio:auto;overflow:clip}
.release-artwork img{width:100%;height:100%;object-fit:cover;object-position:right center}
.release-artwork:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10141a 0%,#10141a33 44%,transparent 80%);pointer-events:none}
.release-copy{position:relative;z-index:1;max-width:55%}
body[data-page=label] #release .release-copy h2{font-size:clamp(74px,8vw,130px);font-weight:800;line-height:.92}
.release-copy .arabic-title{margin-top:26px;font-size:32px!important}
.release-copy .actions{margin-top:30px;display:flex}
.release-name{max-width:400px}
.project-card.wide{position:relative;overflow:clip;background:#090b0d}
.project-card.wide .project-media{aspect-ratio:2.2}
.project-card.wide .project-media>img{transform:translate3d(0,var(--frame-offset,0px),0) scale(1.53)}
.project-card.wide .project-media:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#03040588 65%,#030405e6);pointer-events:none}
.project-card.wide .project-info{position:absolute;bottom:32px;left:36px;right:90px;margin:0;z-index:2}
.project-card.wide .project-info h3{font-size:clamp(38px,4.5vw,72px);line-height:1.1}
.project-card.wide .project-info p{color:#d3d4d4;font-size:16px;margin-top:10px}
.project-card.wide .project-open{z-index:3;right:30px;bottom:34px}
.project-info h3{font-weight:650}
.web-case-image{background:#101214;padding:clamp(8px,1.5vw,24px);border:1px solid #ffffff15}
body[data-page=projekte] .page-hero{padding-bottom:25px}
body[data-page=projekte] .page-heading h1{font-size:clamp(80px,10vw,156px)}
.studio-masthead{background:#060708}
.studio-opening-copy h1{font-weight:750}
.home-studio-layout{grid-template-columns:.8fr 1.2fr;gap:10vw}
.home-studio-motion{max-width:380px;justify-self:center}
.home-studio-copy h2{font-size:clamp(50px,6.2vw,98px);line-height:.98}
.team-card{border-color:#2b2d30}
.team-card h3{font-weight:650}
.cta-section,body[data-page=label] .cta-section{background:#101316;border-block:1px solid #ffffff12}
.cta-copy h2{font-weight:750}
.footer a.footer-stamp{color:#d9dcde;font-weight:600}
.contact-editorial h1{font-weight:750}
.contact-letter{border-color:#72767b}
.field input,.field select,.field textarea{background:#0f1113;border-color:#3c4045}
.field input:focus,.field select:focus,.field textarea:focus{background:#14181b;border-color:#b9c0c6}
@media(max-width:1000px){
 .screen-hero-content{min-height:580px;padding-block:60px}
 .screen-hero h1{font-size:11vw}
 .screen-hero-filmproduktion .screen-hero-content{min-height:620px}
 .screen-hero-bts{width:32%;top:45px}
 .release-layout{padding:50px 36px;min-height:600px}
 .release-copy{max-width:60%}
 .release-copy .actions{display:grid;justify-items:start}
 .release-artwork{width:75%}
 .release-artwork:after{background:linear-gradient(90deg,#10141a 0%,#10141a66 48%,transparent 95%)}
 .audio-production-release{gap:5vw}
}
@media(max-width:720px){
 .screen-hero{padding-top:20px}
 .screen-hero .breadcrumbs{margin-bottom:18px}
 .screen-hero-content{min-height:620px;padding-top:210px;padding-bottom:45px}
 .screen-hero-content>div{width:100%}
 .screen-hero h1{font-size:clamp(72px,18vw,118px)}
 .screen-hero-content p{font-size:17px;margin-top:25px;max-width:420px}
 .screen-hero-content .actions{margin-top:26px}
 .screen-hero-image:after{background:linear-gradient(0deg,#060708 0%,#060708ee 27%,#06070855 64%,#06070811)}
 .screen-hero-image-musikvideoproduktion>img{object-position:57% center}
 .screen-hero-image-audioproduktion>img{object-position:75% center}
 .screen-hero-filmproduktion .screen-hero-frame{display:flex;flex-direction:column;background:#080a0c}
 .screen-hero-filmproduktion .screen-hero-content{min-height:0;padding-block:40px 44px;order:0;width:100%}
 .screen-hero-filmproduktion .screen-hero-content>div{max-width:100%}
 .screen-hero-bts{position:relative;top:auto;right:auto;order:1;width:74%;max-width:350px;margin:0 var(--pad) 38px auto}
 .service-introduction p{font-size:18px}
 .service-process{padding-top:24px}
 .audio-production-release{grid-template-columns:1fr;gap:30px}
 .audio-release-image{width:82%;max-width:400px;justify-self:end}
 .audio-production-release h3{font-size:38px}
 .audio-production-release p{font-size:17px;margin-top:22px}
 .label-opening h1{font-size:clamp(54px,13vw,90px)}
 .label-opening{margin-bottom:28px}
 .release-layout{display:flex;flex-direction:column;min-height:0;padding:0;border:0;background:transparent;overflow:visible}
 .release-artwork{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.1}
 .release-artwork:after{display:none}
 .release-copy{max-width:none;width:100%;margin-top:0}
 body[data-page=label] #release .release-copy h2{font-size:clamp(64px,17vw,108px)}
 .release-copy .arabic-title{font-size:28px!important}
 .release-copy .actions{display:flex}
 .project-card.wide .project-media{aspect-ratio:1.2}
 .project-card.wide .project-info{left:22px;right:60px;bottom:24px}
 .project-card.wide .project-info h3{font-size:36px}
 .project-card.wide .project-info p{font-size:14px;line-height:1.6}
 .project-card.wide .project-open{right:18px;bottom:24px;width:40px;height:40px}
 body[data-page=projekte] .page-heading h1{font-size:clamp(60px,14vw,88px)}
 .home-studio-layout{gap:36px}
 .home-studio-motion{max-width:320px}
 .home-studio-copy h2{font-size:clamp(44px,11vw,68px)}
}

/* FPMC interaction cadence: quick response, quiet settling, stable frames. */
:root{--ease-film:cubic-bezier(.22,.75,.2,1)}
html{scroll-behavior:auto;scrollbar-gutter:stable;scroll-padding-top:calc(var(--header-size,90px) + 24px)}
/* Stop boundary bounce and scroll chaining on the page and nested scrollers. */
html,body{overscroll-behavior:none}
html{background:var(--paper)}
.desktop-nav,.draft pre,.field textarea{overscroll-behavior:none}
.anchor-link{scroll-margin-top:0}
::view-transition-old(root){animation:180ms ease-out both page-out}
::view-transition-new(root){animation:240ms var(--ease-film) both page-in}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0}}
.header{view-transition-name:fpmc-header}
::view-transition-group(fpmc-header){animation-duration:0s}
::view-transition-old(fpmc-header){display:none}
::view-transition-new(fpmc-header){animation-duration:0s}

/* The navigation indicator only appears when a real navigation takes time. */
.header:before{content:'';position:absolute;z-index:2;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);opacity:0;pointer-events:none;transform-origin:left}
html[data-navigation=loading] .header:before{opacity:1;animation:navigation-wait 1.1s ease-in-out infinite}
@keyframes navigation-wait{0%{transform:translateX(-100%) scaleX(.22)}60%{transform:translateX(25%) scaleX(.55)}100%{transform:translateX(100%) scaleX(.22)}}
html[data-navigation=loading] .header{overflow:clip}

/* Image frames keep their dimensions while pixels arrive. */
img[data-load-state]{transition:opacity .42s var(--ease-film)}
img[data-load-state=pending]{opacity:0}
img[data-load-state=ready]{opacity:1}
.hero-film-image,.project-media,.service-entry-media,.label-feature-image,.service-hero-media,.next-project-image,.label-portrait{position:relative;overflow:clip;background:#111315}
[data-media-state=loading]:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,#ffffff06 48%,transparent 76%);animation:media-wait 1.8s ease-in-out infinite}
@keyframes media-wait{from{translate:-100% 0}to{translate:100% 0}}
.media-fallback{position:absolute;inset:0;display:grid;place-content:center;padding:24px;text-align:center;font-size:14px;color:#bfc1c5}
[data-media-state=error]>img{opacity:0}
.service-hero-media>img,.label-feature-image>img,.next-project-image>img{transform:translate3d(0,var(--frame-offset,0px),0) scale(1.065);transition:opacity .42s var(--ease-film),scale .7s var(--ease-film)}
.label-feature-image:hover>img,.next-project:hover .next-project-image>img{transform:translate3d(0,var(--frame-offset,0px),0) scale(1.065);scale:1.025}

.video-container{position:relative;aspect-ratio:16/9;overflow:clip;isolation:isolate}
.video-container .video-facade{z-index:2;transition:opacity .22s var(--ease-film)}
.video-container .video-embed{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .24s var(--ease-film)}
.video-container[data-player-state=ready] .video-embed{opacity:1}
.video-facade[aria-disabled=true]{cursor:progress}
.video-container[data-player-state=loading] .play-circle{animation:player-breathe 1.2s ease-in-out infinite}
@keyframes player-breathe{50%{box-shadow:0 0 0 9px #ffffff0a;opacity:.6}}
.player-status{position:absolute;left:24px;right:24px;bottom:14px;z-index:3;color:#eeeee9;background:#08090aea;padding:10px 14px;font-size:14px;line-height:1.45;text-align:center;pointer-events:none}
.player-status:empty,.video-container[data-player-state=loading] .player-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.motion-toggle{transition:background .2s,color .2s,border-color .2s,translate .2s var(--ease-film);min-height:44px}
.motion-screen[data-playback=loading]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform-origin:left;animation:navigation-wait 1.2s ease-in-out infinite;pointer-events:none}
.motion-screen[data-playback=error] .motion-toggle{border-color:#bfc1c5;background:#08090ae8}

.button,.header-quick,.menu-toggle,.filter,.motion-toggle,.video-facade,.quiet-link,.desktop-nav>a{touch-action:manipulation;-webkit-tap-highlight-color:#ffffff18}
.button,.header-quick,.menu-toggle,.filter{transition:background .2s,color .2s,border-color .2s,translate .2s var(--ease-film),box-shadow .2s}
.button:active,.header-quick:active,.menu-toggle:active,.filter:active,.motion-toggle:active{translate:0 1px}
.button:active,.header-quick:active{filter:brightness(.86)}
.project-card:active .project-media>img,.hero-film:active .hero-film-photo{scale:1.02}
.service-overview-item:active,.service-row:active,.related-link:active{background:#ffffff05}
.desktop-nav>a:active,.text-link:active,.quiet-link:active{opacity:.7}
.faq summary{transition:color .2s}
.faq summary:hover{padding-left:0}
.faq summary:after{transition:transform .3s var(--ease-film)}
.faq details[open]>p{animation:240ms var(--ease-film) both copy-in}
.faq-moving{overflow:clip}
.draft:not([hidden]){animation:300ms var(--ease-film) both draft-in}
@keyframes draft-in{from{opacity:.2}to{opacity:1}}
.field input,.field select,.field textarea{transition:border-color .18s,background-color .18s,box-shadow .18s}
:where(section,div)[tabindex="-1"]:focus{outline:none}
@media(max-width:600px){
 .player-status{left:12px;right:12px;bottom:8px;padding:8px;font-size:13px}
 .video-container[data-player-state=error] .video-play{translate:0 -16px}
}
/* A small cached tile adds fine film grain without a full-screen SVG filter. */
body::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:100;
  pointer-events:none;
  user-select:none;
  background:url("/assets/grain.svg") repeat;
  background-size:256px 256px;
  opacity:.09;
}
@media(max-width:600px) {
  body::after { opacity:.075; }
}
@media print {
  body::after { display:none; }
}

/* Final responsive composition: content, safe areas and input size determine the layout. */
:root{--pad:clamp(1.125rem,4.5vw,5.25rem);--header-height:92px;--header-size:92px}
.header{height:auto;min-height:0;padding-top:env(safe-area-inset-top)}
.header-inner{height:auto;min-height:var(--header-height);padding-block:12px;flex-wrap:wrap}
.wrap{padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right))}
:is(.cinema-opening-copy,.production-grid,.production-title,.premiere-heading,.studio-opening,.release-layout,.audio-production-release,.screen-hero-content)>*{min-width:0}
.production-title h3{min-width:0;overflow-wrap:anywhere}
.production-card>p,.screen-hero-content p{overflow-wrap:anywhere;hyphens:auto}
:is(.team-card,.studio-credits,.service-process,.process) p{overflow-wrap:break-word;hyphens:auto}
.next-project-image{grid-column:auto;grid-row:auto}
.next-project{grid-template-columns:minmax(80px,180px) minmax(0,1fr) 28px}
.contact-editorial{position:static}
.field input,.field select,.field textarea{font-size:1rem;min-height:52px}
.field textarea{resize:vertical}
.field label,.contact-letter .field label{font-size:1rem}
.field-hint,.form-info,.contact-how{font-size:.9375rem}
.form-extra summary{font-size:1rem;flex-wrap:wrap;gap:8px 16px}
.form-extra summary>span{margin-left:auto}
.prose{overflow-wrap:break-word}
.prose p{font-size:1.125rem}

/* Film credits remain in flow even when a reader enlarges the text. */
.project-card.wide{display:grid;grid-template-columns:minmax(0,1fr)}
.project-card.wide .project-media{grid-area:1/1;aspect-ratio:auto;min-height:clamp(300px,38vw,700px)}
.project-card.wide .project-media>img{position:absolute;inset:0;height:100%;object-fit:cover}
.project-card.wide .project-info{position:relative;grid-area:1/1;align-self:end;inset:auto;padding:40px 100px 34px 36px;pointer-events:none}
.project-card.wide .project-open{width:48px;height:48px}

/* The portrait stays aligned to the content column on wide monitors. */
.screen-hero-filmproduktion .screen-hero-frame{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr);gap:8vw;align-items:center;padding-left:max(var(--pad),calc((100% - var(--max))/2 + var(--pad)),env(safe-area-inset-left));padding-right:max(var(--pad),calc((100% - var(--max))/2 + var(--pad)),env(safe-area-inset-right))}
.screen-hero-filmproduktion .screen-hero-content{grid-column:1;grid-row:1;min-height:0;width:100%;padding:72px 0;max-width:none}
.screen-hero-filmproduktion .screen-hero-content>div{max-width:100%}
.screen-hero-bts{position:relative;grid-column:2;grid-row:1;inset:auto;width:100%;max-width:350px;justify-self:end;margin:42px 0}
.screen-hero-bts figcaption{font-size:.875rem}
.cinema-opening-content{min-height:clamp(600px,calc(100svh - var(--header-size)),960px)}
.cinema-atmosphere .motion-toggle{right:max(var(--pad),env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));font-size:.875rem}
.motion-study figcaption{font-size:.875rem;overflow-wrap:break-word}

/* Keep tablet layouts generous instead of squeezing three miniature cards. */
@media(min-width:721px) and (max-width:1100px){
 .production-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .production-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 36px;align-items:start;padding-bottom:32px;border-bottom:1px solid var(--line)}
 .production-card:last-child{padding-bottom:0;border-bottom:0}
 .production-image{grid-column:1;grid-row:1/3;aspect-ratio:1.6}
 .production-title{grid-column:2;margin-top:6px}
 .production-title h3{font-size:clamp(2rem,4vw,2.75rem)}
 .production-card>p{grid-column:2;font-size:1.0625rem;margin:0;align-self:start}
 .production-focus .section-head{grid-template-columns:1fr;gap:24px}
 .production-focus .section-head>p{justify-self:start;max-width:560px;margin:0}
 .home-studio-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}
 .home-studio-copy h2{font-size:clamp(2.75rem,5.6vw,4.25rem)}
 .studio-credits{grid-template-columns:minmax(0,1fr);gap:0}
 .studio-credits>span{padding-block:12px}
 .cta-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
 .cta-copy h2{font-size:clamp(2.75rem,6vw,4.25rem)}
 .team-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 36px}
 .team-card h3{grid-column:1;grid-row:1/4}
 .team-card .role,.team-card p:not(.role):not(.languages),.team-card>p.languages{grid-column:2;grid-row:auto}
}
@media(max-width:1024px){
 :root{--header-height:72px;--header-size:72px}
 .header-inner{gap:10px 18px;display:flex;flex-wrap:wrap;padding-block:10px}
 .brand{margin:0;min-width:min-content;flex:1 1 auto}
 .wordmark{font-size:2rem}
 .header-quick{display:inline-flex;align-items:center;gap:10px;min-height:44px;max-width:100%;padding:10px 14px;background:var(--ink);color:#101010;font-size:.875rem;line-height:1.3;border-radius:0}
 .header-quick .arrow{font-size:20px}
 .menu-toggle{display:block;min-height:44px;min-width:64px;padding:8px 0;font-size:.875rem;line-height:1.3;text-align:right;margin:0;border:0}
 .desktop-nav{display:none;position:absolute;inset:100% 0 auto;background:#080a0c;align-items:stretch;flex-direction:column;gap:0;max-height:calc(100vh - var(--header-size));max-height:calc(100dvh - var(--header-size));overflow-y:auto;padding:16px max(var(--pad),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(var(--pad),env(safe-area-inset-left));border-bottom:1px solid var(--line);overscroll-behavior:none}
 .desktop-nav.is-open{display:flex}
 .desktop-nav>a{display:flex;flex-shrink:0;min-height:54px;line-height:1.35;font-size:1.375rem;padding-block:14px}
 .desktop-nav>a:not(.button){border-bottom:1px solid var(--line)}
 .header .desktop-nav .button{width:100%;max-width:420px;min-height:52px;padding:15px 20px;font-size:1rem;margin:20px 0 0}
 html.menu-is-open{overflow:hidden}
 .no-js .header-inner{display:flex}
 .no-js .menu-toggle{display:none}
 .no-js .desktop-nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;inset:auto;max-height:none;width:100%;padding:8px 0;overflow:visible;border:0;gap:8px 24px}
 .no-js .desktop-nav>a{font-size:1rem;min-height:44px;padding-block:8px}
 .no-js .header .desktop-nav .button{margin:0;width:auto}
 .contact-sheet{grid-template-columns:minmax(0,1fr);max-width:820px;gap:48px}
 .contact-letter{padding:28px 0 0;max-width:none}
 .contact-editorial h1{font-size:clamp(3.75rem,10vw,6.25rem)}
 .case-navigation .wrap{grid-template-columns:minmax(0,1fr);gap:32px}
 .next-project{max-width:760px;grid-template-columns:minmax(90px,180px) minmax(0,1fr) 28px}
}
@media(min-width:601px) and (max-width:1024px){
 .contact-editorial{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 36px;align-items:start}
 .contact-editorial h1,.contact-intro{grid-column:1;margin:0}
 .contact-direct{grid-column:2;grid-row:1/3;align-self:end;margin:0}
 .contact-address a:first-child{font-size:clamp(1.5rem,3vw,2rem)}
 .contact-address a{font-size:1rem}
 .contact-letter .form-extra .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-letter .form-extra .field.full{grid-column:1/-1}
}
@media(max-width:720px){
 .section{padding-block:clamp(52px,10vw,72px)}
 .page-hero,.studio-masthead,.contact-workspace{padding-top:32px}
 .cinema-opening-content{min-height:min(780px,calc(100svh - var(--header-size)));padding-top:clamp(64px,15svh,140px);padding-bottom:94px;justify-content:center}
 .cinema-opening h1{font-size:clamp(4.5rem,22.2vw,10rem)}
 .cinema-opening-copy{margin-top:28px}
 .cinema-opening-copy>p:not(.cinema-statement){font-size:1rem}
 .cinema-opening-copy .actions{margin-top:24px}
 .production-title h3{font-size:clamp(2.25rem,8vw,3rem)}
 .production-card>p{font-size:1.0625rem}
 .screen-hero-content{min-height:clamp(500px,calc(100svh - var(--header-size)),700px);padding-top:180px;padding-bottom:40px}
 .screen-hero h1{font-size:clamp(4rem,18vw,7.375rem)}
 .screen-hero-content p{font-size:1.0625rem}
 .screen-hero-filmproduktion .screen-hero-frame{grid-template-columns:minmax(0,1fr);gap:0;display:grid}
 .screen-hero-filmproduktion .screen-hero-content{grid-row:1;padding:40px 0}
 .screen-hero-bts{grid-column:1;grid-row:2;width:78%;max-width:320px;margin:0 0 36px;justify-self:end}
 .project-card.wide{background:transparent;overflow:visible;display:block}
 .project-card.wide .project-media{aspect-ratio:1.5;min-height:0;overflow:clip}
 .project-card.wide .project-info{position:static;padding:20px 0 0;pointer-events:auto}
 .project-card.wide .project-info h3{font-size:clamp(2rem,7vw,2.75rem)}
 .project-card.wide .project-info p{font-size:1rem;color:var(--muted);margin-top:8px}
 .project-card.wide .project-media:after{display:none}
 .project-card.wide .project-open{right:14px;bottom:14px;background:var(--ink);color:#101010}
 .team-card{grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
 .team-card h3,.team-card .role,.team-card p:not(.role):not(.languages),.team-card>p.languages{grid-column:1;grid-row:auto;max-width:100%;margin:0}
 .team-card h3{font-size:clamp(2rem,7vw,2.75rem);margin-bottom:4px}
 .team-card .role,.team-card p:not(.role):not(.languages){font-size:1.0625rem}
 .team-card>p.languages{font-size:.9375rem}
 .next-project{grid-template-columns:clamp(76px,22vw,140px) minmax(0,1fr) 24px;gap:18px}
 .next-project h3{font-size:clamp(1.375rem,4vw,1.75rem)}
 .next-project-image{grid-column:1;grid-row:1}
 .next-project>div:not(.next-project-image){grid-column:2;grid-row:1}
 .next-project>.arrow{grid-column:3;grid-row:1}
 .release-copy .arabic-title{font-size:clamp(1.5rem,5.8vw,2rem)!important;line-height:1.7}
 .release-artwork{aspect-ratio:1.12;max-height:560px}
 .studio-opening-film,.home-studio-motion{width:82%;max-width:320px}
 .home-studio-copy h2{font-size:clamp(2.625rem,10vw,4.25rem)}
 .studio-credits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
 .studio-credits>span{font-size:1rem}
 .studio-credits small{font-size:.875rem}
 .footer-top{gap:28px 24px}
 .footer a.footer-stamp{font-size:25vw!important}
 body[data-section=Rechtliches] .prose h2{font-size:1.75rem}
 .prose p{font-size:1.0625rem}
}
@media(max-width:480px){
 .cinema-opening-copy .actions,.release-copy .actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .cinema-opening-copy .actions>.button,.release-copy .actions>.button,.cta-invitation .button{width:100%}
 .cinema-opening-copy .actions>.text-link,.release-copy .actions>.text-link{align-self:start}
 .header-inner{gap:8px 12px}
 .wordmark{font-size:1.875rem}
 .header-quick{padding-inline:10px;font-size:.8125rem}
 .menu-toggle{font-size:.8125rem;min-width:56px}
 .contact-editorial h1{font-size:clamp(3.375rem,14vw,4.5rem)}
 .contact-letter .form-extra .form-grid{grid-template-columns:minmax(0,1fr)}
 .form-extra summary>span{margin-left:0}
 .button:not(.outline),.button.outline{gap:18px;padding:16px 18px;font-size:1rem}
 .video-play{gap:10px;padding:16px}
 .play-circle{width:48px;height:48px;font-size:23px}
 .video-play strong{font-size:.9375rem}
 .player-status{font-size:.8125rem}
}
/* Short windows and phone landscape keep navigation and actions reachable. */
@media(max-height:550px) and (max-width:1100px){
 :root{--header-height:60px}
 .header-inner{padding-block:6px}
 .cinema-opening-content{min-height:0;padding-block:48px 90px}
 .cinema-opening h1{font-size:clamp(4.25rem,11vw,8rem)}
 .cinema-opening-copy{margin-top:24px;gap:20px 40px}
 .cinema-opening-copy .actions{gap:8px 18px}
 .screen-hero-content{min-height:420px;padding-block:48px}
 .screen-hero-filmproduktion .screen-hero-content{padding-block:40px}
 .screen-hero-bts{max-width:220px}
 .desktop-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding-top:8px}
 .desktop-nav>a{font-size:1.125rem;min-height:46px;padding-block:10px}
 .header .desktop-nav .button{grid-column:1/-1;margin-top:12px;min-height:48px;max-width:none}
}
@media(any-pointer:coarse){
 .footer-links a,.footer-bottom a,.quiet-link{min-height:44px;display:inline-flex;align-items:center;padding-block:8px}
 .footer-links{gap:0}
 .filter{min-height:48px}
}

/* Vector marks preserve the same quiet appearance on iOS and other platforms. */
.arrow{display:inline-flex;width:1em;height:1em;align-items:center;justify-content:center;vertical-align:-.12em}
.ui-icon{display:block;width:100%;height:100%;max-width:none;flex:none;pointer-events:none}
.play-circle .ui-icon{width:1em;height:1em}
.menu-mark{display:inline-flex;width:16px;height:16px;flex:none;transition:transform .25s var(--ease-film)}
.menu-toggle[aria-expanded=true] .menu-mark{transform:rotate(45deg)}
.footer .arrow,.tag .arrow,.fact .arrow,.embed-note .arrow,.contact-address .arrow{font-size:.95em;margin-inline-start:.3em}
.footer-links a{gap:6px}
.project-info{padding-top:0}
@media(max-width:1024px){
 .menu-toggle{display:inline-flex;align-items:center;justify-content:end;gap:8px}
}
/* Mobile sections use one measured gap at each transition. */
@media(max-width:720px){
 .page-hero{padding-block:28px 24px}
 .page-intro,body[data-page] .page-intro{margin-top:22px}
 .page-intro p{font-size:1rem;line-height:1.6;max-width:42ch}
 .page-intro .actions{width:100%;max-width:none;margin-top:24px;gap:12px 24px;align-items:start}
 .page-intro .actions>.button{width:100%}
 .page-hero+.section{padding-top:24px}
 body[data-page=leistungen] .service-directory{padding-top:0;padding-bottom:28px}
 body[data-page=projekte] .page-hero{padding-bottom:18px}
 body[data-page=projekte] .page-hero+.section{padding-top:0}
 body[data-page=projekte] .filter-bar{padding-top:8px;margin-bottom:24px}
 .service-entry{padding-block:28px;gap:20px;grid-template-columns:minmax(0,1fr) 24px}
 .service-entry:first-child{padding-top:16px}
 .service-entry-media,.service-entry:nth-of-type(1) .service-entry-media,.service-entry:nth-of-type(2) .service-entry-media{grid-column:1/-1;grid-row:1;aspect-ratio:1.65}
 .service-entry-copy{grid-column:1;grid-row:2}
 .service-entry>.arrow{grid-column:2;grid-row:2;font-size:24px;margin-top:6px}
 .service-entry-copy h2{font-size:clamp(2.5rem,10.5vw,3.5rem);line-height:1.06}
 .service-entry-copy p{font-size:1rem;line-height:1.55;margin-top:14px}
 .service-formats{display:block;font-size:.875rem;line-height:1.6;margin-top:12px}
 .service-entry-media img{object-position:center 42%}
 .project-info{margin-top:18px;padding-top:0}
 .project-info h3{font-size:clamp(1.75rem,7.2vw,2.25rem)}
 .studio-masthead{padding-bottom:32px}
 .team-grid{margin-top:0}
 .team-card:first-child{padding-top:22px}
 .screen-hero:not(.screen-hero-filmproduktion) .screen-hero-content{min-height:clamp(440px,72svh,560px);padding-top:120px;padding-bottom:36px}
 .screen-hero-content p{margin-top:22px;line-height:1.6}
 .screen-hero-content .actions{margin-top:24px}
 .label-masthead{padding-top:28px}
 .label-opening{margin-bottom:24px}
 .release-layout{gap:28px}
 .cta-section,body[data-page=label] .cta-section{padding-block:52px}
 .footer{padding-top:32px}
}
@media(max-width:480px){
 :root{--header-height:64px}
 .header-inner{padding-block:8px;gap:8px 18px}
 .header-quick{font-size:.875rem;padding-inline:12px}
 .header-quick .arrow{display:none}
 .menu-toggle{font-size:.875rem;min-width:62px}
 .menu-mark{width:14px;height:14px}
 .page-intro .button:not(.outline){min-height:52px;padding-block:15px;font-size:1rem}
 .page-hero+.section .section-head{margin-bottom:24px}
}
@media(max-width:720px) and (max-height:550px){
 :root{--header-height:60px}
 .header-inner{padding-block:6px}
 .screen-hero:not(.screen-hero-filmproduktion) .screen-hero-content{min-height:360px;padding-block:40px}
}

/* A real production frame anchors the opening, at its original portrait ratio. */
.bts-opening{--hero-room:calc(100vh - var(--header-size) - 1px);background:#060708;border-bottom:1px solid var(--line)}
@supports(height:100svh){.bts-opening{--hero-room:calc(100svh - var(--header-size) - 1px)}}
@supports(height:100dvh){.bts-opening{--hero-room:calc(100dvh - var(--header-size) - 1px)}}
.bts-hero-layout{--hero-inset:clamp(24px,4vh,56px);--hero-gap:clamp(28px,4vw,80px);--hero-film-width:min(38vw,calc((var(--hero-room) - 2 * var(--hero-inset)) * .561111),480px);container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) var(--hero-film-width);grid-template-rows:minmax(min-content,1fr) auto;column-gap:var(--hero-gap);row-gap:clamp(20px,3vh,40px);height:var(--hero-room);min-height:min-content;padding-block:var(--hero-inset)}
.bts-hero-layout>*{min-width:0}
.bts-opening h1{grid-column:1;grid-row:1;align-self:center;font-size:clamp(60px,15vw,264px);font-size:clamp(60px,min(calc((100cqw - var(--hero-film-width) - var(--hero-gap)) * .277),calc((var(--hero-room) - 2 * var(--hero-inset) - 170px) * .5)),264px);line-height:.88;margin:0 0 0 -.04em;letter-spacing:-.065em;white-space:nowrap}
.hero-bts{grid-column:2;grid-row:1/3;align-self:center;width:100%;min-height:0;margin:0}
.hero-bts .motion-screen{aspect-ratio:404/720;isolation:isolate;background:#111315;box-shadow:0 0 0 1px #ffffff14}
.hero-bts video{width:100%;height:100%;object-fit:contain;object-position:center}
.hero-bts figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bts-hero-copy{display:block;grid-column:1;grid-row:2;align-self:end;margin:0;max-width:600px}
.bts-hero-copy>p:not(.cinema-statement){font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6;margin:0;color:#bdbfc1}
.bts-hero-copy .actions{display:flex;flex-wrap:wrap;justify-content:start;align-items:center;gap:12px 28px;margin-top:28px}
.hero-bts .motion-toggle-compact{left:auto;right:12px;bottom:12px;width:44px;height:44px;min-height:44px;padding:12px;display:grid;place-items:center;background:#080a0cda;color:#fff;border:1px solid #ffffff52;border-radius:50%;backdrop-filter:blur(10px);z-index:2}
.hero-bts .motion-toggle-compact[hidden]{display:none}
.hero-bts .motion-toggle-compact:hover{background:#eeede8;color:#080a0c;border-color:#eeede8}
.motion-toggle-compact .motion-pause-mark,.motion-toggle-compact[aria-pressed=true] .motion-play-mark{display:none}
.motion-toggle-compact[aria-pressed=true] .motion-pause-mark{display:block}
.home-team-layout{display:block}
.home-team-layout .home-studio-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 clamp(40px,7vw,112px);align-items:start}
.home-team-layout h2{grid-column:1;grid-row:1/4;margin:0}
.home-team-layout .home-studio-copy>p,.home-team-layout .studio-credits,.home-team-layout .home-studio-copy>.text-link{grid-column:2;margin-top:0}
.home-team-layout .studio-credits{margin-block:28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding-top:0;border-top:0}
.home-team-layout .home-studio-copy>.text-link{justify-self:start}
@media(max-width:900px){
 .bts-hero-copy .actions{gap:10px 24px;margin-top:24px}
}
@media(max-width:600px), (max-width:900px) and (orientation:portrait){
 .bts-hero-layout{--hero-inset:clamp(16px,3vh,28px);--hero-title-size:clamp(56px,26vw,130px);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(max(100px,calc(var(--hero-title-size) * 1.8 + 12px)),1fr) auto;gap:20px;padding-top:var(--hero-inset);padding-bottom:max(var(--hero-inset),env(safe-area-inset-bottom))}
 .bts-opening h1{position:relative;z-index:2;grid-column:1;grid-row:1;align-self:end;font-size:clamp(56px,23vw,130px);font-size:clamp(56px,26cqw,130px);line-height:.9;margin-bottom:12px;text-shadow:0 2px 28px #0005;pointer-events:none}
 .hero-bts{grid-column:1;grid-row:1;align-self:stretch;display:flex;justify-content:end;min-width:0;height:100%;width:100%}
 .hero-bts .motion-screen{flex:none;align-self:end;width:auto;height:100%;height:min(100%,178.2178cqw);max-width:100%;aspect-ratio:404/720}
 .hero-bts .motion-screen::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 40%,#06070830 62%,#060708e8 100%);pointer-events:none}
 .hero-bts .motion-toggle-compact{top:12px;bottom:auto}
 .bts-hero-copy{grid-column:1;grid-row:2;max-width:none}
 .bts-hero-copy>p:not(.cinema-statement){font-size:1rem}
 .bts-hero-copy .actions{display:flex;align-items:stretch;gap:8px 24px;margin-top:18px}
 .bts-hero-copy .actions>.text-link{align-self:start}
}
@media(max-width:600px){
 .home-team-layout .home-studio-copy{grid-template-columns:minmax(0,1fr);gap:24px}
 .home-team-layout h2,.home-team-layout .home-studio-copy>p,.home-team-layout .studio-credits,.home-team-layout .home-studio-copy>.text-link{grid-column:1;grid-row:auto;margin:0}
 .home-team-layout .studio-credits{gap:0 24px}
}

/* Short landscape windows retain the complete opening without shrinking controls. */
@media(min-width:601px) and (max-height:550px){
 .bts-hero-layout{--hero-inset:16px;row-gap:12px}
 .bts-opening h1{font-size:clamp(36px,calc((var(--hero-room) - 160px) * .52),100px)}
 .bts-hero-copy>p:not(.cinema-statement){font-size:1rem;line-height:1.4}
 .bts-hero-copy .actions{margin-top:14px;gap:8px 24px}
}
@media(max-width:600px) and (max-height:700px){
 .bts-hero-layout{gap:12px}
 .bts-opening h1{margin-bottom:8px}
 .bts-hero-copy>p:not(.cinema-statement){font-size:.9375rem;line-height:1.45}
 .bts-hero-copy .actions{margin-top:12px;gap:4px 20px}
 .bts-hero-copy .button{min-height:48px;padding-block:12px}
}

@media(max-width:600px) and (max-height:550px){
 .bts-hero-layout{--hero-title-size:clamp(36px,calc((var(--hero-room) - 170px) * .4),92px)}
 .bts-opening h1{font-size:var(--hero-title-size);font-size:min(26cqw,var(--hero-title-size))}
}
/* Compact phone landscape uses the same side-by-side composition as desktop. */
@media(min-width:480px) and (max-width:600px) and (max-height:550px){
 .bts-hero-layout{--hero-inset:16px;grid-template-columns:minmax(0,1fr) var(--hero-film-width);grid-template-rows:minmax(min-content,1fr) auto;column-gap:24px;row-gap:12px}
 .bts-opening h1{align-self:center;font-size:clamp(36px,calc((var(--hero-room) - 160px) * .52),64px);margin-bottom:0;line-height:.88;text-shadow:none}
 .hero-bts{grid-column:2;grid-row:1/3;display:block;align-self:center;height:auto}
 .hero-bts .motion-screen{width:100%;height:auto}
 .hero-bts .motion-screen::before{display:none}
 .hero-bts .motion-toggle-compact{top:auto;bottom:12px}
 .bts-hero-copy{grid-column:1;grid-row:2}
 .bts-hero-copy .actions{gap:6px 16px;flex-direction:row;align-items:center}
 .bts-hero-copy .button{width:auto;font-size:.875rem;gap:12px;padding:10px 12px;min-height:44px}
 .bts-hero-copy .text-link{font-size:.875rem;gap:12px}
}
@media(min-width:480px) and (max-width:520px) and (max-height:550px){
 .bts-hero-layout{row-gap:8px}
 .bts-opening h1{font-size:36px}
 .bts-hero-copy>p:not(.cinema-statement){font-size:.875rem;line-height:1.4}
 .bts-hero-copy .actions{margin-top:10px}
}

/* Header and footer share one unbroken wordmark, scaled without stretching. */
.footer a.footer-stamp{display:block;font-weight:700;letter-spacing:normal;line-height:1;padding:0;color:var(--ink)}
.footer-stamp .wordmark{font-size:inherit;color:var(--ink)}