/* BLENDENWERK — layout surfaces; CSS correction 2026-09-25.
   Hero text is intentionally plain: no text shadows or local text backplates.
   Image brightness and the existing global overlay setting remain unchanged.
   No claim of uniform text contrast is made for every background photograph. */
body.blendenwerk-page{background-color:#faf9f6;color:#28332e}
.portfolio-hero.bw-contrast-surface{
 position:relative;isolation:isolate;z-index:10;
 background-color:#666666;background-image:none;color:#ffffff;
}
.bw-contrast-surface .hero-backgrounds{
 position:absolute;inset:0;z-index:0;pointer-events:none;
 background-color:#101613;overflow:hidden;
}
.bw-contrast-surface .hero-background{z-index:auto}
.bw-contrast-surface .hero-shade{
 position:absolute;inset:0;z-index:1;pointer-events:none;
 background-color:rgba(0,0,0,.60);background-image:none;
 opacity:1;transition:none;animation:none;
}
.hero-foreground{
 position:absolute;inset:0;z-index:2;color:#ffffff;
 /* Transparent by design: the persistent contrast layer remains visible. */
 background-color:transparent;
}
.bw-contrast-surface :is(.hero-identity,.hero-identity h1,.hero-identity h1 a,.hero-name,.hero-tagline,.hero-bottom,.scroll-link,.slide-count,.hero-demo){color:#ffffff;opacity:1}
.bw-contrast-surface :is(.hero-identity h1,.hero-name,.hero-tagline,.scroll-link){text-shadow:none}
/* Without JavaScript the navigation stays within the dark banner. */
.hero-foreground .site-header{position:absolute;background-color:transparent;background-image:none;color:#ffffff;transition:padding .2s}
html.bw-navigation-ready .hero-foreground .site-header{position:fixed}
.site-header .site-nav{background-color:transparent;color:inherit;text-shadow:none}
.site-header .site-nav a{color:inherit;opacity:1}
.hero-foreground .site-header.is-scrolled{background-color:#faf9f6;color:#28332e;backdrop-filter:none}
/* Solid controls, not translucent white text over unknown image pixels. */
.slide-pause{background-color:#14221f;color:#ffffff;transition:none}
.slide-pause:hover,.slide-pause:focus-visible{background-color:#20352e;color:#ffffff}
.slide-dot span{background-color:#ffffff;opacity:1}
.slide-dot:not(.is-active) span{width:6px;height:6px}
.slide-dot.is-active span{width:22px;height:6px}
main#inhalt,.portfolio-section,.site-footer,.single-header,.standalone-panel{background-color:#faf9f6;color:#28332e}
.portfolio-section h2,.single-header a{color:#28332e}
/* Preserve existing dark media surfaces when dialogs are opened. */
.lightbox,.lightbox-shell,.lightbox-header,.lightbox-footer{background-color:#111611;color:#ffffff}
.video-dialog,.video-shell,.video-toolbar,.video-footer,.video-transcript{background-color:#101613;color:#ffffff}
.video-toolbar .round-button,.lightbox .round-button{background-color:#111611;color:#ffffff}
.video-toolbar .round-button:hover,.lightbox .round-button:hover{background-color:#28332e;color:#ffffff}
.lightbox-error{background-color:#111611;color:#ffffff}
.lightbox-title,.video-details h2{color:#ffffff}
.lightbox-description,.lightbox-credit,.lightbox-help,.lightbox-count{color:#e1e8e1}
.content-dialog,.legal-dialog,.dialog-toolbar,.about-layout,.contact-layout{background-color:#faf9f6;color:#28332e}
/* Forced colours use the user's palette, not the decorative images. */
@media(forced-colors:active){
 .portfolio-hero.bw-contrast-surface,.hero-foreground{background:Canvas;color:CanvasText}
 .bw-contrast-surface .hero-backgrounds,.bw-contrast-surface .hero-shade{display:none}
 .bw-contrast-surface :is(.hero-identity,.hero-identity h1,.hero-identity h1 a,.hero-name,.hero-tagline,.hero-bottom,.scroll-link,.slide-count,.hero-demo),.hero-foreground .site-header,.hero-foreground .site-header.is-scrolled{background:Canvas;color:CanvasText}
 .slide-dot span{background:ButtonText}.slide-pause{background:ButtonFace;color:ButtonText}
}

/* Keep controls and tagline separate even when mobile controls wrap. */
.bw-contrast-surface .hero-tagline{bottom:max(var(--tagline-bottom),calc(var(--bw-hero-controls-height,80px) + 96px))}

/* BLENDENWERK CSS fix 2026-09-25: plain lettering, no decorative backplates.
   Scope is the hero only. Keep the readable scrolled navigation, dialogs,
   keyboard focus outlines and the visitor's forced-colour preference intact. */
@media (forced-colors: none) {
 .portfolio-hero.bw-contrast-surface,
 .portfolio-hero.bw-contrast-surface * {
  text-shadow:none!important;
 }
 .portfolio-hero.bw-contrast-surface :is(
  .hero-identity,.hero-identity h1,.hero-identity h1 a,
  .hero-name,.hero-tagline,.site-nav,.slideshow-controls,.hero-demo
 ) {
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none;
  filter:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
 }
 .portfolio-hero.bw-contrast-surface .site-header:not(.is-scrolled) {
  background-color:transparent;
  background-image:none;
  box-shadow:none;
  filter:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
 }
 .portfolio-hero.bw-contrast-surface :is(
  .hero-identity,.hero-identity h1,.hero-identity h1 a,
  .hero-name,.hero-tagline,.hero-tagline *,.hero-bottom,.hero-demo
 ) {color:#ffffff}
 .portfolio-hero.bw-contrast-surface .site-header:not(.is-scrolled),
 .portfolio-hero.bw-contrast-surface .site-header:not(.is-scrolled) :is(.site-nav,.site-nav a) {
  color:#ffffff;
 }
 .portfolio-hero.bw-contrast-surface .site-header.is-scrolled :is(.site-nav,.site-nav a) {
  color:inherit;
 }
}

/* v1.5.17: brightness belongs to the THIRD image itself, never to the text.
   Opacity crossfades carry the adjustment with the image. No media file changes. */
.blendenwerk-page .portfolio-hero .hero-background[data-background-position="3"] {
 filter:brightness(calc(1 - var(--home-slide-3-dimming,12) / 100));
}