/* Shared, keyboard-accessible preferences. The original cinematic theme is the default. */
.site-preferences{display:flex;align-items:center;gap:16px;flex-shrink:0;color:inherit}
.language-switch{display:flex;padding:3px;border:1px solid #a99c8055;border-radius:100px;background:#ffffff0b}
.language-switch button{min-width:40px;min-height:38px;border-radius:100px;font:600 12px/1 Arial,sans-serif;color:inherit;transition:background .2s,color .2s}
.language-switch button[aria-pressed=true]{color:#151515;background:#fff;box-shadow:0 1px 5px #0002}
.theme-switch{display:flex;align-items:center;gap:10px;min-height:44px;padding:0;color:inherit}
.theme-label{font-size:12px;line-height:1.3;white-space:nowrap}
.switch-track{display:block;position:relative;width:48px;height:28px;border-radius:100px;background:#85858b;box-shadow:inset 0 1px 3px #0002;transition:background .25s ease}
.switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.theme-switch[aria-checked=true] .switch-track{background:#34c759}
.theme-switch[aria-checked=true] .switch-thumb{transform:translateX(20px)}
.site-preferences button:focus-visible{outline:2px solid #c29c58;outline-offset:4px}
/* Quiet film-overlay header with the original iOS-style preferences. */
.site-header{flex-wrap:wrap;gap:14px 24px;border-bottom:0}
.site-header nav{margin-left:auto;gap:26px;font-weight:700}
.site-header nav>a{position:relative;display:inline-flex;align-items:center;min-height:44px;font-weight:700;letter-spacing:.01em;white-space:nowrap;transition:opacity .2s}
.site-header nav>a:after{content:'';position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.site-header nav>a:hover,.site-header nav>a:focus-visible{color:inherit;opacity:1;text-shadow:none}
.site-header nav>a:hover:after,.site-header nav>a:focus-visible:after{transform:scaleX(1)}
.site-header .nav-cta{display:inline-flex;white-space:nowrap;border:0;border-radius:0;background:none;padding:11px 0;color:inherit}
.site-header .nav-cta:hover,.site-header .nav-cta:focus-visible{background:none}
.site-header .language-switch button{font-weight:700}.site-header .theme-label{font-weight:600}
@media(max-width:700px){.site-header nav>a:not(.nav-cta){display:none}}
.legal-header{flex-wrap:wrap}.legal-header>.site-preferences{margin-left:auto}.legal-header>a:nth-child(2){margin-left:auto;color:#d4b77c;font-size:14px}
.legal-footer .site-preferences{margin-bottom:20px}.site-preferences[hidden]{display:none}
.partner-link{position:absolute;inset:0;z-index:2;cursor:pointer}.partner-link:focus-visible{outline:2px solid #cdeaff;outline-offset:-4px}.partner-logo:focus-within{border-color:#d1ecff80}.partner-logo:focus-within img{opacity:1}
html[lang=de] .hero-copy h1{font-size:clamp(54px,6.6vw,105px)}
html[lang=de] .scene-instruction{max-width:280px;text-align:right}
html[lang=de] .contact-copy h2{font-size:clamp(40px,4.1vw,62px)}
html[lang=de] .production-nav{row-gap:14px}
/* Light appearance: natural white, warm stone, deep ink and restrained brass. */
html[data-theme=light]{--cream:#f7f5f0;--ink:#24231f;--muted:#66625a;--line:#d4cec2;--accent:#88672f;--gold:#88672f;color-scheme:light}
html[data-theme=light] body{background:#f7f5f0;color:#24231f}
html[data-theme=light] ::selection{background:#dcc99e;color:#191919}
html[data-theme=light] .work{--ink:#24231f;--muted:#66625a;--line:#d4cec2;background:#f7f5f0;color:#24231f}
html[data-theme=light] .work .eyebrow,html[data-theme=light] .about-heading .eyebrow,html[data-theme=light] .showreel-heading .eyebrow{color:#785c2e}
html[data-theme=light] .studio-intro h2 em,html[data-theme=light] .section-heading h2 em,html[data-theme=light] .equipment-heading h3 em,html[data-theme=light] .equipment-copy h4 em,html[data-theme=light] .about-heading h2 em{color:#866635}
html[data-theme=light] .intro-foot small,html[data-theme=light] .showreel-duration{color:#66625a}
html[data-theme=light] .industry-tabs button{color:#66625a}html[data-theme=light] .industry-tabs button[aria-selected=true]{color:#292720}html[data-theme=light] .industry-tabs button[aria-selected=true]:after{background:#866635}
html[data-theme=light] .project-visual{background:#e4ded1}html[data-theme=light] .service-tag{color:#66512f;border-color:#c9bda4}
html[data-theme=light] .text-link,html[data-theme=light] .regional-link,html[data-theme=light] .email-link{color:#765b2c}
html[data-theme=light] .partners-section{color:#23272c}
html[data-theme=light] .partners-section::before{background:radial-gradient(500px circle at var(--light-x,65%) var(--light-y,45%),#7298b222,transparent 75%),radial-gradient(ellipse at 75% 40%,#9db7c529,transparent 62%)}
html[data-theme=light] .partners-heading h2{color:#24292d}html[data-theme=light] .partners-heading h2 em{color:#526b7b}
html[data-theme=light] .partners-heading .eyebrow{color:#685737}html[data-theme=light] .partners-edition,html[data-theme=light] .partner-index{color:#64727d}
html[data-theme=light] .partners-orbit{border-color:#58778d22;box-shadow:0 0 0 4rem #58778d06,0 0 0 4.05rem #58778d15,0 0 0 11rem #58778d04,0 0 0 11.05rem #58778d12}
html[data-theme=light] .partners-display::before{background-image:linear-gradient(#456c8710 1px,transparent 1px),linear-gradient(90deg,#456c8710 1px,transparent 1px)}
html[data-theme=light] .partners-light{background:linear-gradient(100deg,transparent,#6388a315,transparent)}
html[data-theme=light] .partner-logo{border-color:#8598a63d;background:linear-gradient(135deg,#fff9,transparent 55%),linear-gradient(160deg,#f9fbfc,#eaeef0);box-shadow:inset 0 1px 0 #fff,0 14px 40px #38454d0d}
html[data-theme=light] .partner-logo::before,html[data-theme=light] .partner-logo::after{border-color:#6d8a9d}
html[data-theme=light] .partner-mark img{filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply;opacity:.9}html[data-theme=light] .partner-name{color:#4c5963}
html[data-theme=light] .partner-logo:hover,html[data-theme=light] .partner-logo:focus-within{border-color:#62849b;box-shadow:inset 0 1px 0 #fff,0 0 28px #729bb31a,0 24px 50px #38454d20}
html[data-theme=light] .partner-link:focus-visible{outline-color:#486e86}
html[data-theme=light] .spatial-story{background:#f7f5f0}html[data-theme=light] .scene-wrap:after{background:linear-gradient(90deg,#f7f5f0f5 0%,#f7f5f0b3 25%,transparent 54%)}
html[data-theme=light] .spatial-heading,html[data-theme=light] .spatial-heading .eyebrow,html[data-theme=light] .study-credit,html[data-theme=light] .scene-instruction,html[data-theme=light] .assembly-meter{color:#6b5c40}
html[data-theme=light] .spatial-copy{color:#24231f}html[data-theme=light] .spatial-copy h2 em{color:#866635}html[data-theme=light] .spatial-copy>p{color:#625e54}
html[data-theme=light] .scene-controls button{color:#66625a;border-color:#c5bba7}html[data-theme=light] .scene-controls button[aria-pressed=true]{color:#765b2c;border-color:#866635}
html[data-theme=light] .assembly-meter{border-color:#c9bea8}html[data-theme=light] .assembly-meter i{background:#866635}
html[data-theme=light] .kinetic-line{background:#eeeae2;border-color:#d4cec2}html[data-theme=light] .kinetic-line>div{color:#b4ab9b}html[data-theme=light] .kinetic-line em{color:#79643e}
html[data-theme=light] .showreel-heading h3{color:#24231f}html[data-theme=light] .showreel-status{color:#765b2c}
html[data-theme=light] .equipment-card{background:linear-gradient(150deg,#fff,#eeeae3 75%);border-color:#d3cbbd}
html[data-theme=light] .equipment-index,html[data-theme=light] .equipment-rotate{color:#795f32}html[data-theme=light] .equipment-heading>p:last-child,html[data-theme=light] .equipment-copy p{color:#66625a}
html[data-theme=light] .production-story,html[data-theme=light] .photography-section{background:#f0ede6;color:#24231f;border-color:#d8d1c4}
html[data-theme=light] .production-intro h2 em,html[data-theme=light] .production-step .eyebrow,html[data-theme=light] .production-nav span,html[data-theme=light] .photography-heading .eyebrow,html[data-theme=light] .photography-heading h2 em{color:#806236}
html[data-theme=light] .production-intro>p:last-of-type,html[data-theme=light] .production-step>p:last-child,html[data-theme=light] .production-nav button,html[data-theme=light] .photography-note p{color:#66625a}
html[data-theme=light] .production-nav button[aria-current=true]{color:#211f1a}html[data-theme=light] .production-number{color:#c7b99e}
html[data-theme=light] .production-progress{background:#d7cdbb}html[data-theme=light] .production-progress i{background:#92723b}
html[data-theme=light] .photography-footer{color:#76674b}html[data-theme=light] .photo-frame{background:#e3ded4}
html[data-theme=light] .about-section{color:#24231f}html[data-theme=light] .about-copy p{color:#66625a}html[data-theme=light] .about-copy p:first-child{color:#36332b}
html[data-theme=light] .contact{background:#e9e4da;color:#24231f;border-color:#d0c6b3}html[data-theme=light] .contact-copy h2 em{color:#806236}html[data-theme=light] .contact-copy>.eyebrow,html[data-theme=light] .contact-person>div>span{color:#775e32}html[data-theme=light] .contact-copy>p:not(.eyebrow){color:#605a50}
html[data-theme=light] .monogram{color:#806236;border-color:#b29c75}html[data-theme=light] .brief-card{background:#fffdf8;color:#24231f;border-color:#d4c5aa;color-scheme:light}
html[data-theme=light] footer{background:#e4ded2;color:#635841;border-color:#cbbfa9}html[data-theme=light] footer .wordmark{color:#30291f}html[data-theme=light] .footer-button,html[data-theme=light] .legal-links{color:#6b5733}
html[data-theme=light] .floating-motion{background:#faf8f1ee;color:#554932;border-color:#cbbfa9;box-shadow:0 5px 25px #56493615}
html[data-theme=light] dialog{background:#faf8f2;color:#24231f}html[data-theme=light] dialog::backdrop{background:#e8e2d7d9}html[data-theme=light] .dialog-close{background:#faf8f2;color:#24231f}
html[data-theme=light] #photo-dialog{background:#f7f5f0;color:#24231f}html[data-theme=light] #photo-dialog::backdrop{background:#f7f5f0f0}html[data-theme=light] #photo-caption{color:#665431}
html[data-theme=light] .photo-close,html[data-theme=light] .photo-dialog-controls button{background:#faf8f2;color:#24231f;border-color:#c4b8a0}
html[data-theme=light] .legal-page{background:#f7f5f0;color:#24231f}html[data-theme=light] .legal-header{border-color:#d3c8b3}html[data-theme=light] .legal-header .wordmark{color:#24231f}
html[data-theme=light] .legal-main h2,html[data-theme=light] .legal-main .eyebrow,html[data-theme=light] .legal-main a,html[data-theme=light] .legal-header>a:nth-child(2){color:#775b2c}html[data-theme=light] .legal-main p,html[data-theme=light] .legal-main li{color:#605b50}
html[data-theme=light] .language-switch{background:#ffffff4d;border-color:#a99c8066}html[data-theme=light] .language-switch button[aria-pressed=true]{background:#2b2a27;color:#fff}
/* Text over original films remains light in both appearances. */
html[data-theme=light] .site-header .language-switch{background:#ffffff10;border-color:#ffffff60}html[data-theme=light] .site-header .language-switch button[aria-pressed=true]{background:#fff;color:#202020}
.brief-card{color-scheme:light}
html[data-theme=dark] .brief-card{--ink:#eee9df;--muted:#bcb2a0;--line:#4b463b;background:#1c1b18;color:#eee9df;border-color:#504633;color-scheme:dark}
html[data-theme=dark] .brief-card .eyebrow,html[data-theme=dark] .field-label{color:#dfc58e}
html[data-theme=dark] .form-caption,html[data-theme=dark] .privacy-note,html[data-theme=dark] .form-industries small,html[data-theme=dark] .field-label span{color:#bbb3a5}
html[data-theme=dark] .brief-card input::placeholder,html[data-theme=dark] .brief-card textarea::placeholder{color:#aaa292}
html[data-theme=dark] .form-industries label:has(input:checked),html[data-theme=dark] .brief-services label:has(input:checked){background:#332d21;border-color:#ad925c}
html[data-theme=dark] .form-industries input,html[data-theme=dark] .brief-services input{accent-color:#d4b77c}
html[data-theme=dark] .brief-summary,html[data-theme=dark] #result-text{background:#29261f}
html[data-theme=dark] .step-progress i{background:#514a3a}html[data-theme=dark] .step-progress i.active{background:#d4b77c}
html[data-theme=dark] .brief-card .solid-button{background:#d7bd85;color:#191713}html[data-theme=dark] .brief-card .solid-button:hover{background:#ead3a4}
html[data-theme=dark] .form-error{color:#ffb5a7}
html[data-theme=dark] dialog{background:#191815;color:#eee9df}html[data-theme=dark] .dialog-close{background:#2b2822;color:#eee9df}
html[data-theme=dark] .dialog-copy .eyebrow{color:#d4b77c}html[data-theme=dark] .dialog-copy>p:not(.eyebrow){color:#bbb3a5}
@media(max-width:1100px){.site-header .site-preferences{margin-left:auto}.site-header nav{gap:18px}.hero-topline{top:180px}}
@media(min-width:701px) and (max-width:900px){.site-header{column-gap:16px}.site-header nav{gap:14px}}
@media(max-width:700px){.site-header{display:grid;grid-template-columns:auto 1fr;padding:18px 6%;gap:10px 12px}.site-header nav{justify-self:end;gap:12px}.site-header .site-preferences{grid-column:1/-1;justify-self:end;gap:16px}.hero-topline{top:172px}.language-switch button{min-width:40px}.theme-label{font-size:12px}.legal-header{gap:16px}.legal-header>.site-preferences{width:100%;justify-content:flex-end}.site-header .nav-cta{font-size:13px;padding:11px 0}html[lang=de] .hero-copy h1{font-size:clamp(48px,11vw,76px)}html[lang=de] .hero-copy .eyebrow{font-size:11px;max-width:290px;line-height:1.6}html[lang=de] .scene-instruction{max-width:150px;font-size:10px}html[lang=de] .industry-tabs button{font-size:12px}html[data-theme=light] .scene-wrap:after{background:linear-gradient(0deg,#f7f5f0 4%,#f7f5f0d0 27%,transparent 58%)}}
@media(max-width:360px){.site-header nav{gap:8px}.site-header .nav-cta{padding:11px 0}.site-header nav a[href="#about"]{font-size:11px}.site-preferences{gap:12px}}
@media(prefers-reduced-motion:reduce){.switch-thumb,.switch-track,.language-switch button,.site-header nav>a,.site-header nav>a:after{transition:none}}

/* Studio identity refinement. */
.site-header .wordmark{font-size:32px;gap:6px;flex-shrink:0}
.legal-header .wordmark{font-size:27px;gap:6px}
.site-header .wordmark span{font-size:16px;letter-spacing:.58em}
.legal-header .wordmark span{font-size:14px;letter-spacing:.58em}
.studio-intro{row-gap:30px}
.studio-signature{grid-column:1/-1;text-align:center}
.studio-signature a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:5px 12px;color:var(--ink);font:400 clamp(20px,2.1vw,28px)/1.25 Georgia,serif;letter-spacing:-.015em;text-underline-offset:7px}
.studio-signature a:hover{text-decoration:underline;text-decoration-thickness:1px}
.studio-location{line-height:1.7}
@media(max-width:700px){.site-header .wordmark{font-size:28px}.site-header .wordmark span{font-size:14px}.legal-header .wordmark{font-size:24px}.legal-header .wordmark span{font-size:12px}.studio-signature{margin-top:28px}}
@media(max-width:380px){.site-header .wordmark{font-size:26px}.site-header .wordmark span{font-size:13px}.legal-header .wordmark{font-size:22px}.legal-header .wordmark span{font-size:11px}.site-header nav{gap:8px}}

/* The contact signature uses the same stacked brand as the main wordmark. */
.contact-brand{width:72px;height:72px;flex-shrink:0;font-family:Studio,Arial,sans-serif;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.07em;line-height:1}
.contact-brand>span{display:flex;flex-direction:column;align-items:center;gap:6px}
.contact-brand>span>span{font-size:8px;font-weight:500;letter-spacing:.36em;padding-left:.36em}
@media(max-width:700px){.contact-brand{width:66px;height:66px;font-size:10px}.contact-brand>span>span{font-size:7.5px}}

/* Give the italic f enough space before the umlaut in the German hero. */
html[lang=de] #hero-title em{letter-spacing:.025em;font-kerning:none;font-variant-ligatures:none}