.gallery-page{background-color:var(--white)}.gallery-page .about-hero h1{font-size:2.2rem}.gallery-section{padding:40px 0 100px}.gallery-section .container{max-width:1600px!important;padding:0 20px!important}.reference-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.reference-item{background:var(--white);aspect-ratio:4/3;cursor:pointer;border-radius:40px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.reference-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.reference-item img{object-fit:cover;width:100%;height:100%}.lightbox-overlay{z-index:10000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-content{max-width:90%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;position:relative}.lightbox-content img{object-fit:contain;border-radius:20px;max-width:100%;max-height:90vh;box-shadow:0 20px 50px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:3rem;line-height:1;position:absolute;top:-40px;right:-40px}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:1200px){.reference-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.gallery-page .about-hero h1{font-size:2rem}.reference-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.reference-grid{grid-template-columns:1fr}.gallery-page .about-hero h1{font-size:1.6rem}.reference-item{border-radius:30px}.lightbox-close{top:-50px;right:0}}
