body[data-page=""] .hero-art.hero-photo .hero-night-image {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:49% center; opacity:0; transition:opacity 1.8s ease;
  pointer-events:none; z-index:1;
}
body[data-page=""] .hero-art.hero-photo.is-night .hero-night-image {opacity:1}
body[data-page=""] .hero-photo .hero-caption {z-index:4}
body[data-page=""] .hero-night-stars {position:absolute;inset:0 0 auto;height:18%;overflow:hidden;pointer-events:none;z-index:2;opacity:0;transition:opacity 1.8s ease}
body[data-page=""] .is-night .hero-night-stars {opacity:1}
body[data-page=""] .hero-night-stars i {position:absolute;top:18%;left:58%;width:54px;height:1px;background:linear-gradient(90deg,transparent,#e9eeffb0);opacity:0;transform:rotate(148deg);animation:hero-shooting-star 23s linear infinite;animation-play-state:paused}
body[data-page=""] .hero-night-stars i+i {top:35%;left:28%;width:36px;animation-duration:31s;animation-delay:9s}
body[data-page=""] .is-night:not(.night-motion-paused) .hero-night-stars i {animation-play-state:running}
@keyframes hero-shooting-star {0%,5%,100%{opacity:0;transform:translate(0,0) rotate(148deg)}1%{opacity:.65}4%{opacity:0;transform:translate(-70px,38px) rotate(148deg)}}
@media(prefers-reduced-motion:reduce){body[data-page=""] .hero-night-stars{display:none}body[data-page=""] .hero-art.hero-photo .hero-night-image{transition:none}}

/* Keep the original green edge blend above both photographs. */
body[data-page=""].homepage-v2 .hero-art.hero-photo::after{z-index:3}