/* Shared identity, independent content. */
.heroSlideshow{background:#eceae6}.heroSlideshow img{object-fit:contain}.heroCopy{display:none}.heroShade{display:none}.wordmark.editableLogo .logoTitle{white-space:nowrap}.siteHeader:not(.scrolled):not(.menu-open).homeHeader{color:#161616}.emotionMontage,.seriesGallery{gap:8px!important}.emotionMontage img,.seriesGallery img,.storyCard img,.portfolioCard img,.about>img,.seriesHero>img{height:auto!important;object-fit:contain!important;aspect-ratio:auto!important}.storyCard figure,.portfolioCard figure{height:auto!important;aspect-ratio:auto!important}.seriesHero{min-height:0;height:auto!important;padding-top:110px;background:#eeece7}.seriesHero>img{max-height:74vh;width:100%}.seriesHero .seriesOverlay{display:none}.seriesHero>div:last-child{position:static;color:#1c1c1c;padding:30px 5vw}.brandFamily{display:flex;gap:28px;flex-wrap:wrap;padding:25px 5vw 35px;border-top:1px solid #ddd;font:14px Arial,sans-serif}.brandFamily a,.brandFamily span{color:#222}.brandFamily small{display:block;color:#777;font-size:10px;margin-top:5px}.brandFamily a{text-decoration:none}.brandFamily a:hover{text-decoration:underline}.hero .editableLogo{max-width:calc(100vw - 30px)}.portfolioCard:focus-visible,.lightboxItem:focus-visible{outline:2px solid #111;outline-offset:4px}@media(max-width:700px){.brandFamily{gap:20px}.seriesHero{padding-top:85px}.homeHeader:not(.scrolled):not(.menu-open) .editableLogo .logoTitle{font-size:clamp(38px,11vw,60px)}.about>img{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.homeHeader:not(.scrolled):not(.menu-open) .editableLogo .logoTitle{font-size:clamp(60px,15vw,210px)}
@media(max-width:700px){.homeHeader:not(.scrolled):not(.menu-open) .editableLogo .logoTitle{font-size:clamp(38px,11vw,60px)}}

/* Match the detected brightness behind the homepage logo. */
.siteHeader.homeHeader:not(.scrolled):not(.menu-open).hero-ink-light{color:#fff}

/* Film vollstaendig anzeigen, ohne Beschnitt auf Desktop und Handy. */
.filmMoment .filmMomentFrame > video,
.filmMomentFrame video,
.landingVideos video {
  object-fit: contain !important;
  object-position: center center !important;
}

/* ROP: reversibler Anthrazit-Test. */
:root { --paper: #141414; --ink: #eeeae4; --rose: #c78d9e; color-scheme: dark; }
body { background: var(--paper); color: var(--ink); }
.heroSlideshow, .seriesHero, .philosophy, .about, .contact,
.faqSection, .pricingSection, .siteFooter, .brandFamily,
.filmMomentFrame { background: var(--paper) !important; color: var(--ink) !important; }
.seriesHero > div:last-child { color: var(--ink) !important; }
.siteHeader:not(.homeHeader), .siteHeader.scrolled, .siteHeader.menu-open {
  color: var(--ink) !important;
}
.siteHeader.scrolled { background: rgba(20,20,20,.96) !important; }
.siteHeader.menu-open nav { background: var(--paper) !important; color: var(--ink) !important; }
.brandFamily { border-top-color: #414141; }
.brandFamily a, .brandFamily span { color: var(--ink); }
.brandFamily small { color: #aaa59e; }
.galleryReturn { color: var(--ink) !important; }
.photoPlaceholder { background: #242424; color: #c4bfb7; }
.moreImages > summary { border-color: #aaa59e; color: var(--ink); }
.contactForm input, .contactForm textarea { background: #202020; color: var(--ink); border-color: #74706a; }
.contactSubmit { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.portfolioCard:focus-visible, .lightboxItem:focus-visible { outline-color: var(--ink); }

/* Auch der Kopfbereich des geoeffneten Menues muss dunkel sein. */
.siteHeader.menu-open,
.siteHeader.homeHeader:not(.scrolled).menu-open {
  background: #141414 !important;
  color: #eeeae4 !important;
  mix-blend-mode: normal;
}
.siteHeader.menu-open .wordmark,
.siteHeader.menu-open .menuToggle,
.siteHeader.menu-open nav a { color: #eeeae4 !important; }
.siteHeader.menu-open .wordmark.hasImage img { filter: grayscale(1) brightness(0) invert(1) !important; }

/* Ray of People: neutraler dunkler Graphitton. */
:root { --paper: #202020; --ink: #eeeae4; --rose: #b5b5b5; }
.siteHeader.menu-open, .siteHeader.homeHeader:not(.scrolled).menu-open { background: #202020 !important; }
.siteHeader.scrolled { background: rgba(32,32,32,.96) !important; }
.siteHeader.homeHeader:not(.scrolled):not(.menu-open):not(.hero-ink-light) { color: #eeeae4; }