@import url('./services.css');
.masonry-grid { columns: 3 260px; column-gap: 18px; }
.gallery-card { break-inside: avoid; margin: 0 0 18px; border-radius: 28px; overflow: hidden; position: relative; border: 0; padding: 0; background: transparent; box-shadow: var(--shadow); width: 100%; text-align: left; }
.gallery-card img, .gallery-card .missing-image { min-height: 260px; }
.gallery-card:nth-child(3n) img, .gallery-card:nth-child(3n) .missing-image { min-height: 380px; }
.lightbox { position: fixed; inset: 0; z-index: 120; background: rgba(45,31,36,.86); display: grid; place-items: center; padding: 22px; }
.lightbox[hidden] { display: none; }
.lightbox-inner { width: min(980px, 100%); background: var(--white); border-radius: 30px; padding: 18px; position: relative; }
.lightbox-media { height: min(70vh, 680px); border-radius: 22px; overflow: hidden; background: var(--secondary); }
.lightbox-actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 14px; }
.close-lightbox { position: absolute; right: 22px; top: 22px; z-index: 2; width: 42px; height: 42px; border-radius: 50%; border: 0; background: var(--white); color: var(--accent); }