.gallery-container.svelte-16h6p05{max-width:1200px;margin:0 auto;padding:2rem 1rem}.gallery-title.svelte-16h6p05{text-align:center;margin-bottom:2rem;font-size:2.5rem;color:var(--secondary-color)}.masonry-grid.svelte-16h6p05{columns:1;column-gap:1rem;width:100%}.masonry-item.svelte-16h6p05{display:inline-block;width:100%;margin-bottom:1rem;break-inside:avoid;position:relative;border:2px solid var(--secondary-color);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.masonry-item.svelte-16h6p05:hover{transform:translateY(-5px);box-shadow:0 8px 16px #efef364d}.masonry-item.svelte-16h6p05 img:where(.svelte-16h6p05){width:100%;height:auto;display:block;transition:opacity .3s ease}.image-overlay.svelte-16h6p05{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#202020e6);color:var(--secondary-color);padding:1rem;opacity:0;transition:opacity .3s ease}.masonry-item.svelte-16h6p05:hover .image-overlay:where(.svelte-16h6p05){opacity:1}.image-title.svelte-16h6p05{font-size:.9rem;font-weight:700}.modal-overlay.svelte-16h6p05{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content.svelte-16h6p05{position:relative;max-width:90vw;max-height:90vh;background:var(--primary-color);border:3px solid var(--secondary-color);padding:1rem}.modal-content.svelte-16h6p05 img:where(.svelte-16h6p05){width:100%;height:auto;max-width:80vw;max-height:70vh;object-fit:contain}.modal-close.svelte-16h6p05{position:absolute;top:-10px;right:-10px;background:var(--secondary-color);color:var(--primary-color);border:none;width:30px;height:30px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.modal-title.svelte-16h6p05{text-align:center;margin-top:1rem;color:var(--secondary-color);font-size:1.1rem}@media (min-width: 480px){.masonry-grid.svelte-16h6p05{columns:2}}@media (min-width: 768px){.masonry-grid.svelte-16h6p05{columns:3}}@media (min-width: 1024px){.masonry-grid.svelte-16h6p05{columns:4}}@media (min-width: 1200px){.masonry-grid.svelte-16h6p05{columns:5}}