/* Optional homepage scroll treatment. ?layering=off shows the original design. */
.scroll-feature-artwork { display: contents; }

@media (prefers-reduced-motion: no-preference) {
  .has-scroll-layering .scroll-opening {
    position: relative;
    isolation: isolate;
  }

  .has-scroll-layering .hero {
    position: sticky;
    top: var(--hero-pin-top, 0px);
    z-index: 0;
  }

  .has-scroll-layering .hero-video {
    transform: scale(var(--hero-depth-scale, 1));
    transform-origin: center;
  }

  .has-scroll-layering .hero-copy {
    translate: 0 var(--hero-copy-drift, 0px);
  }

  .has-scroll-layering .scroll-cue {
    opacity: var(--hero-cue-opacity, 1);
  }

  .has-scroll-layering .manifesto {
    position: relative;
    z-index: 1;
    box-shadow: 0 -24px 60px rgba(15, 14, 12, .16);
  }

  .has-scroll-layering .feature-card {
    isolation: isolate;
  }

  .has-scroll-layering .scroll-feature-artwork {
    display: block;
    position: absolute;
    z-index: 0;
    inset: -10% 0;
    translate: 0 var(--feature-image-drift, 0px);
    pointer-events: none;
  }

  .has-scroll-layering .feature-card .card-overlay,
  .has-scroll-layering .feature-card .card-meta,
  .has-scroll-layering .feature-card .play {
    z-index: 2;
  }
}