.institutional-threshold__media--slideshow{
  inset:0 0 0 38%;
}
.institutional-threshold__media--slideshow .institutional-threshold__slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:translate3d(18px,0,0) scale(1.04);
  transition:opacity 1.15s ease, transform 7.2s ease;
  will-change:opacity,transform;
  pointer-events:none;
}
.institutional-threshold__media--slideshow .institutional-threshold__slide.is-active{
  opacity:1;
  transform:translate3d(0,0,0) scale(1.015);
}
@media (max-width: 980px){
  .institutional-threshold__media--slideshow{inset:0;}
  .institutional-threshold__media--slideshow .institutional-threshold__slide{transform:translate3d(10px,0,0) scale(1.03);}
}
@media (prefers-reduced-motion: reduce){
  .institutional-threshold__media--slideshow .institutional-threshold__slide{
    transition:none;
    transform:none;
  }
}

/* QC2 — Pin only the slideshow image; copy moves with the normal page scroll.
   The pinned layer stays behind the hero, review badges and subsequent opaque panels.
   Existing photos, transitions, controls and image crops are unchanged. */
@supports (position: sticky) {
  body.home-page--compact #main {
    isolation: isolate;
  }
  body.home-page--compact #main > .home-hero-pin {
    position: sticky;
    top: var(--eds-home-hero-entry-top, 0px);
    height: 0;
    z-index: 0;
    pointer-events: none;
  }
  body.home-page--compact #main > .home-hero-pin .institutional-threshold__media {
    position: absolute;
    inset: 0 0 auto 38%;
    height: calc(100svh - 110px);
    z-index: 0;
  }
  body.home-page--compact #main > .home-hero-pin .institutional-threshold__wash {
    position: absolute;
    inset: 0 0 auto 0;
    height: calc(100svh - 110px);
    z-index: 1;
  }
  body.home-page--compact #main > .institutional-threshold {
    position: relative;
    z-index: 1;
    background: transparent;
  }
  body.home-page--compact #main > .institutional-threshold ~ section {
    position: relative;
    z-index: 2;
  }
  /* The three review-platform badges gain a translucent ivory layer.
     The underlying image shows through without compromising text legibility. */
  body.home-page--compact #main > .eds-home-reputation-strip {
    background: rgba(250, 248, 243, .66);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }
  body.home-page--compact .eds-home-reputation-strip .eds-reputation__viewport {
    background: transparent;
  }
}
@media (max-width: 980px) {
  body.home-page--compact #main > .home-hero-pin .institutional-threshold__media {
    inset: 0 0 auto 0;
    height: calc(100svh - 102px);
  }
  body.home-page--compact #main > .home-hero-pin .institutional-threshold__wash {
    height: calc(100svh - 102px);
  }
}
@media (max-width: 760px) {
  body.home-page--compact #main > .home-hero-pin .institutional-threshold__media,
  body.home-page--compact #main > .home-hero-pin .institutional-threshold__wash {
    height: calc(100svh - 98px);
  }
}
@media (prefers-reduced-motion: reduce) {
  /* Standard layout, no pinned imagery when the visitor requests reduced motion. */
  body.home-page--compact #main > .home-hero-pin {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}

/* QC3 — Constrain the fixed-image plane to the homepage main content.
   overflow:clip does not create a new scrolling ancestor, so the sticky
   slideshow continues to work while its artwork cannot paint over the footer. */
@supports (overflow: clip) {
  body.home-page--compact #main {
    overflow: clip;
  }
}