.gallery{margin-top:var(--spacing-xl)}.title{margin-bottom:var(--spacing-md);font-size:1.125rem}.grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.item{border-radius:var(--radius-sm);aspect-ratio:4/3;background-color:var(--color-bg);cursor:pointer;transition:transform .2s ease-in-out;position:relative;overflow:hidden}.item:hover{z-index:1;transform:scale(1.02)}.item img{object-fit:cover}.lightbox{z-index:1000;background-color:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.lightboxImageWrapper{justify-content:center;align-items:center;width:90vw;max-width:1200px;height:90vh;max-height:800px;display:flex;position:relative}.lightboxImageWrapper img{object-fit:contain}.closeBtn{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;padding:10px;font-size:40px;font-weight:700;line-height:1;transition:color .2s;position:absolute;top:20px;right:30px}.closeBtn:hover{color:var(--color-primary,#ccc)}.prevBtn,.nextBtn{color:#fff;cursor:pointer;z-index:1001;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);background:#00000080;border:none;padding:16px;font-size:40px;font-weight:700;transition:background-color .2s;position:absolute;top:50%;transform:translateY(-50%)}.prevBtn:hover,.nextBtn:hover{background-color:#000c}.prevBtn{left:20px}.nextBtn{right:20px}.counter{color:#fff;z-index:1001;background:#00000080;border-radius:999px;padding:4px 12px;font-size:1rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (max-width:768px){.prevBtn,.nextBtn{padding:12px;font-size:24px}.prevBtn{left:10px}.nextBtn{right:10px}.closeBtn{font-size:32px;top:10px;right:15px}.lightboxImageWrapper{width:100vw;height:100vh}}