/* apps/h3lio-lab-site/src/photography/gallery.css */
#gallery.gallery{
    max-width: 1400px; margin: 0 auto;
    display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px; padding: 0 16px 48px;
  }
  .gallery__item{
    aspect-ratio: 1;          /* square tiles since your derivatives are square */
    background:#1f242b; border-radius:12px; overflow:hidden;
    outline:1px solid rgba(255,255,255,.06);
    display:block; text-decoration:none; color:inherit;
  }
  .gallery__img{
    width:100%; height:100%; object-fit:cover; display:block;
  }
  .lightbox{
    position:fixed; inset:0; display:none; align-items:center; justify-content:center;
    background:rgba(0,0,0,.85); z-index:9998;
  }
  .lightbox--open{ display:flex; }
  .lightbox__img{
    max-width:min(95vw, 1600px); max-height:90vh;
    border-radius:12px; box-shadow:0 12px 48px rgba(0,0,0,.6);
  }
  .lightbox__close{ position:absolute; top:14px; right:18px; font-size:36px; color:#fff; cursor:pointer; }