changes.txt Batch 1: nav, hero, gallery, project CTA, discl. groundwork

- #9.1 Reorder "Who We Are" nav to Our team, Timeline, MSOS Hub (all 225 pages)
- #4  Fix MK "Ask MSOS" label to "Прашај го МСОС"
- #11 Landing hero overlay -> radial blue vignette (lighter centre)
- #3  Gallery cards show the event date under the title (DD.MM.YYYY)
- #1  Membership/support CTA at the end of project pages (memorials excluded)
- #8  "Illustrative image" tag on blog/news photo captions
- #9.3 Mission & Vision: full-width gradient band + more space above title

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

css/pages/_about.css

@@ -249,13 +249,15 @@
    ========================================================================== */
 
 .mission-vision-section {
-    padding: 96px 80px;
-    background-color: #FFFFFF;
+    /* Extra top padding so the title never looks like it touches the band above.
+       Full-width soft gradient band (spans edge-to-edge, never "cut on the sides"). */
+    padding: 116px 80px 100px;
+    background: linear-gradient(180deg, #EAF3F6 0%, #F6FBFC 62%, #FFFFFF 100%);
 }
 
 .mission-vision-section .page-header-section {
     margin-bottom: 48px;
-    padding: 0;
+    padding-top: 8px;
 }
 
 .mission-vision-section .page-header-section h2 {
@@ -278,7 +280,9 @@
     position: relative;
     flex: 1;
     height: 200px;
-    background: #F9FAFB;
+    background: #FFFFFF;
+    border: 1px solid #E4EEF2;
+    box-shadow: 0 6px 18px rgba(16, 24, 40, 0.05);
     border-radius: 12px;
     cursor: pointer;
     overflow: hidden;

css/pages/_article.css

@@ -723,4 +723,20 @@
     font-size: 12px;
     font-weight: 600;
     color: #667085;
-}
+}
+/* ==========================================================================
+   Membership / support CTA at the end of project & event articles
+   ========================================================================== */
+.article-support-cta { max-width: 760px; margin: 8px auto 0; padding: 0 24px; }
+.asc-card {
+    background: linear-gradient(135deg, #EAF2F5 0%, #F3F8FA 100%);
+    border: 1px solid #E4EEF2; border-radius: 16px;
+    padding: 30px 26px; text-align: center;
+}
+.asc-card h3 { font-size: 22px; line-height: 1.25; margin: 0 0 8px; color: #101828; font-weight: 700; }
+.asc-card p { font-size: 15px; line-height: 24px; color: #475467; margin: 0 0 20px; }
+.asc-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
+
+/* Small "illustrative image" tag prepended to symbolic blog/news photo captions */
+.fig-illustrative { font-weight: 600; color: #667085; }
+.fig-illustrative i { font-size: 11px; color: #98A2B3; margin-right: 3px; }

css/pages/_gallery.css

@@ -79,6 +79,8 @@
 .album-info { padding: 14px 16px 16px; }
 .album-info h3 { font-size: 17px; line-height: 1.3; margin: 0 0 3px; font-weight: 700; color: #101828; transition: color 0.2s ease; }
 .album-card:hover .album-info h3 { color: #2D738C; }
+.album-date { font-size: 12.5px; color: #98A2B3; margin: 0 0 7px; display: flex; align-items: center; gap: 6px; }
+.album-date i { font-size: 12px; color: #2D738C; }
 .album-meta {
     font-size: 13px; color: #667085; margin: 0;
     display: flex; align-items: center; gap: 8px; flex-wrap: wrap;

css/pages/_home.css

@@ -47,7 +47,12 @@
     left: 0;
     height: 100%;
     width: 100%;
-    background: rgba(45, 115, 140, 0.64);
+    /* Radial vignette: lighter blue in the centre (over the CTA) fading to a
+       deeper blue at the edges, so the eye is drawn to the middle. */
+    background: radial-gradient(ellipse 90% 95% at 50% 50%,
+        rgba(60, 142, 170, 0.46) 0%,
+        rgba(45, 115, 140, 0.64) 44%,
+        rgba(16, 50, 70, 0.88) 100%);
     z-index: 2;
 }