/* ---- Fixed page background: the two figures stay while the content scrolls over them ---- */
.page-background {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--color-page-background);
}

.page-background__image {
  width: 100%;
  height: var(--home-background-image-height);
  object-fit: cover;
  object-position: 50% 50%;
}

/* ---- Intro slideshow (opaque white band) ---- */
.home-intro {
  position: relative;
  margin-top: var(--home-hero-space);   /* transparent: the background figures show through */
  height: var(--home-intro-height);
  background: var(--color-page-background);
}

.slideshow--home {
  position: absolute;
  left: var(--home-slideshow-left);
  top: var(--home-slideshow-top);
  width: var(--home-slideshow-width);
  height: var(--home-slideshow-height);
  --arrow-width: 14px;
  --arrow-offset: -17px;
  --transition-duration: 500ms;
}

.slideshow__slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

/* ---- Collage: transparent section, grey heading band, zig-zag images ---- */
.home-collage {
  position: relative;
  margin-top: var(--home-collage-space);
  height: var(--section-height);
}

.home-collage__heading-band {
  position: absolute;
  left: 0;
  right: 0;
  top: var(--home-heading-band-top);
  height: var(--home-heading-band-height);
  background: var(--color-heading-band);
  text-align: center;
  font-size: var(--home-heading-font-size);
  font-weight: 700;
  line-height: 1.4em;
  letter-spacing: var(--home-heading-letter-spacing);
  padding-top: 47px;
}

.home-collage__item {
  position: absolute;
  left: var(--left);
  top: var(--top);
  width: var(--width);
  height: var(--height);
  padding: 1px;
}

.home-collage__image { width: 100%; height: 100%; object-fit: cover; }

/* Scroll targets (Wix "anchors"): empty, invisible, placed at the exact Wix offset inside the section. */
.scroll-anchor { position: absolute; left: 0; width: 0; height: 0; }
#intro-anchor { top: 72px; }
#collage-anchor { top: 73px; }