/* Local photographic treatment. All photographs are decorative. */
.site-footer > div { flex-wrap:wrap; }
.site-footer .image-disclosure { color:var(--ink); }
.cold-open {
  background: linear-gradient(110deg,rgba(8,11,16,.38),rgba(8,11,16,.12) 50%,rgba(8,11,16,.3)),url('./assets/backgrounds/09-index-regulierung-raum-v1.webp') left top / cover no-repeat,#080b10;
}
/* Existing animation and copy retain their stacking order. */
.editorial-feature { isolation:isolate; }
.editorial-feature::before {
  content:""; position:absolute; z-index:-1; left:0; right:0; top:42%; height:66.667vw; transform:translateY(-42%); pointer-events:none;
  background-image:var(--feature-photo); background-size:cover;
  background-position:center; background-repeat:no-repeat;
  mask-image:linear-gradient(transparent,#000 18%,#000 78%,transparent);
}
.feature-one { --feature-photo:url('./assets/backgrounds/01-vorsichtshalber-v1.webp'); }
.feature-two { --feature-photo:url('./assets/backgrounds/02-spielraum-v1.webp'); }
.feature-rail { background-color:rgba(222,215,202,.92); }
.feature-two .feature-rail { background-color:rgba(145,196,200,.92); }
.feature-one .feature-body { background:linear-gradient(90deg,rgba(238,233,223,.97),rgba(238,233,223,.88) 43%,rgba(238,233,223,.18) 78%,rgba(238,233,223,.08)); }
.feature-two .feature-body { background:linear-gradient(90deg,rgba(184,217,220,.97),rgba(184,217,220,.89) 43%,rgba(184,217,220,.2) 78%,rgba(184,217,220,.12)); }
.feature-one .feature-quote { text-shadow:0 1px 12px #eee9df; background:linear-gradient(transparent,rgba(238,233,223,.9) 24%); }
.feature-two .feature-margin-note { background:rgba(184,217,220,.9); }
.feature-subline { text-shadow:0 1px 14px rgba(238,233,223,.6); }
.editorial-close {
  background:linear-gradient(90deg,rgba(167,145,135,.35),rgba(167,145,135,.12) 60%),url('./assets/backgrounds/03-weiter-detail-v1.webp') center / cover no-repeat,#a79187;
}
.editorial-close h2 { text-shadow:0 2px 22px rgba(8,11,16,.45); }
.editorial-close > p:not(.editorial-kicker) { background:rgba(167,145,135,.94); padding:1rem 1.25rem; border-radius:2px; }
.editorial-links { background:rgba(167,145,135,.93); }
.inner-page main { position:relative; isolation:isolate; }
.inner-page .inner-hero { position:relative; isolation:isolate; background:transparent; border-bottom-color:transparent; }
.inner-page .inner-hero::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg,rgba(8,11,16,.5),rgba(8,11,16,.65) 65%,rgba(8,11,16,.08)),var(--hero-photo) right center / cover no-repeat;
  mask-image:linear-gradient(#000 65%,transparent);
}
.page-basis { --hero-photo:url('./assets/backgrounds/04-basis-tragende-verbindung-v1.webp'); }
.page-transparenz { --hero-photo:url('./assets/backgrounds/07-transparenz-durchblick-v1.webp'); }
.photo-scene {
  position:absolute; z-index:-1; left:0; right:0; height:clamp(850px,110vw,1800px); pointer-events:none;
  background-image:linear-gradient(90deg,rgba(8,11,16,.75),rgba(8,11,16,.86) 72%,rgba(8,11,16,.18) 94%),var(--scene-photo);
  background-position:center,right center; background-size:cover; background-repeat:no-repeat;
  mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent);
}
.page-basis .photo-scene-middle { top:31%; --scene-photo:url('./assets/backgrounds/05-basis-wanddetail-v1.webp'); }
.page-basis .photo-scene-end { bottom:0; --scene-photo:url('./assets/backgrounds/06-basis-raumerweiterung-v1.webp'); }
.page-transparenz .photo-scene-middle { top:15%; --scene-photo:url('./assets/backgrounds/07-transparenz-durchblick-v1.webp'); opacity:.6; }
.page-transparenz .photo-scene-end { bottom:4%; height:clamp(1000px,100vw,1700px); --scene-photo:url('./assets/backgrounds/08-transparenz-uferkante-v1.webp'); }
.paper-layout,.info-grid { position:relative; background:transparent; }
@media(max-width:900px) {
  .editorial-feature::before { height:850px; background-size:auto 850px; background-position:75% center; opacity:.55; }
  .feature-one .feature-body { background:rgba(238,233,223,.84); }
  .feature-two .feature-body { background:rgba(184,217,220,.84); }
  .inner-page .inner-hero::before { opacity:.55; background-position:center,right center; }
  .photo-scene { opacity:.42; background-position:center,85% center; }
  .page-transparenz .photo-scene-middle { opacity:.3; }
  .editorial-close { background-position:65% center; }
}
@media(max-width:620px) {
  .cold-open { background-position:left top; }
  .editorial-close > p:not(.editorial-kicker) { padding:.75rem; }
  .editorial-links { padding:0 .5rem; }
  .photo-scene { opacity:.28; }
}
@media print {
  .photo-scene,.inner-page .inner-hero::before,.editorial-feature::before { display:none; }
  .cold-open,.editorial-close { background:none; }
}
