/* Dwie powierzchnie z jednej palety; zieleń pozostaje akcentem. */
:root {
  --chapter-base: var(--app-surface);
  --chapter-raised: #e3eaf3;
}
:root[data-theme="dark"] {
  --chapter-base: var(--app-bg);
  --chapter-raised: var(--app-elevated);
}
.site-theme #dane { background: var(--chapter-raised); }
.site-theme #dla-kogo { background: var(--chapter-base); padding-bottom: 110px; }
.site-theme #demo { background: var(--chapter-raised); }
.site-theme #szukanie-regionalne { background: var(--chapter-base); }
.site-theme #lokale-do-wynajecia { background: var(--chapter-raised); }
.site-theme #funkcje { background: var(--chapter-base); }
.site-theme #model { background: var(--chapter-raised); }
.site-theme #kontakt { background: var(--chapter-base); }
.site-theme .section-chapter {
  position: relative;
  isolation: isolate;
  overflow: clip;
  border: 0;
  border-radius: 0;
  margin-top: 0;
  padding-top: 108px;
  padding-bottom: 112px;
}
.section-chapter > .container { position: relative; z-index: 1; }
@media(prefers-reduced-motion:no-preference) {
  .motion-enabled #demo { clip-path: inset(0 var(--chapter-inset,0px)); }
  .motion-enabled .regional-copy,
  .motion-enabled .stories-heading,
  .motion-enabled #model .section-heading {
    translate: 0 var(--chapter-heading-y,0px);
  }
}
@media(max-width:768px) {
  .site-theme .section-chapter { padding-top: 76px; padding-bottom: 88px; }
}

/* Mobilne hero zachowuje podgląd i mniejszą amplitudę paralaksy. */
@media(max-width:599px) {
  .site-theme .hero-grid { overflow: visible; gap: 38px; }
  .site-theme .hero-visual-desktop {
    display: grid; position: relative; min-height: 0; width: 100%;
    aspect-ratio: 1.12; padding: 0; margin: 0 auto;
  }
  .site-theme .hero-visual .desktop-preview { width: 90%; justify-self: start; }
  .site-theme .hero-visual .phone-overlap {
    display: block; position: absolute; width: 30%; right: 0; bottom: 0;
    transform: rotate(4deg);
  }
  .site-theme .hero-insight { display: none; }
  .site-theme .desktop-preview-top { gap: 4px; padding: 10px; }
  .site-theme .desktop-preview-top strong { font-size: .55rem; letter-spacing: .06em; }
  .site-theme .desktop-preview-top span { width: 5px; height: 5px; }
}
@media(max-width:768px) and (prefers-reduced-motion:no-preference) {
  .motion-enabled .hero-visual { translate: 0 var(--hero-screen-y,0px); }
  .motion-enabled .hero-phone-preview { translate: 0 var(--hero-phone-y,0px); }
  .motion-enabled .audience-copy .section-preview-accent { translate: 0 var(--audience-frame-y,0px); }
}