/* Base layout */
body{
  margin:0;padding:70px 40px 20px;display:flex;flex-direction:column;
  font-family:Arial,sans-serif
}

/* ======= GALLERY GRID (people, wedding & engagement, family, food & product) ======= */
.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px}
.photo{position:relative;aspect-ratio:1/1;width:100%;background-size:cover;cursor:pointer;overflow:hidden}
.view-more{
  position:absolute;inset:0;background:rgba(255,255,255,.7);color:#000;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  opacity:0;transition:opacity .3s
}
.photo:hover .view-more{opacity:1}
.shoot-name{font-size:1.2em;font-weight:bold}
.shoot-subtitle {
  display: block;
  font-size: 0.85em;
  color: #555;
  font-style: italic;
  margin: 4px 0;
}
.view-more-text{font-size:.8em;margin-top:10px}

/* ======= LIGHTBOX / CAROUSEL (shared) ======= */
.carousel{
  display:none;position:fixed;inset:0;z-index:1000;
  background:rgba(0,0,0,.9);justify-content:center;align-items:center
}
.carousel img, .carousel video{max-width:80%;max-height:80%}
.close{position:absolute;top:20px;right:40px;font-size:2em;color:#fff;cursor:pointer}
.arrow{cursor:pointer;font-size:3em;color:#fff;user-select:none}
.arrow.left{position:absolute;left:30px}
.arrow.right{position:absolute;right:30px}