/* ---- Series Scroll (single column) ---- */

/* Container: centered, responsive width, fades in when ready */
#lightGallery{
  /* max width scales nicely from phones to desktops */
  width: min(100%, 62rem);           /* ~992px cap */
  margin: 0 auto;                    /* center the column */
  padding-inline: clamp(12px, 3vw, 24px);
  display: grid;
  grid-template-columns: 1fr;        /* single column */
  row-gap: 2.25rem;                  /* space between works */
  opacity: 0;
  transition: opacity .3s ease;
}
#lightGallery.ready{ opacity: 1; }

/* Each item */
.project-item{
  text-align: center;
}

/* Images: fill column, keep proportions, don’t explode vertically */
.project-item .full-image{
  width: 100%;
  height: auto;
  max-height: 80vh;                  /* prevents super-tall scroll jumps */
  object-fit: contain;
  display: block;
}

/* Captions / lightbox caption harmony */
.caption,
div.lg-sub-html p{
  font-family: "EB Garamond", serif;
  font-size: 1.05rem;
  line-height: 1.35;
  color: #444;
}
.caption{ margin-top: .5rem; }

/* Page wrapper: let content center without fighting your global layout */
.project-page {
  width: 60%;
  margin: 0 auto;
  padding-top: 45px;
}


.content{
  width: min(100%, 70rem);
  margin: 0 auto;
  text-align: left;
  padding-bottom: 3rem;
}

/* Small tweaks on phones */
@media (max-width: 600px){
  #lightGallery{ row-gap: 1.25rem; }
  .caption{ font-size: 1rem; }

  .project-page {
    width: 100%;
    margin: 0;
  }
}