/* First Light: a homepage-only silent cloud film. */
#hero.wpj-cinema { isolation: isolate; }
.wpj-cinema .hero-slide { inset: 0; }
.wpj-cinema .hero-slide img {
  object-position: 50% 50%;
  animation: none;
  transform: scale(1.035);
  will-change: auto;
}
.wpj-cinema .cinema-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transform: scale(1.035);
  opacity: 0;
  transition: opacity 1.8s ease;
  pointer-events: none;
}
.wpj-cinema.cinema-ready .cinema-video { opacity: 1; }
.wpj-cinema .hero-overlay {
  pointer-events: none;
  background:
    radial-gradient(ellipse 64% 55% at 50% 44%, rgba(4, 11, 19, .55) 0%, rgba(4, 11, 19, .39) 60%, rgba(4, 11, 19, .06) 100%),
    linear-gradient(180deg, rgba(8, 15, 24, .16) 0%, rgba(8, 15, 24, .12) 35%, rgba(8, 15, 24, .25) 66%, rgba(20, 23, 27, .72) 86%, #1a1a1a 100%);
}
.wpj-cinema .hero-title {
  text-shadow: 0 2px 5px rgba(3, 8, 14, .3), 0 8px 36px rgba(3, 8, 14, .35);
}
.wpj-cinema .hero-eyebrow { color: #e6bd7c; }
.wpj-cinema .wp-hero-reply { color: #ded8ce; text-shadow: 0 1px 8px #080f18; }
@media (max-width: 640px) {
  #hero.wpj-cinema { height: calc(100svh - 60px); min-height: 560px; }
  .wpj-cinema .hero-slide img, .wpj-cinema .cinema-video { object-position: 29% 50%; }
  .wpj-cinema .hero-overlay {
    background:
      radial-gradient(ellipse 110% 53% at 50% 43%, rgba(4, 11, 19, .60), rgba(4, 11, 19, .32) 75%, transparent 100%),
      linear-gradient(180deg, rgba(8, 15, 24, .10), rgba(8, 15, 24, .20) 57%, rgba(20, 23, 27, .76) 86%, #1a1a1a 100%);
  }
}
@media (max-width: 360px) {
  .wpj-cinema .hero-title { font-size: clamp(1.45rem, 7.65vw, 1.72rem); }
}
@media (prefers-reduced-motion: reduce) {
  .wpj-cinema .cinema-video { display: none; }
  .wpj-cinema .hero-slide img { transform: none; }
}
@media print {
  .wpj-cinema .cinema-video { display: none !important; }
}