diff --git a/.gitignore b/.gitignore
index 14910d4b..aa0e9df7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@
 images/original/
 .playwright-mcp/
 code_export.txt
+images/_originals/
diff --git a/css/components/_lightbox.css b/css/components/_lightbox.css
index 17c91aec..a31e67e7 100644
--- a/css/components/_lightbox.css
+++ b/css/components/_lightbox.css
@@ -59,6 +59,19 @@
     text-align: center; color: rgba(255, 255, 255, 0.85);
     font-size: 14px; padding: 0 24px;
 }
+/* "Go to project" button (only shown for gallery-page albums) */
+.lightbox-project {
+    position: absolute; bottom: 46px; left: 50%; transform: translateX(-50%);
+    display: inline-flex; align-items: center;
+    padding: 9px 18px; border-radius: 999px;
+    background: #E8833A; color: #FFFFFF;
+    font-size: 14px; font-weight: 600; text-decoration: none;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
+    transition: background 0.15s ease, transform 0.15s ease;
+}
+.lightbox-project::after { content: "\00a0\2192"; }
+.lightbox-project:hover { background: #D9752E; transform: translateX(-50%) translateY(-1px); }
+.lightbox-project[hidden] { display: none; }
 
 @media (max-width: 700px) {
     .event-gallery { margin: 36px 0 8px; }
diff --git a/css/pages/_gallery.css b/css/pages/_gallery.css
index 496436a2..63de2255 100644
--- a/css/pages/_gallery.css
+++ b/css/pages/_gallery.css
@@ -43,7 +43,15 @@
 }
 .album-link-wrap { display: block; text-decoration: none; color: inherit; }
 
-/* The collage: 1 large tile (left) + 2 stacked tiles (right) */
+/* Story link (title/date/meta) — opens the article */
+.album-story-link { display: block; text-decoration: none; color: inherit; }
+.album-story-link .read-link::after { content: "\00a0\2192"; }
+
+/* Hidden per-album photo set that feeds the lightbox */
+.eg-hidden-gallery { display: none; }
+
+/* The collage: 1 large tile (left) + 2 stacked tiles (right).
+   It is a <button> that opens the photo lightbox. */
 .album-cover {
     display: grid;
     grid-template-columns: 2fr 1fr;
@@ -51,7 +59,29 @@
     gap: 3px;
     height: 220px;
     background: #EEF2F4;
+    position: relative;
+    width: 100%; padding: 0; margin: 0; border: 0;
+    font: inherit; color: inherit; text-align: inherit;
+    cursor: pointer; appearance: none; -webkit-appearance: none;
 }
+
+/* "View photos" pill that fades up on hover/focus to signal the cover opens photos */
+.album-cover-hint {
+    position: absolute; z-index: 3; left: 50%; bottom: 12px;
+    transform: translateX(-50%) translateY(6px);
+    display: inline-flex; align-items: center; gap: 7px;
+    padding: 8px 14px; border-radius: 999px;
+    background: rgba(9, 18, 26, 0.62); color: #FFFFFF;
+    font-size: 13px; font-weight: 600; white-space: nowrap;
+    opacity: 0; pointer-events: none;
+    transition: opacity 0.25s ease, transform 0.25s ease;
+}
+.album-card:hover .album-cover-hint,
+.album-cover:focus-visible .album-cover-hint {
+    opacity: 1; transform: translateX(-50%) translateY(0);
+}
+.album-cover:focus-visible { outline: 2px solid #2D738C; outline-offset: 2px; }
+
 .album-tile { position: relative; overflow: hidden; }
 .album-tile img {
     width: 100%; height: 100%; object-fit: cover; display: block;
diff --git a/en/gallery/index.html b/en/gallery/index.html
index 7b41c046..4ee13fa6 100644
--- a/en/gallery/index.html
+++ b/en/gallery/index.html
@@ -195,135 +195,240 @@
             <div class="gallery-hero-inner">
                 <p class="gallery-eyebrow">MSOS moments</p>
                 <h1>Our moments through the years</h1>
-                <p class="gallery-lead">A look back at the events, gatherings and moments that make the MSOS community. Click an album to open the story and see every photo.</p>
+                <p class="gallery-lead">A look back at the events, gatherings and moments that make the MSOS community. Click the photos to open the gallery, or the title to read the story.</p>
             </div>
         </section>
         <section class="gallery-albums">
             <article class="album-card">
-                <a class="album-link-wrap" href="../../en/projects/meet-student-slovenia-2024/" aria-label="Meet Student Slovenia 2024">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-meet-student-slovenia-2024" aria-label="View photos: Meet Student Slovenia 2024">
                         <span class="album-tile album-tile--main"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt="Meet Student Slovenia 2024, photo 1"></span>
                         <span class="album-tile"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-img-2.webp" alt="Meet Student Slovenia 2024, photo 2"></span>
                         <span class="album-tile"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-img-3.webp" alt="Meet Student Slovenia 2024, photo 3"><span class="cover-more-badge">+9</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> View photos</span>
+                    </button>
+                    <a class="album-story-link" href="../../en/projects/meet-student-slovenia-2024/">
+                        <div class="album-info">
                         <h3>Meet Student Slovenia 2024</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 16.09.2024</p>
                         <p class="album-meta"><span>12 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-meet-student-slovenia-2024" class="eg-hidden-gallery js-lightbox" data-project-url="../../en/projects/meet-student-slovenia-2024/" data-project-label="Read the story" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-1.webp" data-caption="Meet Student Slovenia 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-2.webp" data-caption="Meet Student Slovenia 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-3.webp" data-caption="Meet Student Slovenia 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-4.webp" data-caption="Meet Student Slovenia 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-5.webp" data-caption="Meet Student Slovenia 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-6.webp" data-caption="Meet Student Slovenia 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-7.webp" data-caption="Meet Student Slovenia 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-8.webp" data-caption="Meet Student Slovenia 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-9.webp" data-caption="Meet Student Slovenia 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-10.webp" data-caption="Meet Student Slovenia 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-11.webp" data-caption="Meet Student Slovenia 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-12.webp" data-caption="Meet Student Slovenia 2024"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../en/projects/meet-student-slovenia-2023/" aria-label="Meet Student Slovenia 2023">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-meet-student-slovenia-2023" aria-label="View photos: Meet Student Slovenia 2023">
                         <span class="album-tile album-tile--main"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Meet Student Slovenia 2023, photo 1"></span>
                         <span class="album-tile"><img width="1920" height="1317" loading="lazy" decoding="async" src="../../images/event3-photo-2.webp" alt="Meet Student Slovenia 2023, photo 2"></span>
                         <span class="album-tile"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="Meet Student Slovenia 2023, photo 3"><span class="cover-more-badge">+7</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> View photos</span>
+                    </button>
+                    <a class="album-story-link" href="../../en/projects/meet-student-slovenia-2023/">
+                        <div class="album-info">
                         <h3>Meet Student Slovenia 2023</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 18.09.2023</p>
                         <p class="album-meta"><span>10 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-meet-student-slovenia-2023" class="eg-hidden-gallery js-lightbox" data-project-url="../../en/projects/meet-student-slovenia-2023/" data-project-label="Read the story" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-1.webp" data-caption="Meet Student Slovenia 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-2.webp" data-caption="Meet Student Slovenia 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-3.webp" data-caption="Meet Student Slovenia 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-4.webp" data-caption="Meet Student Slovenia 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-5.webp" data-caption="Meet Student Slovenia 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-6.webp" data-caption="Meet Student Slovenia 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-7.webp" data-caption="Meet Student Slovenia 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-8.webp" data-caption="Meet Student Slovenia 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-9.webp" data-caption="Meet Student Slovenia 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-10.webp" data-caption="Meet Student Slovenia 2023"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../en/projects/humanitarian-tournament-in-maribor/" aria-label="Humanitarian Tournament in Maribor">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-humanitarian-tournament-in-maribor" aria-label="View photos: Humanitarian Tournament in Maribor">
                         <span class="album-tile album-tile--main"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/maribor-tournament-1.webp" alt="Humanitarian Tournament in Maribor, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/maribor-tournament-2.webp" alt="Humanitarian Tournament in Maribor, photo 2"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/maribor-tournament-3.webp" alt="Humanitarian Tournament in Maribor, photo 3"><span class="cover-more-badge">+7</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> View photos</span>
+                    </button>
+                    <a class="album-story-link" href="../../en/projects/humanitarian-tournament-in-maribor/">
+                        <div class="album-info">
                         <h3>Humanitarian Tournament in Maribor</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 05.04.2025</p>
                         <p class="album-meta"><span>10 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-humanitarian-tournament-in-maribor" class="eg-hidden-gallery js-lightbox" data-project-url="../../en/projects/humanitarian-tournament-in-maribor/" data-project-label="Read the story" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-1.webp" data-caption="Humanitarian Tournament in Maribor"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-2.webp" data-caption="Humanitarian Tournament in Maribor"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-3.webp" data-caption="Humanitarian Tournament in Maribor"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-4.webp" data-caption="Humanitarian Tournament in Maribor"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-5.webp" data-caption="Humanitarian Tournament in Maribor"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-6.webp" data-caption="Humanitarian Tournament in Maribor"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-7.webp" data-caption="Humanitarian Tournament in Maribor"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-8.webp" data-caption="Humanitarian Tournament in Maribor"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-9.webp" data-caption="Humanitarian Tournament in Maribor"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-10.webp" data-caption="Humanitarian Tournament in Maribor"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../en/projects/macedonian-student-night-in-ljubljana/" aria-label="Macedonian Student Night in Ljubljana">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-macedonian-student-night-in-ljubljana" aria-label="View photos: Macedonian Student Night in Ljubljana">
                         <span class="album-tile album-tile--main"><img width="1430" height="757" loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt="Macedonian Student Night in Ljubljana, photo 1"></span>
                         <span class="album-tile"><img width="936" height="422" loading="lazy" decoding="async" src="../../images/msnl-2.webp" alt="Macedonian Student Night in Ljubljana, photo 2"></span>
                         <span class="album-tile"><img width="1087" height="586" loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt="Macedonian Student Night in Ljubljana, photo 3"><span class="cover-more-badge">+4</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> View photos</span>
+                    </button>
+                    <a class="album-story-link" href="../../en/projects/macedonian-student-night-in-ljubljana/">
+                        <div class="album-info">
                         <h3>Macedonian Student Night in Ljubljana</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 08.10.2022</p>
                         <p class="album-meta"><span>7 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-macedonian-student-night-in-ljubljana" class="eg-hidden-gallery js-lightbox" data-project-url="../../en/projects/macedonian-student-night-in-ljubljana/" data-project-label="Read the story" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-1.webp" data-caption="Macedonian Student Night in Ljubljana"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-2.webp" data-caption="Macedonian Student Night in Ljubljana"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-3.webp" data-caption="Macedonian Student Night in Ljubljana"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-4.webp" data-caption="Macedonian Student Night in Ljubljana"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-5.webp" data-caption="Macedonian Student Night in Ljubljana"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-6.webp" data-caption="Macedonian Student Night in Ljubljana"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-7.webp" data-caption="Macedonian Student Night in Ljubljana"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../en/projects/paint-and-wine-at-sunset/" aria-label="Paint &amp; Wine at Sunset">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-paint-and-wine-at-sunset" aria-label="View photos: Paint &amp; Wine at Sunset">
                         <span class="album-tile album-tile--main"><img width="1600" height="1067" loading="lazy" decoding="async" src="../../images/paint-wine-1.webp" alt="Paint &amp; Wine at Sunset, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/paint-wine-2.webp" alt="Paint &amp; Wine at Sunset, photo 2"></span>
                         <span class="album-tile"><img width="1600" height="1067" loading="lazy" decoding="async" src="../../images/paint-wine-3.webp" alt="Paint &amp; Wine at Sunset, photo 3"><span class="cover-more-badge">+6</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> View photos</span>
+                    </button>
+                    <a class="album-story-link" href="../../en/projects/paint-and-wine-at-sunset/">
+                        <div class="album-info">
                         <h3>Paint &amp; Wine at Sunset</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 08.03.2025</p>
                         <p class="album-meta"><span>9 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-paint-and-wine-at-sunset" class="eg-hidden-gallery js-lightbox" data-project-url="../../en/projects/paint-and-wine-at-sunset/" data-project-label="Read the story" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-1.webp" data-caption="Paint &amp; Wine at Sunset"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-2.webp" data-caption="Paint &amp; Wine at Sunset"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-3.webp" data-caption="Paint &amp; Wine at Sunset"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-4.webp" data-caption="Paint &amp; Wine at Sunset"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-5.webp" data-caption="Paint &amp; Wine at Sunset"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-6.webp" data-caption="Paint &amp; Wine at Sunset"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-7.webp" data-caption="Paint &amp; Wine at Sunset"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-8.webp" data-caption="Paint &amp; Wine at Sunset"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-9.webp" data-caption="Paint &amp; Wine at Sunset"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../en/projects/watching-handball-together-in-slovenia/" aria-label="Watching Handball Together in Slovenia">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-watching-handball-together-in-slovenia" aria-label="View photos: Watching Handball Together in Slovenia">
                         <span class="album-tile album-tile--main"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/handball-2025-1.webp" alt="Watching Handball Together in Slovenia, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/handball-2025-2.webp" alt="Watching Handball Together in Slovenia, photo 2"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/handball-2025-3.webp" alt="Watching Handball Together in Slovenia, photo 3"><span class="cover-more-badge">+4</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> View photos</span>
+                    </button>
+                    <a class="album-story-link" href="../../en/projects/watching-handball-together-in-slovenia/">
+                        <div class="album-info">
                         <h3>Watching Handball Together in Slovenia</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 25.01.2025</p>
                         <p class="album-meta"><span>7 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-watching-handball-together-in-slovenia" class="eg-hidden-gallery js-lightbox" data-project-url="../../en/projects/watching-handball-together-in-slovenia/" data-project-label="Read the story" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-1.webp" data-caption="Watching Handball Together in Slovenia"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-2.webp" data-caption="Watching Handball Together in Slovenia"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-3.webp" data-caption="Watching Handball Together in Slovenia"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-4.webp" data-caption="Watching Handball Together in Slovenia"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-5.webp" data-caption="Watching Handball Together in Slovenia"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-6.webp" data-caption="Watching Handball Together in Slovenia"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-7.webp" data-caption="Watching Handball Together in Slovenia"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../en/projects/morning-coffee-in-front-of-ctk/" aria-label="Morning Coffee in front of CTK">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-morning-coffee-in-front-of-ctk" aria-label="View photos: Morning Coffee in front of CTK">
                         <span class="album-tile album-tile--main"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="Morning Coffee in front of CTK, photo 1"></span>
                         <span class="album-tile"><img width="1425" height="950" loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Morning Coffee in front of CTK, photo 2"></span>
                         <span class="album-tile"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="Morning Coffee in front of CTK, photo 3"><span class="cover-more-badge">+4</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> View photos</span>
+                    </button>
+                    <a class="album-story-link" href="../../en/projects/morning-coffee-in-front-of-ctk/">
+                        <div class="album-info">
                         <h3>Morning Coffee in front of CTK</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 08.06.2024</p>
                         <p class="album-meta"><span>7 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-morning-coffee-in-front-of-ctk" class="eg-hidden-gallery js-lightbox" data-project-url="../../en/projects/morning-coffee-in-front-of-ctk/" data-project-label="Read the story" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image1.webp" data-caption="Morning Coffee in front of CTK"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image2.webp" data-caption="Morning Coffee in front of CTK"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image3.webp" data-caption="Morning Coffee in front of CTK"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image4.webp" data-caption="Morning Coffee in front of CTK"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image5.webp" data-caption="Morning Coffee in front of CTK"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image6.webp" data-caption="Morning Coffee in front of CTK"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image7.webp" data-caption="Morning Coffee in front of CTK"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../en/projects/in-memory-of-frosina-kulakova/" aria-label="In Memory of Frosina Kulakova">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-in-memory-of-frosina-kulakova" aria-label="View photos: In Memory of Frosina Kulakova">
                         <span class="album-tile album-tile--main"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/frosina-1.webp" alt="In Memory of Frosina Kulakova, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/frosina-2.webp" alt="In Memory of Frosina Kulakova, photo 2"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/frosina-3.webp" alt="In Memory of Frosina Kulakova, photo 3"></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> View photos</span>
+                    </button>
+                    <a class="album-story-link" href="../../en/projects/in-memory-of-frosina-kulakova/">
+                        <div class="album-info">
                         <h3>In Memory of Frosina Kulakova</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 08.02.2025</p>
                         <p class="album-meta"><span>3 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-in-memory-of-frosina-kulakova" class="eg-hidden-gallery js-lightbox" data-project-url="../../en/projects/in-memory-of-frosina-kulakova/" data-project-label="Read the story" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/frosina-1.webp" data-caption="In Memory of Frosina Kulakova"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/frosina-2.webp" data-caption="In Memory of Frosina Kulakova"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/frosina-3.webp" data-caption="In Memory of Frosina Kulakova"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../en/projects/in-memory-of-the-kochani-victims/" aria-label="In Memory of the Kochani Victims">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-in-memory-of-the-kochani-victims" aria-label="View photos: In Memory of the Kochani Victims">
                         <span class="album-tile album-tile--main"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/kochani-1.webp" alt="In Memory of the Kochani Victims, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/kochani-2.webp" alt="In Memory of the Kochani Victims, photo 2"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/kochani-3.webp" alt="In Memory of the Kochani Victims, photo 3"><span class="cover-more-badge">+1</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> View photos</span>
+                    </button>
+                    <a class="album-story-link" href="../../en/projects/in-memory-of-the-kochani-victims/">
+                        <div class="album-info">
                         <h3>In Memory of the Kochani Victims</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 21.03.2025</p>
                         <p class="album-meta"><span>4 photos</span><span class="dot" aria-hidden="true"></span><span class="read-link">Read the story</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-in-memory-of-the-kochani-victims" class="eg-hidden-gallery js-lightbox" data-project-url="../../en/projects/in-memory-of-the-kochani-victims/" data-project-label="Read the story" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/kochani-1.webp" data-caption="In Memory of the Kochani Victims"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/kochani-2.webp" data-caption="In Memory of the Kochani Victims"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/kochani-3.webp" data-caption="In Memory of the Kochani Victims"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/kochani-4.webp" data-caption="In Memory of the Kochani Victims"></button>
+                    </div>
             </article>
         </section>
     </main>
@@ -400,6 +505,7 @@
 </footer>
 <!-- END_FOOTER -->
 
+<script src="../../main.js"></script>
 <link rel="stylesheet" href="/assistant.css">
 <script src="/assistant.js" defer></script>
 </body>
diff --git a/images/about-hero-01.webp b/images/about-hero-01.webp
index 71f72390..a9552809 100644
Binary files a/images/about-hero-01.webp and b/images/about-hero-01.webp differ
diff --git a/images/about-hero-02.webp b/images/about-hero-02.webp
index f6a11481..15c0b586 100644
Binary files a/images/about-hero-02.webp and b/images/about-hero-02.webp differ
diff --git a/images/about-hero-03.webp b/images/about-hero-03.webp
index 4e51f60f..0bca22c1 100644
Binary files a/images/about-hero-03.webp and b/images/about-hero-03.webp differ
diff --git a/images/about-hero-04.webp b/images/about-hero-04.webp
index db42957b..6058881d 100644
Binary files a/images/about-hero-04.webp and b/images/about-hero-04.webp differ
diff --git a/images/about-hero-05.webp b/images/about-hero-05.webp
index 1f68e29c..f926505f 100644
Binary files a/images/about-hero-05.webp and b/images/about-hero-05.webp differ
diff --git a/images/about-hero-06.webp b/images/about-hero-06.webp
index 5e8e8671..2569e5ae 100644
Binary files a/images/about-hero-06.webp and b/images/about-hero-06.webp differ
diff --git a/images/about-hero-07.webp b/images/about-hero-07.webp
index 4b097027..aed1ebef 100644
Binary files a/images/about-hero-07.webp and b/images/about-hero-07.webp differ
diff --git a/images/about-hero-08.webp b/images/about-hero-08.webp
index 22e8938d..964fb703 100644
Binary files a/images/about-hero-08.webp and b/images/about-hero-08.webp differ
diff --git a/images/about-hero-09.webp b/images/about-hero-09.webp
index 38047851..4354beb7 100644
Binary files a/images/about-hero-09.webp and b/images/about-hero-09.webp differ
diff --git a/images/about-hero-10.webp b/images/about-hero-10.webp
index 393e5f6c..693d4cc1 100644
Binary files a/images/about-hero-10.webp and b/images/about-hero-10.webp differ
diff --git a/images/about-hero-11.webp b/images/about-hero-11.webp
index 2dd5991e..35b81613 100644
Binary files a/images/about-hero-11.webp and b/images/about-hero-11.webp differ
diff --git a/images/about-hero-12.webp b/images/about-hero-12.webp
index 31481cc9..3aebfab7 100644
Binary files a/images/about-hero-12.webp and b/images/about-hero-12.webp differ
diff --git a/images/about-hero-13.webp b/images/about-hero-13.webp
index 333c1121..00c0c00c 100644
Binary files a/images/about-hero-13.webp and b/images/about-hero-13.webp differ
diff --git a/images/about-hero-14.webp b/images/about-hero-14.webp
index 3cf5928e..1e9d5079 100644
Binary files a/images/about-hero-14.webp and b/images/about-hero-14.webp differ
diff --git a/images/about-hero-15.webp b/images/about-hero-15.webp
index 586866b5..24395255 100644
Binary files a/images/about-hero-15.webp and b/images/about-hero-15.webp differ
diff --git a/images/about-hero-16.webp b/images/about-hero-16.webp
index 982a77fa..8ac4b731 100644
Binary files a/images/about-hero-16.webp and b/images/about-hero-16.webp differ
diff --git a/images/about-hero-17.webp b/images/about-hero-17.webp
index 3405a3ed..9300c07a 100644
Binary files a/images/about-hero-17.webp and b/images/about-hero-17.webp differ
diff --git a/images/event3-photo-1.webp b/images/event3-photo-1.webp
index 2a0dbb40..16094cf6 100644
Binary files a/images/event3-photo-1.webp and b/images/event3-photo-1.webp differ
diff --git a/images/event3-photo-10.webp b/images/event3-photo-10.webp
index 9a0b8b4e..8dfbf440 100644
Binary files a/images/event3-photo-10.webp and b/images/event3-photo-10.webp differ
diff --git a/images/event3-photo-2.webp b/images/event3-photo-2.webp
index d6b0a3e6..ce589a1d 100644
Binary files a/images/event3-photo-2.webp and b/images/event3-photo-2.webp differ
diff --git a/images/event3-photo-3.webp b/images/event3-photo-3.webp
index e470a737..fb78017c 100644
Binary files a/images/event3-photo-3.webp and b/images/event3-photo-3.webp differ
diff --git a/images/event3-photo-4.webp b/images/event3-photo-4.webp
index 489c8deb..265ad9f7 100644
Binary files a/images/event3-photo-4.webp and b/images/event3-photo-4.webp differ
diff --git a/images/event3-photo-5.webp b/images/event3-photo-5.webp
index 0a76938c..23abd7f4 100644
Binary files a/images/event3-photo-5.webp and b/images/event3-photo-5.webp differ
diff --git a/images/event3-photo-6.webp b/images/event3-photo-6.webp
index 1817042a..789f7b32 100644
Binary files a/images/event3-photo-6.webp and b/images/event3-photo-6.webp differ
diff --git a/images/event3-photo-7.webp b/images/event3-photo-7.webp
index 244a9f62..5249ef33 100644
Binary files a/images/event3-photo-7.webp and b/images/event3-photo-7.webp differ
diff --git a/images/event3-photo-8.webp b/images/event3-photo-8.webp
index ced988a5..2b14a050 100644
Binary files a/images/event3-photo-8.webp and b/images/event3-photo-8.webp differ
diff --git a/images/event3-photo-9.webp b/images/event3-photo-9.webp
index 27cbe550..b5352c80 100644
Binary files a/images/event3-photo-9.webp and b/images/event3-photo-9.webp differ
diff --git a/images/event4-image1.webp b/images/event4-image1.webp
index 1a8024a6..8778ffa5 100644
Binary files a/images/event4-image1.webp and b/images/event4-image1.webp differ
diff --git a/images/event4-image2.webp b/images/event4-image2.webp
index ce3c7ae7..0260fbba 100644
Binary files a/images/event4-image2.webp and b/images/event4-image2.webp differ
diff --git a/images/event4-image3.webp b/images/event4-image3.webp
index f9ae5726..987ba562 100644
Binary files a/images/event4-image3.webp and b/images/event4-image3.webp differ
diff --git a/images/event4-image4.webp b/images/event4-image4.webp
index 0446de3d..0b433eec 100644
Binary files a/images/event4-image4.webp and b/images/event4-image4.webp differ
diff --git a/images/event4-image5.webp b/images/event4-image5.webp
index ef9444dd..a3dad4f6 100644
Binary files a/images/event4-image5.webp and b/images/event4-image5.webp differ
diff --git a/images/event4-image6.webp b/images/event4-image6.webp
index 8a69cd4d..552de163 100644
Binary files a/images/event4-image6.webp and b/images/event4-image6.webp differ
diff --git a/images/event4-image7.webp b/images/event4-image7.webp
index 3ea51456..9d277c90 100644
Binary files a/images/event4-image7.webp and b/images/event4-image7.webp differ
diff --git a/images/event4-img-1.webp b/images/event4-img-1.webp
index b0e08d92..6c236353 100644
Binary files a/images/event4-img-1.webp and b/images/event4-img-1.webp differ
diff --git a/images/event4-img-10.webp b/images/event4-img-10.webp
index 6f33824c..9f34235e 100644
Binary files a/images/event4-img-10.webp and b/images/event4-img-10.webp differ
diff --git a/images/event4-img-11.webp b/images/event4-img-11.webp
index 95286c0a..6c4e2194 100644
Binary files a/images/event4-img-11.webp and b/images/event4-img-11.webp differ
diff --git a/images/event4-img-12.webp b/images/event4-img-12.webp
index 7315855c..e92b717d 100644
Binary files a/images/event4-img-12.webp and b/images/event4-img-12.webp differ
diff --git a/images/event4-img-2.webp b/images/event4-img-2.webp
index e9bdf5b9..1c14f9e3 100644
Binary files a/images/event4-img-2.webp and b/images/event4-img-2.webp differ
diff --git a/images/event4-img-3.webp b/images/event4-img-3.webp
index 16cf2333..c8c86446 100644
Binary files a/images/event4-img-3.webp and b/images/event4-img-3.webp differ
diff --git a/images/event4-img-4.webp b/images/event4-img-4.webp
index 5f997850..27f7998d 100644
Binary files a/images/event4-img-4.webp and b/images/event4-img-4.webp differ
diff --git a/images/event4-img-5.webp b/images/event4-img-5.webp
index db4fe725..aec31e5c 100644
Binary files a/images/event4-img-5.webp and b/images/event4-img-5.webp differ
diff --git a/images/event4-img-6.webp b/images/event4-img-6.webp
index 7f646be2..600b5a44 100644
Binary files a/images/event4-img-6.webp and b/images/event4-img-6.webp differ
diff --git a/images/event4-img-7.webp b/images/event4-img-7.webp
index da3041f4..b316039e 100644
Binary files a/images/event4-img-7.webp and b/images/event4-img-7.webp differ
diff --git a/images/event4-img-8.webp b/images/event4-img-8.webp
index 81094d17..bf873f48 100644
Binary files a/images/event4-img-8.webp and b/images/event4-img-8.webp differ
diff --git a/images/event4-img-9.webp b/images/event4-img-9.webp
index 0659ee69..39f7cd09 100644
Binary files a/images/event4-img-9.webp and b/images/event4-img-9.webp differ
diff --git a/images/frosina-1.webp b/images/frosina-1.webp
index 89adfc1c..0159668d 100644
Binary files a/images/frosina-1.webp and b/images/frosina-1.webp differ
diff --git a/images/frosina-2.webp b/images/frosina-2.webp
index 3b15ebaf..f8c91430 100644
Binary files a/images/frosina-2.webp and b/images/frosina-2.webp differ
diff --git a/images/frosina-3.webp b/images/frosina-3.webp
index f6a13c4a..cb3ee709 100644
Binary files a/images/frosina-3.webp and b/images/frosina-3.webp differ
diff --git a/images/handball-2025-1.webp b/images/handball-2025-1.webp
index 6691ed23..b795f4ec 100644
Binary files a/images/handball-2025-1.webp and b/images/handball-2025-1.webp differ
diff --git a/images/handball-2025-2.webp b/images/handball-2025-2.webp
index 70429ac3..312d6d94 100644
Binary files a/images/handball-2025-2.webp and b/images/handball-2025-2.webp differ
diff --git a/images/handball-2025-3.webp b/images/handball-2025-3.webp
index b3c49b25..c15f0e06 100644
Binary files a/images/handball-2025-3.webp and b/images/handball-2025-3.webp differ
diff --git a/images/handball-2025-4.webp b/images/handball-2025-4.webp
index c8015d8e..99a5b207 100644
Binary files a/images/handball-2025-4.webp and b/images/handball-2025-4.webp differ
diff --git a/images/handball-2025-5.webp b/images/handball-2025-5.webp
index 12d8e987..8c9bbd84 100644
Binary files a/images/handball-2025-5.webp and b/images/handball-2025-5.webp differ
diff --git a/images/handball-2025-6.webp b/images/handball-2025-6.webp
index f4bd167d..909e0878 100644
Binary files a/images/handball-2025-6.webp and b/images/handball-2025-6.webp differ
diff --git a/images/handball-2025-7.webp b/images/handball-2025-7.webp
index b21bb8ee..82fdb117 100644
Binary files a/images/handball-2025-7.webp and b/images/handball-2025-7.webp differ
diff --git a/images/hub-shot-1.webp b/images/hub-shot-1.webp
index f6983839..79279514 100644
Binary files a/images/hub-shot-1.webp and b/images/hub-shot-1.webp differ
diff --git a/images/hub-shot-2.webp b/images/hub-shot-2.webp
index 5d52fad6..d2c05578 100644
Binary files a/images/hub-shot-2.webp and b/images/hub-shot-2.webp differ
diff --git a/images/hub-shot-3.webp b/images/hub-shot-3.webp
index a4ffe930..552ffb4f 100644
Binary files a/images/hub-shot-3.webp and b/images/hub-shot-3.webp differ
diff --git a/images/hub-shot-4.webp b/images/hub-shot-4.webp
index c8f90169..a1709d96 100644
Binary files a/images/hub-shot-4.webp and b/images/hub-shot-4.webp differ
diff --git a/images/kochani-1.webp b/images/kochani-1.webp
index 752590d3..aafc6197 100644
Binary files a/images/kochani-1.webp and b/images/kochani-1.webp differ
diff --git a/images/kochani-2.webp b/images/kochani-2.webp
index e1918f4d..13249ded 100644
Binary files a/images/kochani-2.webp and b/images/kochani-2.webp differ
diff --git a/images/kochani-3.webp b/images/kochani-3.webp
index 6732bf7d..495c5c2f 100644
Binary files a/images/kochani-3.webp and b/images/kochani-3.webp differ
diff --git a/images/kochani-4.webp b/images/kochani-4.webp
index 7c33ca46..bedb0d57 100644
Binary files a/images/kochani-4.webp and b/images/kochani-4.webp differ
diff --git a/images/maribor-tournament-1.webp b/images/maribor-tournament-1.webp
index 79ee2006..03f44c3f 100644
Binary files a/images/maribor-tournament-1.webp and b/images/maribor-tournament-1.webp differ
diff --git a/images/maribor-tournament-10.webp b/images/maribor-tournament-10.webp
index 3d9abcdc..5c6c04c3 100644
Binary files a/images/maribor-tournament-10.webp and b/images/maribor-tournament-10.webp differ
diff --git a/images/maribor-tournament-2.webp b/images/maribor-tournament-2.webp
index 5fb6d7b0..eb47e3aa 100644
Binary files a/images/maribor-tournament-2.webp and b/images/maribor-tournament-2.webp differ
diff --git a/images/maribor-tournament-3.webp b/images/maribor-tournament-3.webp
index 4b9b0904..650cf798 100644
Binary files a/images/maribor-tournament-3.webp and b/images/maribor-tournament-3.webp differ
diff --git a/images/maribor-tournament-4.webp b/images/maribor-tournament-4.webp
index 50923e74..ed48bdc9 100644
Binary files a/images/maribor-tournament-4.webp and b/images/maribor-tournament-4.webp differ
diff --git a/images/maribor-tournament-5.webp b/images/maribor-tournament-5.webp
index 994e591a..4a80b60d 100644
Binary files a/images/maribor-tournament-5.webp and b/images/maribor-tournament-5.webp differ
diff --git a/images/maribor-tournament-6.webp b/images/maribor-tournament-6.webp
index 6845275d..c1537208 100644
Binary files a/images/maribor-tournament-6.webp and b/images/maribor-tournament-6.webp differ
diff --git a/images/maribor-tournament-7.webp b/images/maribor-tournament-7.webp
index 9c476df9..07c51785 100644
Binary files a/images/maribor-tournament-7.webp and b/images/maribor-tournament-7.webp differ
diff --git a/images/maribor-tournament-8.webp b/images/maribor-tournament-8.webp
index 0caa2d24..1e7bdd1e 100644
Binary files a/images/maribor-tournament-8.webp and b/images/maribor-tournament-8.webp differ
diff --git a/images/maribor-tournament-9.webp b/images/maribor-tournament-9.webp
index 53442752..77742aa9 100644
Binary files a/images/maribor-tournament-9.webp and b/images/maribor-tournament-9.webp differ
diff --git a/images/members-01.webp b/images/members-01.webp
index 00bc0384..15b01ab6 100644
Binary files a/images/members-01.webp and b/images/members-01.webp differ
diff --git a/images/members-02.webp b/images/members-02.webp
index f5e2b503..b0390c2b 100644
Binary files a/images/members-02.webp and b/images/members-02.webp differ
diff --git a/images/members-03.webp b/images/members-03.webp
index 374873c4..6f7e2f61 100644
Binary files a/images/members-03.webp and b/images/members-03.webp differ
diff --git a/images/members-04.webp b/images/members-04.webp
index c8efd0c1..a4493e7e 100644
Binary files a/images/members-04.webp and b/images/members-04.webp differ
diff --git a/images/members-05.webp b/images/members-05.webp
index 7caee24c..9313f224 100644
Binary files a/images/members-05.webp and b/images/members-05.webp differ
diff --git a/images/members-06.webp b/images/members-06.webp
index db4ff6d9..28556a0a 100644
Binary files a/images/members-06.webp and b/images/members-06.webp differ
diff --git a/images/members-07.webp b/images/members-07.webp
index a924961c..3f8da7ae 100644
Binary files a/images/members-07.webp and b/images/members-07.webp differ
diff --git a/images/members-08.webp b/images/members-08.webp
index e9b304bd..c0889c12 100644
Binary files a/images/members-08.webp and b/images/members-08.webp differ
diff --git a/images/members-09.webp b/images/members-09.webp
index 5f95590d..e905a390 100644
Binary files a/images/members-09.webp and b/images/members-09.webp differ
diff --git a/images/members-10.webp b/images/members-10.webp
index 74bf5806..3af90bbd 100644
Binary files a/images/members-10.webp and b/images/members-10.webp differ
diff --git a/images/members-11.webp b/images/members-11.webp
index 0bb7b245..d464c412 100644
Binary files a/images/members-11.webp and b/images/members-11.webp differ
diff --git a/images/members-12.webp b/images/members-12.webp
index a9040855..ecf3db5a 100644
Binary files a/images/members-12.webp and b/images/members-12.webp differ
diff --git a/images/members-13.webp b/images/members-13.webp
index 632f6fed..befc8ca2 100644
Binary files a/images/members-13.webp and b/images/members-13.webp differ
diff --git a/images/members-14.webp b/images/members-14.webp
index 8fd3123a..f673626d 100644
Binary files a/images/members-14.webp and b/images/members-14.webp differ
diff --git a/images/members-15.webp b/images/members-15.webp
index 9823ff6c..9b9c8889 100644
Binary files a/images/members-15.webp and b/images/members-15.webp differ
diff --git a/images/members-16.webp b/images/members-16.webp
index a8af5e7d..712b781e 100644
Binary files a/images/members-16.webp and b/images/members-16.webp differ
diff --git a/images/members-17.webp b/images/members-17.webp
index f1a697ed..c1517892 100644
Binary files a/images/members-17.webp and b/images/members-17.webp differ
diff --git a/images/members-18.webp b/images/members-18.webp
index 52cc9393..188b31d3 100644
Binary files a/images/members-18.webp and b/images/members-18.webp differ
diff --git a/images/members-19.webp b/images/members-19.webp
index e3eea2bb..b4047164 100644
Binary files a/images/members-19.webp and b/images/members-19.webp differ
diff --git a/images/members-20.webp b/images/members-20.webp
index d0362e32..2061efa4 100644
Binary files a/images/members-20.webp and b/images/members-20.webp differ
diff --git a/images/members-21.webp b/images/members-21.webp
index dc507938..345e6fa6 100644
Binary files a/images/members-21.webp and b/images/members-21.webp differ
diff --git a/images/members-22.webp b/images/members-22.webp
index a68ac575..3f8b5145 100644
Binary files a/images/members-22.webp and b/images/members-22.webp differ
diff --git a/images/msnl-1.webp b/images/msnl-1.webp
index 316ab9f4..855f4757 100644
Binary files a/images/msnl-1.webp and b/images/msnl-1.webp differ
diff --git a/images/msnl-2.webp b/images/msnl-2.webp
index e29061f4..f16477dd 100644
Binary files a/images/msnl-2.webp and b/images/msnl-2.webp differ
diff --git a/images/msnl-3.webp b/images/msnl-3.webp
index bc08aaaa..f508e52e 100644
Binary files a/images/msnl-3.webp and b/images/msnl-3.webp differ
diff --git a/images/msnl-4.webp b/images/msnl-4.webp
index ec8ff272..13f84aa5 100644
Binary files a/images/msnl-4.webp and b/images/msnl-4.webp differ
diff --git a/images/msnl-5.webp b/images/msnl-5.webp
index e1a6f768..29b75eac 100644
Binary files a/images/msnl-5.webp and b/images/msnl-5.webp differ
diff --git a/images/msnl-6.webp b/images/msnl-6.webp
index 8bb3367f..229d98ec 100644
Binary files a/images/msnl-6.webp and b/images/msnl-6.webp differ
diff --git a/images/msnl-7.webp b/images/msnl-7.webp
index a9b5f82b..f0d90093 100644
Binary files a/images/msnl-7.webp and b/images/msnl-7.webp differ
diff --git a/images/msos-macedonian-music-event.webp b/images/msos-macedonian-music-event.webp
index 9477b894..8821d071 100644
Binary files a/images/msos-macedonian-music-event.webp and b/images/msos-macedonian-music-event.webp differ
diff --git a/images/msos_foundation.webp b/images/msos_foundation.webp
index 53dc3d5c..e8671c0e 100644
Binary files a/images/msos_foundation.webp and b/images/msos_foundation.webp differ
diff --git a/images/paint-wine-1.webp b/images/paint-wine-1.webp
index d2a215cb..a7c2f207 100644
Binary files a/images/paint-wine-1.webp and b/images/paint-wine-1.webp differ
diff --git a/images/paint-wine-2.webp b/images/paint-wine-2.webp
index 9da71f76..1952e577 100644
Binary files a/images/paint-wine-2.webp and b/images/paint-wine-2.webp differ
diff --git a/images/paint-wine-3.webp b/images/paint-wine-3.webp
index 8599f5d9..cd6fc03c 100644
Binary files a/images/paint-wine-3.webp and b/images/paint-wine-3.webp differ
diff --git a/images/paint-wine-4.webp b/images/paint-wine-4.webp
index 094856ba..9aa58f89 100644
Binary files a/images/paint-wine-4.webp and b/images/paint-wine-4.webp differ
diff --git a/images/paint-wine-5.webp b/images/paint-wine-5.webp
index 2fe551d9..5a365fcb 100644
Binary files a/images/paint-wine-5.webp and b/images/paint-wine-5.webp differ
diff --git a/images/paint-wine-6.webp b/images/paint-wine-6.webp
index f03c54e0..ac6cd0a3 100644
Binary files a/images/paint-wine-6.webp and b/images/paint-wine-6.webp differ
diff --git a/images/paint-wine-7.webp b/images/paint-wine-7.webp
index e3f3d847..01fab598 100644
Binary files a/images/paint-wine-7.webp and b/images/paint-wine-7.webp differ
diff --git a/images/paint-wine-8.webp b/images/paint-wine-8.webp
index dc8a3028..57bf9d17 100644
Binary files a/images/paint-wine-8.webp and b/images/paint-wine-8.webp differ
diff --git a/images/paint-wine-9.webp b/images/paint-wine-9.webp
index 2de80cb5..8746da15 100644
Binary files a/images/paint-wine-9.webp and b/images/paint-wine-9.webp differ
diff --git a/main.js b/main.js
index 7f840504..ee4a5d62 100644
--- a/main.js
+++ b/main.js
@@ -873,11 +873,13 @@ document.addEventListener('DOMContentLoaded', function() {
             '<button type="button" class="lightbox-prev" aria-label="Previous">&#10094;</button>' +
             '<img class="lightbox-img" src="" alt="">' +
             '<button type="button" class="lightbox-next" aria-label="Next">&#10095;</button>' +
+            '<a class="lightbox-project" href="#" hidden></a>' +
             '<div class="lightbox-caption"></div>';
         document.body.appendChild(lb);
 
         var img = lb.querySelector('.lightbox-img');
         var cap = lb.querySelector('.lightbox-caption');
+        var proj = lb.querySelector('.lightbox-project');
         var group = [];
         var idx = 0;
 
@@ -892,6 +894,15 @@ document.addEventListener('DOMContentLoaded', function() {
                 return { full: b.getAttribute('data-full'), caption: b.getAttribute('data-caption') || '' };
             });
             idx = start;
+            // Optional "go to project" link (present on gallery-page albums).
+            var purl = grid.getAttribute('data-project-url');
+            if (purl) {
+                proj.setAttribute('href', purl);
+                proj.textContent = grid.getAttribute('data-project-label') || 'View project';
+                proj.hidden = false;
+            } else {
+                proj.hidden = true;
+            }
             render();
             lb.classList.add('is-open');
             lb.setAttribute('aria-hidden', 'false');
@@ -910,6 +921,13 @@ document.addEventListener('DOMContentLoaded', function() {
                 b.addEventListener('click', function () { open(grid, i); });
             });
         });
+        // Triggers that open a target gallery (e.g. gallery-page album covers).
+        document.querySelectorAll('[data-lightbox-target]').forEach(function (trig) {
+            trig.addEventListener('click', function () {
+                var g = document.getElementById(trig.getAttribute('data-lightbox-target'));
+                if (g) open(g, 0);
+            });
+        });
         lb.querySelector('.lightbox-close').addEventListener('click', close);
         lb.querySelector('.lightbox-prev').addEventListener('click', function () { step(-1); });
         lb.querySelector('.lightbox-next').addEventListener('click', function () { step(1); });
diff --git a/mk/gallery/index.html b/mk/gallery/index.html
index d510562e..99ed7de2 100644
--- a/mk/gallery/index.html
+++ b/mk/gallery/index.html
@@ -195,135 +195,240 @@
             <div class="gallery-hero-inner">
                 <p class="gallery-eyebrow">Моменти од МСОС</p>
                 <h1>Нашите моменти низ годините</h1>
-                <p class="gallery-lead">Поглед наназад кон настаните, дружењата и моментите што ја создаваат заедницата на МСОС. Кликни на албум за да ја отвориш приказната и да ги видиш сите фотографии.</p>
+                <p class="gallery-lead">Поглед наназад кон настаните, дружењата и моментите што ја создаваат заедницата на МСОС. Кликни на фотографиите за да ја отвориш галеријата, или на насловот за да ја прочиташ приказната.</p>
             </div>
         </section>
         <section class="gallery-albums">
             <article class="album-card">
-                <a class="album-link-wrap" href="../../mk/projects/meet-student-slovenia-2024/" aria-label="Запознај ја студентска Словенија 2024">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-meet-student-slovenia-2024" aria-label="Погледни фотографии: Запознај ја студентска Словенија 2024">
                         <span class="album-tile album-tile--main"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt="Запознај ја студентска Словенија 2024, photo 1"></span>
                         <span class="album-tile"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-img-2.webp" alt="Запознај ја студентска Словенија 2024, photo 2"></span>
                         <span class="album-tile"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-img-3.webp" alt="Запознај ја студентска Словенија 2024, photo 3"><span class="cover-more-badge">+9</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Погледни фотографии</span>
+                    </button>
+                    <a class="album-story-link" href="../../mk/projects/meet-student-slovenia-2024/">
+                        <div class="album-info">
                         <h3>Запознај ја студентска Словенија 2024</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 16.09.2024</p>
                         <p class="album-meta"><span>12 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-meet-student-slovenia-2024" class="eg-hidden-gallery js-lightbox" data-project-url="../../mk/projects/meet-student-slovenia-2024/" data-project-label="Прочитај ја приказната" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-1.webp" data-caption="Запознај ја студентска Словенија 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-2.webp" data-caption="Запознај ја студентска Словенија 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-3.webp" data-caption="Запознај ја студентска Словенија 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-4.webp" data-caption="Запознај ја студентска Словенија 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-5.webp" data-caption="Запознај ја студентска Словенија 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-6.webp" data-caption="Запознај ја студентска Словенија 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-7.webp" data-caption="Запознај ја студентска Словенија 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-8.webp" data-caption="Запознај ја студентска Словенија 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-9.webp" data-caption="Запознај ја студентска Словенија 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-10.webp" data-caption="Запознај ја студентска Словенија 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-11.webp" data-caption="Запознај ја студентска Словенија 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-12.webp" data-caption="Запознај ја студентска Словенија 2024"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../mk/projects/meet-student-slovenia-2023/" aria-label="Запознај ја студентска Словенија 2023">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-meet-student-slovenia-2023" aria-label="Погледни фотографии: Запознај ја студентска Словенија 2023">
                         <span class="album-tile album-tile--main"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Запознај ја студентска Словенија 2023, photo 1"></span>
                         <span class="album-tile"><img width="1920" height="1317" loading="lazy" decoding="async" src="../../images/event3-photo-2.webp" alt="Запознај ја студентска Словенија 2023, photo 2"></span>
                         <span class="album-tile"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="Запознај ја студентска Словенија 2023, photo 3"><span class="cover-more-badge">+7</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Погледни фотографии</span>
+                    </button>
+                    <a class="album-story-link" href="../../mk/projects/meet-student-slovenia-2023/">
+                        <div class="album-info">
                         <h3>Запознај ја студентска Словенија 2023</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 18.09.2023</p>
                         <p class="album-meta"><span>10 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-meet-student-slovenia-2023" class="eg-hidden-gallery js-lightbox" data-project-url="../../mk/projects/meet-student-slovenia-2023/" data-project-label="Прочитај ја приказната" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-1.webp" data-caption="Запознај ја студентска Словенија 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-2.webp" data-caption="Запознај ја студентска Словенија 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-3.webp" data-caption="Запознај ја студентска Словенија 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-4.webp" data-caption="Запознај ја студентска Словенија 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-5.webp" data-caption="Запознај ја студентска Словенија 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-6.webp" data-caption="Запознај ја студентска Словенија 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-7.webp" data-caption="Запознај ја студентска Словенија 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-8.webp" data-caption="Запознај ја студентска Словенија 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-9.webp" data-caption="Запознај ја студентска Словенија 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-10.webp" data-caption="Запознај ја студентска Словенија 2023"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../mk/projects/humanitarian-tournament-in-maribor/" aria-label="Хуманитарен турнир во Марибор">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-humanitarian-tournament-in-maribor" aria-label="Погледни фотографии: Хуманитарен турнир во Марибор">
                         <span class="album-tile album-tile--main"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/maribor-tournament-1.webp" alt="Хуманитарен турнир во Марибор, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/maribor-tournament-2.webp" alt="Хуманитарен турнир во Марибор, photo 2"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/maribor-tournament-3.webp" alt="Хуманитарен турнир во Марибор, photo 3"><span class="cover-more-badge">+7</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Погледни фотографии</span>
+                    </button>
+                    <a class="album-story-link" href="../../mk/projects/humanitarian-tournament-in-maribor/">
+                        <div class="album-info">
                         <h3>Хуманитарен турнир во Марибор</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 05.04.2025</p>
                         <p class="album-meta"><span>10 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-humanitarian-tournament-in-maribor" class="eg-hidden-gallery js-lightbox" data-project-url="../../mk/projects/humanitarian-tournament-in-maribor/" data-project-label="Прочитај ја приказната" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-1.webp" data-caption="Хуманитарен турнир во Марибор"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-2.webp" data-caption="Хуманитарен турнир во Марибор"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-3.webp" data-caption="Хуманитарен турнир во Марибор"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-4.webp" data-caption="Хуманитарен турнир во Марибор"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-5.webp" data-caption="Хуманитарен турнир во Марибор"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-6.webp" data-caption="Хуманитарен турнир во Марибор"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-7.webp" data-caption="Хуманитарен турнир во Марибор"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-8.webp" data-caption="Хуманитарен турнир во Марибор"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-9.webp" data-caption="Хуманитарен турнир во Марибор"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-10.webp" data-caption="Хуманитарен турнир во Марибор"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../mk/projects/macedonian-student-night-in-ljubljana/" aria-label="Македонска студентска вечер во Љубљана">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-macedonian-student-night-in-ljubljana" aria-label="Погледни фотографии: Македонска студентска вечер во Љубљана">
                         <span class="album-tile album-tile--main"><img width="1430" height="757" loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана, photo 1"></span>
                         <span class="album-tile"><img width="936" height="422" loading="lazy" decoding="async" src="../../images/msnl-2.webp" alt="Македонска студентска вечер во Љубљана, photo 2"></span>
                         <span class="album-tile"><img width="1087" height="586" loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt="Македонска студентска вечер во Љубљана, photo 3"><span class="cover-more-badge">+4</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Погледни фотографии</span>
+                    </button>
+                    <a class="album-story-link" href="../../mk/projects/macedonian-student-night-in-ljubljana/">
+                        <div class="album-info">
                         <h3>Македонска студентска вечер во Љубљана</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 08.10.2022</p>
                         <p class="album-meta"><span>7 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-macedonian-student-night-in-ljubljana" class="eg-hidden-gallery js-lightbox" data-project-url="../../mk/projects/macedonian-student-night-in-ljubljana/" data-project-label="Прочитај ја приказната" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-1.webp" data-caption="Македонска студентска вечер во Љубљана"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-2.webp" data-caption="Македонска студентска вечер во Љубљана"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-3.webp" data-caption="Македонска студентска вечер во Љубљана"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-4.webp" data-caption="Македонска студентска вечер во Љубљана"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-5.webp" data-caption="Македонска студентска вечер во Љубљана"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-6.webp" data-caption="Македонска студентска вечер во Љубљана"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-7.webp" data-caption="Македонска студентска вечер во Љубљана"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../mk/projects/paint-and-wine-at-sunset/" aria-label="Сликање и вино на зајдисонце">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-paint-and-wine-at-sunset" aria-label="Погледни фотографии: Сликање и вино на зајдисонце">
                         <span class="album-tile album-tile--main"><img width="1600" height="1067" loading="lazy" decoding="async" src="../../images/paint-wine-1.webp" alt="Сликање и вино на зајдисонце, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/paint-wine-2.webp" alt="Сликање и вино на зајдисонце, photo 2"></span>
                         <span class="album-tile"><img width="1600" height="1067" loading="lazy" decoding="async" src="../../images/paint-wine-3.webp" alt="Сликање и вино на зајдисонце, photo 3"><span class="cover-more-badge">+6</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Погледни фотографии</span>
+                    </button>
+                    <a class="album-story-link" href="../../mk/projects/paint-and-wine-at-sunset/">
+                        <div class="album-info">
                         <h3>Сликање и вино на зајдисонце</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 08.03.2025</p>
                         <p class="album-meta"><span>9 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-paint-and-wine-at-sunset" class="eg-hidden-gallery js-lightbox" data-project-url="../../mk/projects/paint-and-wine-at-sunset/" data-project-label="Прочитај ја приказната" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-1.webp" data-caption="Сликање и вино на зајдисонце"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-2.webp" data-caption="Сликање и вино на зајдисонце"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-3.webp" data-caption="Сликање и вино на зајдисонце"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-4.webp" data-caption="Сликање и вино на зајдисонце"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-5.webp" data-caption="Сликање и вино на зајдисонце"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-6.webp" data-caption="Сликање и вино на зајдисонце"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-7.webp" data-caption="Сликање и вино на зајдисонце"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-8.webp" data-caption="Сликање и вино на зајдисонце"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-9.webp" data-caption="Сликање и вино на зајдисонце"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../mk/projects/watching-handball-together-in-slovenia/" aria-label="Заедничко гледање ракомет во Словенија">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-watching-handball-together-in-slovenia" aria-label="Погледни фотографии: Заедничко гледање ракомет во Словенија">
                         <span class="album-tile album-tile--main"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/handball-2025-1.webp" alt="Заедничко гледање ракомет во Словенија, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/handball-2025-2.webp" alt="Заедничко гледање ракомет во Словенија, photo 2"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/handball-2025-3.webp" alt="Заедничко гледање ракомет во Словенија, photo 3"><span class="cover-more-badge">+4</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Погледни фотографии</span>
+                    </button>
+                    <a class="album-story-link" href="../../mk/projects/watching-handball-together-in-slovenia/">
+                        <div class="album-info">
                         <h3>Заедничко гледање ракомет во Словенија</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 25.01.2025</p>
                         <p class="album-meta"><span>7 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-watching-handball-together-in-slovenia" class="eg-hidden-gallery js-lightbox" data-project-url="../../mk/projects/watching-handball-together-in-slovenia/" data-project-label="Прочитај ја приказната" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-1.webp" data-caption="Заедничко гледање ракомет во Словенија"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-2.webp" data-caption="Заедничко гледање ракомет во Словенија"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-3.webp" data-caption="Заедничко гледање ракомет во Словенија"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-4.webp" data-caption="Заедничко гледање ракомет во Словенија"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-5.webp" data-caption="Заедничко гледање ракомет во Словенија"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-6.webp" data-caption="Заедничко гледање ракомет во Словенија"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-7.webp" data-caption="Заедничко гледање ракомет во Словенија"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../mk/projects/morning-coffee-in-front-of-ctk/" aria-label="Утринско кафе пред ЦТК">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-morning-coffee-in-front-of-ctk" aria-label="Погледни фотографии: Утринско кафе пред ЦТК">
                         <span class="album-tile album-tile--main"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="Утринско кафе пред ЦТК, photo 1"></span>
                         <span class="album-tile"><img width="1425" height="950" loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Утринско кафе пред ЦТК, photo 2"></span>
                         <span class="album-tile"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="Утринско кафе пред ЦТК, photo 3"><span class="cover-more-badge">+4</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Погледни фотографии</span>
+                    </button>
+                    <a class="album-story-link" href="../../mk/projects/morning-coffee-in-front-of-ctk/">
+                        <div class="album-info">
                         <h3>Утринско кафе пред ЦТК</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 08.06.2024</p>
                         <p class="album-meta"><span>7 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-morning-coffee-in-front-of-ctk" class="eg-hidden-gallery js-lightbox" data-project-url="../../mk/projects/morning-coffee-in-front-of-ctk/" data-project-label="Прочитај ја приказната" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image1.webp" data-caption="Утринско кафе пред ЦТК"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image2.webp" data-caption="Утринско кафе пред ЦТК"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image3.webp" data-caption="Утринско кафе пред ЦТК"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image4.webp" data-caption="Утринско кафе пред ЦТК"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image5.webp" data-caption="Утринско кафе пред ЦТК"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image6.webp" data-caption="Утринско кафе пред ЦТК"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image7.webp" data-caption="Утринско кафе пред ЦТК"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../mk/projects/in-memory-of-frosina-kulakova/" aria-label="Во спомен на Фросина Кулакова">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-in-memory-of-frosina-kulakova" aria-label="Погледни фотографии: Во спомен на Фросина Кулакова">
                         <span class="album-tile album-tile--main"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/frosina-1.webp" alt="Во спомен на Фросина Кулакова, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/frosina-2.webp" alt="Во спомен на Фросина Кулакова, photo 2"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/frosina-3.webp" alt="Во спомен на Фросина Кулакова, photo 3"></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Погледни фотографии</span>
+                    </button>
+                    <a class="album-story-link" href="../../mk/projects/in-memory-of-frosina-kulakova/">
+                        <div class="album-info">
                         <h3>Во спомен на Фросина Кулакова</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 08.02.2025</p>
                         <p class="album-meta"><span>3 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-in-memory-of-frosina-kulakova" class="eg-hidden-gallery js-lightbox" data-project-url="../../mk/projects/in-memory-of-frosina-kulakova/" data-project-label="Прочитај ја приказната" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/frosina-1.webp" data-caption="Во спомен на Фросина Кулакова"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/frosina-2.webp" data-caption="Во спомен на Фросина Кулакова"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/frosina-3.webp" data-caption="Во спомен на Фросина Кулакова"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../mk/projects/in-memory-of-the-kochani-victims/" aria-label="Во спомен на жртвите во Кочани">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-in-memory-of-the-kochani-victims" aria-label="Погледни фотографии: Во спомен на жртвите во Кочани">
                         <span class="album-tile album-tile--main"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/kochani-1.webp" alt="Во спомен на жртвите во Кочани, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/kochani-2.webp" alt="Во спомен на жртвите во Кочани, photo 2"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/kochani-3.webp" alt="Во спомен на жртвите во Кочани, photo 3"><span class="cover-more-badge">+1</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Погледни фотографии</span>
+                    </button>
+                    <a class="album-story-link" href="../../mk/projects/in-memory-of-the-kochani-victims/">
+                        <div class="album-info">
                         <h3>Во спомен на жртвите во Кочани</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 21.03.2025</p>
                         <p class="album-meta"><span>4 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-in-memory-of-the-kochani-victims" class="eg-hidden-gallery js-lightbox" data-project-url="../../mk/projects/in-memory-of-the-kochani-victims/" data-project-label="Прочитај ја приказната" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/kochani-1.webp" data-caption="Во спомен на жртвите во Кочани"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/kochani-2.webp" data-caption="Во спомен на жртвите во Кочани"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/kochani-3.webp" data-caption="Во спомен на жртвите во Кочани"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/kochani-4.webp" data-caption="Во спомен на жртвите во Кочани"></button>
+                    </div>
             </article>
         </section>
     </main>
@@ -400,6 +505,7 @@
 </footer>
 <!-- END_FOOTER -->
 
+<script src="../../main.js"></script>
 <link rel="stylesheet" href="/assistant.css">
 <script src="/assistant.js" defer></script>
 </body>
diff --git a/si/gallery/index.html b/si/gallery/index.html
index dc9206b6..4bbe7b17 100644
--- a/si/gallery/index.html
+++ b/si/gallery/index.html
@@ -195,135 +195,240 @@
             <div class="gallery-hero-inner">
                 <p class="gallery-eyebrow">Trenutki MSOS</p>
                 <h1>Naši trenutki skozi leta</h1>
-                <p class="gallery-lead">Pogled nazaj na dogodke, druženja in trenutke, ki gradijo skupnost MSOS. Kliknite album, da odprete zgodbo in vidite vse fotografije.</p>
+                <p class="gallery-lead">Pogled nazaj na dogodke, druženja in trenutke, ki gradijo skupnost MSOS. Kliknite fotografije, da odprete galerijo, ali naslov, da preberete zgodbo.</p>
             </div>
         </section>
         <section class="gallery-albums">
             <article class="album-card">
-                <a class="album-link-wrap" href="../../si/projects/meet-student-slovenia-2024/" aria-label="Spoznaj študentsko Slovenijo 2024">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-meet-student-slovenia-2024" aria-label="Oglej si fotografije: Spoznaj študentsko Slovenijo 2024">
                         <span class="album-tile album-tile--main"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 1"></span>
                         <span class="album-tile"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-img-2.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 2"></span>
                         <span class="album-tile"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-img-3.webp" alt="Spoznaj študentsko Slovenijo 2024, photo 3"><span class="cover-more-badge">+9</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Oglej si fotografije</span>
+                    </button>
+                    <a class="album-story-link" href="../../si/projects/meet-student-slovenia-2024/">
+                        <div class="album-info">
                         <h3>Spoznaj študentsko Slovenijo 2024</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 16.09.2024</p>
                         <p class="album-meta"><span>12 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-meet-student-slovenia-2024" class="eg-hidden-gallery js-lightbox" data-project-url="../../si/projects/meet-student-slovenia-2024/" data-project-label="Preberi zgodbo" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-1.webp" data-caption="Spoznaj študentsko Slovenijo 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-2.webp" data-caption="Spoznaj študentsko Slovenijo 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-3.webp" data-caption="Spoznaj študentsko Slovenijo 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-4.webp" data-caption="Spoznaj študentsko Slovenijo 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-5.webp" data-caption="Spoznaj študentsko Slovenijo 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-6.webp" data-caption="Spoznaj študentsko Slovenijo 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-7.webp" data-caption="Spoznaj študentsko Slovenijo 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-8.webp" data-caption="Spoznaj študentsko Slovenijo 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-9.webp" data-caption="Spoznaj študentsko Slovenijo 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-10.webp" data-caption="Spoznaj študentsko Slovenijo 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-11.webp" data-caption="Spoznaj študentsko Slovenijo 2024"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-img-12.webp" data-caption="Spoznaj študentsko Slovenijo 2024"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../si/projects/meet-student-slovenia-2023/" aria-label="Spoznaj študentsko Slovenijo 2023">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-meet-student-slovenia-2023" aria-label="Oglej si fotografije: Spoznaj študentsko Slovenijo 2023">
                         <span class="album-tile album-tile--main"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Spoznaj študentsko Slovenijo 2023, photo 1"></span>
                         <span class="album-tile"><img width="1920" height="1317" loading="lazy" decoding="async" src="../../images/event3-photo-2.webp" alt="Spoznaj študentsko Slovenijo 2023, photo 2"></span>
                         <span class="album-tile"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="Spoznaj študentsko Slovenijo 2023, photo 3"><span class="cover-more-badge">+7</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Oglej si fotografije</span>
+                    </button>
+                    <a class="album-story-link" href="../../si/projects/meet-student-slovenia-2023/">
+                        <div class="album-info">
                         <h3>Spoznaj študentsko Slovenijo 2023</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 18.09.2023</p>
                         <p class="album-meta"><span>10 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-meet-student-slovenia-2023" class="eg-hidden-gallery js-lightbox" data-project-url="../../si/projects/meet-student-slovenia-2023/" data-project-label="Preberi zgodbo" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-1.webp" data-caption="Spoznaj študentsko Slovenijo 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-2.webp" data-caption="Spoznaj študentsko Slovenijo 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-3.webp" data-caption="Spoznaj študentsko Slovenijo 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-4.webp" data-caption="Spoznaj študentsko Slovenijo 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-5.webp" data-caption="Spoznaj študentsko Slovenijo 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-6.webp" data-caption="Spoznaj študentsko Slovenijo 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-7.webp" data-caption="Spoznaj študentsko Slovenijo 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-8.webp" data-caption="Spoznaj študentsko Slovenijo 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-9.webp" data-caption="Spoznaj študentsko Slovenijo 2023"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event3-photo-10.webp" data-caption="Spoznaj študentsko Slovenijo 2023"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../si/projects/humanitarian-tournament-in-maribor/" aria-label="Humanitarni turnir v Mariboru">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-humanitarian-tournament-in-maribor" aria-label="Oglej si fotografije: Humanitarni turnir v Mariboru">
                         <span class="album-tile album-tile--main"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/maribor-tournament-1.webp" alt="Humanitarni turnir v Mariboru, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/maribor-tournament-2.webp" alt="Humanitarni turnir v Mariboru, photo 2"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/maribor-tournament-3.webp" alt="Humanitarni turnir v Mariboru, photo 3"><span class="cover-more-badge">+7</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Oglej si fotografije</span>
+                    </button>
+                    <a class="album-story-link" href="../../si/projects/humanitarian-tournament-in-maribor/">
+                        <div class="album-info">
                         <h3>Humanitarni turnir v Mariboru</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 05.04.2025</p>
                         <p class="album-meta"><span>10 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-humanitarian-tournament-in-maribor" class="eg-hidden-gallery js-lightbox" data-project-url="../../si/projects/humanitarian-tournament-in-maribor/" data-project-label="Preberi zgodbo" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-1.webp" data-caption="Humanitarni turnir v Mariboru"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-2.webp" data-caption="Humanitarni turnir v Mariboru"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-3.webp" data-caption="Humanitarni turnir v Mariboru"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-4.webp" data-caption="Humanitarni turnir v Mariboru"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-5.webp" data-caption="Humanitarni turnir v Mariboru"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-6.webp" data-caption="Humanitarni turnir v Mariboru"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-7.webp" data-caption="Humanitarni turnir v Mariboru"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-8.webp" data-caption="Humanitarni turnir v Mariboru"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-9.webp" data-caption="Humanitarni turnir v Mariboru"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/maribor-tournament-10.webp" data-caption="Humanitarni turnir v Mariboru"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../si/projects/macedonian-student-night-in-ljubljana/" aria-label="Makedonski študentski večer v Ljubljani">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-macedonian-student-night-in-ljubljana" aria-label="Oglej si fotografije: Makedonski študentski večer v Ljubljani">
                         <span class="album-tile album-tile--main"><img width="1430" height="757" loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt="Makedonski študentski večer v Ljubljani, photo 1"></span>
                         <span class="album-tile"><img width="936" height="422" loading="lazy" decoding="async" src="../../images/msnl-2.webp" alt="Makedonski študentski večer v Ljubljani, photo 2"></span>
                         <span class="album-tile"><img width="1087" height="586" loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt="Makedonski študentski večer v Ljubljani, photo 3"><span class="cover-more-badge">+4</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Oglej si fotografije</span>
+                    </button>
+                    <a class="album-story-link" href="../../si/projects/macedonian-student-night-in-ljubljana/">
+                        <div class="album-info">
                         <h3>Makedonski študentski večer v Ljubljani</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 08.10.2022</p>
                         <p class="album-meta"><span>7 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-macedonian-student-night-in-ljubljana" class="eg-hidden-gallery js-lightbox" data-project-url="../../si/projects/macedonian-student-night-in-ljubljana/" data-project-label="Preberi zgodbo" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-1.webp" data-caption="Makedonski študentski večer v Ljubljani"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-2.webp" data-caption="Makedonski študentski večer v Ljubljani"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-3.webp" data-caption="Makedonski študentski večer v Ljubljani"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-4.webp" data-caption="Makedonski študentski večer v Ljubljani"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-5.webp" data-caption="Makedonski študentski večer v Ljubljani"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-6.webp" data-caption="Makedonski študentski večer v Ljubljani"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/msnl-7.webp" data-caption="Makedonski študentski večer v Ljubljani"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../si/projects/paint-and-wine-at-sunset/" aria-label="Slikanje in vino ob sončnem zahodu">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-paint-and-wine-at-sunset" aria-label="Oglej si fotografije: Slikanje in vino ob sončnem zahodu">
                         <span class="album-tile album-tile--main"><img width="1600" height="1067" loading="lazy" decoding="async" src="../../images/paint-wine-1.webp" alt="Slikanje in vino ob sončnem zahodu, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/paint-wine-2.webp" alt="Slikanje in vino ob sončnem zahodu, photo 2"></span>
                         <span class="album-tile"><img width="1600" height="1067" loading="lazy" decoding="async" src="../../images/paint-wine-3.webp" alt="Slikanje in vino ob sončnem zahodu, photo 3"><span class="cover-more-badge">+6</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Oglej si fotografije</span>
+                    </button>
+                    <a class="album-story-link" href="../../si/projects/paint-and-wine-at-sunset/">
+                        <div class="album-info">
                         <h3>Slikanje in vino ob sončnem zahodu</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 08.03.2025</p>
                         <p class="album-meta"><span>9 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-paint-and-wine-at-sunset" class="eg-hidden-gallery js-lightbox" data-project-url="../../si/projects/paint-and-wine-at-sunset/" data-project-label="Preberi zgodbo" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-1.webp" data-caption="Slikanje in vino ob sončnem zahodu"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-2.webp" data-caption="Slikanje in vino ob sončnem zahodu"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-3.webp" data-caption="Slikanje in vino ob sončnem zahodu"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-4.webp" data-caption="Slikanje in vino ob sončnem zahodu"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-5.webp" data-caption="Slikanje in vino ob sončnem zahodu"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-6.webp" data-caption="Slikanje in vino ob sončnem zahodu"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-7.webp" data-caption="Slikanje in vino ob sončnem zahodu"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-8.webp" data-caption="Slikanje in vino ob sončnem zahodu"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/paint-wine-9.webp" data-caption="Slikanje in vino ob sončnem zahodu"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../si/projects/watching-handball-together-in-slovenia/" aria-label="Skupno gledanje rokometa v Sloveniji">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-watching-handball-together-in-slovenia" aria-label="Oglej si fotografije: Skupno gledanje rokometa v Sloveniji">
                         <span class="album-tile album-tile--main"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/handball-2025-1.webp" alt="Skupno gledanje rokometa v Sloveniji, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/handball-2025-2.webp" alt="Skupno gledanje rokometa v Sloveniji, photo 2"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/handball-2025-3.webp" alt="Skupno gledanje rokometa v Sloveniji, photo 3"><span class="cover-more-badge">+4</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Oglej si fotografije</span>
+                    </button>
+                    <a class="album-story-link" href="../../si/projects/watching-handball-together-in-slovenia/">
+                        <div class="album-info">
                         <h3>Skupno gledanje rokometa v Sloveniji</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 25.01.2025</p>
                         <p class="album-meta"><span>7 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-watching-handball-together-in-slovenia" class="eg-hidden-gallery js-lightbox" data-project-url="../../si/projects/watching-handball-together-in-slovenia/" data-project-label="Preberi zgodbo" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-1.webp" data-caption="Skupno gledanje rokometa v Sloveniji"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-2.webp" data-caption="Skupno gledanje rokometa v Sloveniji"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-3.webp" data-caption="Skupno gledanje rokometa v Sloveniji"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-4.webp" data-caption="Skupno gledanje rokometa v Sloveniji"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-5.webp" data-caption="Skupno gledanje rokometa v Sloveniji"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-6.webp" data-caption="Skupno gledanje rokometa v Sloveniji"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/handball-2025-7.webp" data-caption="Skupno gledanje rokometa v Sloveniji"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../si/projects/morning-coffee-in-front-of-ctk/" aria-label="Jutranja kava pred CTK">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-morning-coffee-in-front-of-ctk" aria-label="Oglej si fotografije: Jutranja kava pred CTK">
                         <span class="album-tile album-tile--main"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="Jutranja kava pred CTK, photo 1"></span>
                         <span class="album-tile"><img width="1425" height="950" loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Jutranja kava pred CTK, photo 2"></span>
                         <span class="album-tile"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="Jutranja kava pred CTK, photo 3"><span class="cover-more-badge">+4</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Oglej si fotografije</span>
+                    </button>
+                    <a class="album-story-link" href="../../si/projects/morning-coffee-in-front-of-ctk/">
+                        <div class="album-info">
                         <h3>Jutranja kava pred CTK</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 08.06.2024</p>
                         <p class="album-meta"><span>7 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-morning-coffee-in-front-of-ctk" class="eg-hidden-gallery js-lightbox" data-project-url="../../si/projects/morning-coffee-in-front-of-ctk/" data-project-label="Preberi zgodbo" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image1.webp" data-caption="Jutranja kava pred CTK"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image2.webp" data-caption="Jutranja kava pred CTK"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image3.webp" data-caption="Jutranja kava pred CTK"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image4.webp" data-caption="Jutranja kava pred CTK"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image5.webp" data-caption="Jutranja kava pred CTK"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image6.webp" data-caption="Jutranja kava pred CTK"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/event4-image7.webp" data-caption="Jutranja kava pred CTK"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../si/projects/in-memory-of-frosina-kulakova/" aria-label="V spomin na Frosino Kulakovo">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-in-memory-of-frosina-kulakova" aria-label="Oglej si fotografije: V spomin na Frosino Kulakovo">
                         <span class="album-tile album-tile--main"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/frosina-1.webp" alt="V spomin na Frosino Kulakovo, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/frosina-2.webp" alt="V spomin na Frosino Kulakovo, photo 2"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/frosina-3.webp" alt="V spomin na Frosino Kulakovo, photo 3"></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Oglej si fotografije</span>
+                    </button>
+                    <a class="album-story-link" href="../../si/projects/in-memory-of-frosina-kulakova/">
+                        <div class="album-info">
                         <h3>V spomin na Frosino Kulakovo</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 08.02.2025</p>
                         <p class="album-meta"><span>3 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-in-memory-of-frosina-kulakova" class="eg-hidden-gallery js-lightbox" data-project-url="../../si/projects/in-memory-of-frosina-kulakova/" data-project-label="Preberi zgodbo" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/frosina-1.webp" data-caption="V spomin na Frosino Kulakovo"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/frosina-2.webp" data-caption="V spomin na Frosino Kulakovo"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/frosina-3.webp" data-caption="V spomin na Frosino Kulakovo"></button>
+                    </div>
             </article>
             <article class="album-card">
-                <a class="album-link-wrap" href="../../si/projects/in-memory-of-the-kochani-victims/" aria-label="V spomin na žrtve v Kočanih">
-                    <div class="album-cover">
+                <button type="button" class="album-cover" data-lightbox-target="gal-in-memory-of-the-kochani-victims" aria-label="Oglej si fotografije: V spomin na žrtve v Kočanih">
                         <span class="album-tile album-tile--main"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/kochani-1.webp" alt="V spomin na žrtve v Kočanih, photo 1"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/kochani-2.webp" alt="V spomin na žrtve v Kočanih, photo 2"></span>
                         <span class="album-tile"><img width="720" height="480" loading="lazy" decoding="async" src="../../images/kochani-3.webp" alt="V spomin na žrtve v Kočanih, photo 3"><span class="cover-more-badge">+1</span></span>
-                    </div>
-                    <div class="album-info">
+                    
+                        <span class="album-cover-hint"><i class="fas fa-expand" aria-hidden="true"></i> Oglej si fotografije</span>
+                    </button>
+                    <a class="album-story-link" href="../../si/projects/in-memory-of-the-kochani-victims/">
+                        <div class="album-info">
                         <h3>V spomin na žrtve v Kočanih</h3>
                         <p class="album-date"><i class="far fa-calendar" aria-hidden="true"></i> 21.03.2025</p>
                         <p class="album-meta"><span>4 fotografij</span><span class="dot" aria-hidden="true"></span><span class="read-link">Preberi zgodbo</span></p>
                     </div>
-                </a>
+                    </a>
+                    <div id="gal-in-memory-of-the-kochani-victims" class="eg-hidden-gallery js-lightbox" data-project-url="../../si/projects/in-memory-of-the-kochani-victims/" data-project-label="Preberi zgodbo" hidden>
+                        <button type="button" class="eg-thumb" data-full="../../images/kochani-1.webp" data-caption="V spomin na žrtve v Kočanih"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/kochani-2.webp" data-caption="V spomin na žrtve v Kočanih"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/kochani-3.webp" data-caption="V spomin na žrtve v Kočanih"></button>
+                        <button type="button" class="eg-thumb" data-full="../../images/kochani-4.webp" data-caption="V spomin na žrtve v Kočanih"></button>
+                    </div>
             </article>
         </section>
     </main>
@@ -400,6 +505,7 @@
 </footer>
 <!-- END_FOOTER -->
 
+<script src="../../main.js"></script>
 <link rel="stylesheet" href="/assistant.css">
 <script src="/assistant.js" defer></script>
 </body>