.intro {
  position: relative;
  height: 100svh;
  overflow: hidden;
  background: var(--film-bg);
}
.version-two header {
  background-color: rgb(var(--header-color, 255 255 255) / var(--header-opacity, 0));
  border: 0;
  box-shadow: none;
  transition: background-color var(--header-transition, 90ms) ease;
}
.version-two .header-cta {
  border: 0;
  cursor: pointer;
}
.intro-photo {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
/* Reuse the published family-scene masks, including their mobile variant. */
@media (min-width: 761px) {
  .intro-photo picture {
    inset: 14% 5% -4%;
  }
}
.intro-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
/* The second screen uses the original sticky story and scroll distances. */
.version-two .finale { display: none; }