/* Homepage slideshow: centered, frame-filling photographs only. */
#project-slideshow.photo-area {
  display: block; position: relative; width: 100%; min-width: 0;
  height: auto; min-height: 0; padding: 0; overflow: hidden;
  aspect-ratio: 4 / 3; align-self: center;
  border: 1px solid #c9d8e3; border-radius: 12px;
  background: #e3ebf1; color: #17364b;
}
#project-slideshow [hidden] { display: none !important; }
#project-slideshow .homepage-stage { position: absolute; inset: 0; }
#project-slideshow .homepage-stage img {
  display: block; position: absolute; inset: 0; width: 100%; height: 100%;
  max-width: none; margin: 0; padding: 0;
  object-fit: cover; object-position: center center;
  opacity: 0; transition: opacity 650ms ease; transform: none;
}
#project-slideshow .homepage-stage img.is-active { opacity: 1; }
#project-slideshow .homepage-status {
  position: absolute; inset: 0; display: grid; place-items: center;
  box-sizing: border-box; margin: 0; padding: 24px; text-align: center;
}
@media (prefers-reduced-motion: reduce) {
  #project-slideshow .homepage-stage img { transition: none; }
}