/*
 * HIGHLINE — PHOTO INSIDE THE SVG LOGO
 * Load after styles.css. The existing .intro-cutout rule anchors this to the
 * bottom of the intro. No edits to the old pink banner's CSS are needed.
 * The photo and logo file references live in index.html; motion: intro-parallax.js.
 */
.intro-cutout.intro-cutout-parallax {
  height: auto;
  overflow: hidden;
  pointer-events: none;
}

.intro-cutout-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* The SVG mask stays on the stationary parent <g>; only the photo's x changes.
   No CSS scroll-timeline, fixed background, or CSS mask URL is required. */