/* Overscan keeps the background covered throughout the scroll movement. */
[data-project-hero] > .bg-wrap {
  overflow: hidden;
}

[data-project-hero-image] {
  position: absolute;
  inset: -10% 0 auto;
  width: 100%;
  height: 120%;
  max-width: none;
  object-fit: cover;
  /* Match the parallax renderer from the first paint, before JS initializes. */
  transform: translate3d(0, 0, 0);
}