/* Light palette and edge lighting only. Accepted dimensions, fonts and motion stay in their original files. */
.jr-theme-control{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0 0 24px}
.jr-theme-control[data-position=unten]{margin-top:auto;padding:28px 0 0}
.jr-theme-label{font:10px/1.3 var(--f-mono,monospace);letter-spacing:.08em;color:var(--grey,#c6c6c6)}
.jr-theme-toggle{position:relative;flex:none;width:96px;height:44px;padding:0;border:1px solid #ffffff30;border-radius:24px;background:#181916;color:#aaa99f;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.jr-theme-toggle svg{position:absolute;z-index:1;top:12px;width:18px;height:18px;stroke-linecap:round;stroke-linejoin:round}
.jr-theme-sun{right:12px}.jr-theme-moon{left:12px}
.jr-theme-thumb{position:absolute;top:4px;left:4px;width:34px;height:34px;border-radius:50%;background:#eb771b;transform:translateX(0);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.jr-theme-toggle[aria-checked=false] .jr-theme-thumb{transform:translateX(52px)}
.jr-theme-toggle[aria-checked=true] .jr-theme-moon,.jr-theme-toggle[aria-checked=false] .jr-theme-sun{color:#111}
.jr-theme-toggle:focus-visible{outline:2px solid #eb771b;outline-offset:4px}
html[data-theme=light] .jr-theme-toggle{background:#f6f4ef;color:#62665c;border-color:#18191630}
@media(hover:hover) and (pointer:fine){.jr-theme-toggle:hover{border-color:#eb771b}}
@media(prefers-reduced-motion:reduce){.jr-theme-thumb{transition:none}}

:root[data-theme=light]{--bg:#f6f4ef;--ink:#181916;--grey:#50534b;--brass:#b75008;--cx-accent:#b75008;--cx-cream:#181916;--muted:#50534b;--line:#18191630;background:#f6f4ef;color:#181916;color-scheme:only light}
html[data-theme=light] body{background:var(--bg);color:var(--ink)}
html[data-theme=light] .page-wrap{background:var(--bg)}
html[data-theme=light] #mainMenu{--bg:#e5e4dd;--ink:#181916;--brass:#b75008;--grey:#50534b;background:var(--bg);color:var(--ink);scrollbar-color:#18191655 transparent}
html[data-theme=light] #mainMenu::-webkit-scrollbar-thumb{background:#18191655}
html[data-theme=light] #mainMenu :is(.g-small,.count,.sub .arr){color:var(--brass)}
html[data-theme=light] #mainMenu .grp .g-small > span > span{color:var(--brass)}
html[data-theme=light] #mainMenu .sub{border-color:#18191625}
html[data-theme] .hb__lines span{background:#fff;transition:transform .5s var(--ease),opacity .3s var(--ease),top .5s var(--ease),width .5s var(--ease)}
html[data-theme=light] .hb{background:transparent;border:0;box-shadow:none;mix-blend-mode:normal}
html[data-theme=light] .hb__lines span{background:var(--jr-hamburger-ink,#000);box-shadow:none}
/* Give the light page a rounded, lit edge above the slightly darker menu surface. */
html[data-theme=light] .drawer-fx::before,html[data-theme=light] .drawer-fx::after{content:none;background:none;box-shadow:none}
html[data-theme=light] .drawer-fx i{background:#e5e4dd}
html[data-theme=light] .page-scroll-cue{color:var(--jr-scroll-cue-ink,#000);mix-blend-mode:normal;filter:none}
html[data-theme=light] .page-scroll-cue__label{color:inherit}
html[data-theme=light] .facts{border-color:#18191622}
html[data-theme=light] .top-thin{background:#18191612}
html[data-theme=light] .nav-seg{background:#18191628}

/* Photography, photo captions and their scrims retain their original colours. */
html[data-theme=light] :is(.cap,.zt-cap,.wipe-txt,.mid-claim,.mow-title,.mow-reveal,.kb-front,.kb-reveal,.craft-story,.follow-stage){--ink:#f4f1e8;--grey:#c6c6c6;--brass:#eb771b;color:var(--ink)}
html[data-theme=light] .mid-title{background:var(--bg)}
html[data-theme=light] .logo-lockup{background:transparent;box-shadow:none;filter:none}

/* The two technical drawings use the same paths and dimensions in both modes. */
html[data-theme=light] :is(.door-vp,.z1-vp){background:linear-gradient(180deg,#eeece6,#f6f4ef)}
html[data-theme=light] :is(.door .bp-dim,.z1-dim){stroke:#54574f}
html[data-theme=light] :is(.door .bp-txt,.z1-dim-txt){fill:#4e5148}
html[data-theme=light] .dim{color:#4e5148}
html[data-theme=light] .door .bp-thin{stroke:#b7500899}
html[data-theme=light] .z1-reveal,html[data-theme=light] .z1-reveal p{color:var(--ink);text-shadow:none}
html[data-theme=light] .z1-reveal em{text-shadow:none}

/* The cardboard and its photograph are untouched. Only the empty opening changes. */
html[data-theme=light] .kb-vp{background:radial-gradient(120% 80% at 50% 0%,#ebe6db,#f6f4ef 62%)}

/* A light cartographic rendering, restricted to the map image itself. */
html[data-theme=light] .hero-vp{background:#f6f4ef}
html[data-theme=light] .map-image{filter:grayscale(1) invert(1) sepia(.08);mix-blend-mode:multiply}
html[data-theme=light] #routeCanvas{filter:brightness(.74)}
html[data-theme=light] .town-dot{background:#b75008;border-color:#803704}
html[data-theme=light] .town-name{color:#25291f;text-shadow:0 1px 3px #f6f4ef,0 0 8px #f6f4ef}
html[data-theme=light] .map-source{color:#42483c}
html[data-theme=light] .map-source div{background:#f6f4ef;border-color:#8a9180}
/* Scope map text explicitly: photo captions keep their separate light ink. */
html[data-theme=light] .opening-map{--ink:#181916;--grey:#50534b;--brass:#b75008;color:#181916}
html[data-theme=light] .hero-front h1,html[data-theme=light] .hero-reveal{color:#181916}
html[data-theme=light] .hero-front .sub{color:#181916}
html[data-theme=light] .hero-vp .scroll-hint{color:#000}

/* Portraits preserve their source pixels, including the repaired shoulder. */
html[data-theme=light] .augenhoehe.about .poster-name{color:#d8d8d0}
html[data-theme=light] .augenhoehe.about .portrait-band{background:#e9e8e0;color:var(--ink)}
html[data-theme=light] .augenhoehe.about .portrait-band .copy{color:#45483e}
html[data-theme=light] .augenhoehe.about .intro-grid .copy{color:#45483e}
html[data-theme=light] .contact-lab{--muted:#50534b;--line:#18191630}
html[data-theme=light] .k-word{color:#d8d8d0}
html[data-theme=light] .k-end p{color:#45483e}
html[data-theme=light] .k-symbol-link:is(:hover,:focus-visible) .k-symbol-art{color:#a34605}

/* Archive titles, rules and small descriptions share the light page surface. */
html[data-theme=light] .cx-body{--v-bg:#f6f4ef;--v-ink:#181916;--bg:#f6f4ef;--ink:#181916;--cx-accent:#b75008;background:#f6f4ef;color:#181916}
html[data-theme=light] .cx-body :is(.page-wrap,main,main>section[class]){background:#f6f4ef;color:#181916}
html[data-theme=light] .v-werkarchiv .wa-rule{border-color:#181916}
html[data-theme=light] .v-werkarchiv .wa-row{border-color:#565a50}
html[data-theme=light] .v-werkarchiv .wa-project{--wa-border:#565a50;--wa-row-bg:#f6f4ef}
html[data-theme=light] .v-werkarchiv .wa-moosleerau{background:#f6f4ef;color:#181916}
html[data-theme=light] .v-werkarchiv :is(.wa-intro h1 span:last-child,.wa-arrow){color:#b75008}
html[data-theme=light] .v-werkarchiv .wa-pair figcaption{background:#080808e8;color:#fff}

/* Same approved footer dimensions; transparent original logo on the page surface. */
html[data-theme=light] .bf-footer,html[data-theme=light] body.v-werkarchiv .bf-footer{--bf-bg:#e9e8e0;--bf-ink:#181916;--bf-orange:#b75008;--bf-muted:#50534b}
html[data-theme=light] :is(.cf-company-meta,.cf-pa-bottom,.cf-pa-bottom .cf-creator,.cf-pa-contact .cf-pa-desktop-legal){color:#50534b}
html[data-theme=light] .cf-creator span:last-child{text-decoration-color:#18191655}
html[data-theme=light] .cf-pa-brand{background:transparent;box-shadow:none}
html[data-theme=light] .cf-pa-brand img{filter:none}

/* Legal copy has fixed colours in the original pages, separate from photo captions. */
html[data-theme=light] body:is([data-jr-page=impressum],[data-jr-page=datenschutz]) main :is(p,address,li){color:#45483e}
html[data-theme=light] body[data-jr-page=datenschutz] .stand{color:#50534b}

/* Never expose the closed drawer through Safari's elastic page overscroll. */
html[data-theme] #mainMenu{visibility:hidden;transition:visibility 0s .55s;pointer-events:none}
html[data-theme] body.menu-open #mainMenu{visibility:visible;transition-delay:0s;pointer-events:auto}

/* Same byte-identical Bricolage font as the page; avoids a second footer download. */
.bf-footer,.bf-footer.cf-panorama,.cf-company-meta{font-family:'Bricolage Grotesque',sans-serif}

/* Dark navigation stays white; photographs must never invert or tint it. */
html[data-theme=dark] #hb{mix-blend-mode:normal;isolation:isolate}
html[data-theme=dark] #hb .hb__lines span{background:#fff}
html[data-theme=dark] .page-scroll-cue{color:#fff;mix-blend-mode:normal;filter:none}
html[data-theme=dark] .page-scroll-cue__label{color:inherit}
html[data-theme=dark] .page-scroll-cue__arrow{opacity:1;animation-name:jr-dark-scroll-cue-pulse}
@keyframes jr-dark-scroll-cue-pulse{
 0%,100%{transform:translateY(0);opacity:1}
 50%{transform:translateY(6px);opacity:1}
}