.gallery-container{min-height:100vh;background-color:#ffffff}.gallery-header{background-color:#ffffff;border-bottom:1px solid #e5e7eb;padding:24px}.header-content{max-width:1280px;margin:0 auto}.gallery-title{text-align:center;font-size:32px;font-weight:700;color:#131313;margin-bottom:8px}.gallery-description{text-align:center;color:#6b7280}.gallery-content{max-width:1280px;margin:0 auto;padding:24px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px;gap:16px}.gallery-item{cursor:pointer;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background-color:#ffffff;transition:all .3s ease}.gallery-item:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transform:scale(1.05)}.image-container{aspect-ratio:1;overflow:hidden}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover .gallery-image{transform:scale(1.1)}.image-caption{padding:12px}.caption-text{font-size:14px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-overlay{position:fixed;inset:0;z-index:50;background-color:rgba(0,0,0,.9);padding:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.modal-close{position:absolute;top:16px;right:16px;z-index:10;padding:8px;border-radius:50%;background-color:rgba(255,255,255,.1);color:white;border:none;cursor:pointer;transition:background-color .3s ease}.modal-close:hover{background-color:rgba(255,255,255,.2)}.modal-prev{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:10;padding:8px;border-radius:50%;background-color:rgba(255,255,255,.1);color:white;border:none;cursor:pointer;transition:background-color .3s ease}.modal-prev:hover{background-color:rgba(255,255,255,.2)}.modal-next{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10;padding:8px;border-radius:50%;background-color:rgba(255,255,255,.1);color:white;border:none;cursor:pointer;transition:background-color .3s ease}.modal-next:hover{background-color:rgba(255,255,255,.2)}.modal-image-container{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.modal-image{max-width:100%;max-height:100%;object-fit:contain}.modal-counter{bottom:16px;background-color:rgba(255,255,255,.1);color:white;padding:8px 16px;border-radius:50px}.modal-caption,.modal-counter{position:absolute;left:50%;transform:translateX(-50%)}.modal-caption{bottom:64px;max-width:512px;text-align:center}.modal-caption-text{color:rgba(255,255,255,.9);background-color:rgba(255,255,255,.1);padding:8px 16px;border-radius:8px;margin:0}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.gallery-content,.gallery-header{padding:16px}.gallery-title{font-size:24px}.modal-next,.modal-prev{padding:12px}.modal-caption{max-width:90vw;bottom:80px}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr 1fr;gap:8px}.gallery-title{font-size:20px}}