diff --git a/public/css/main.css b/public/css/main.css
index 90b0231..e80791e 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -3453,7 +3453,7 @@ body.home .section__title {
   transition: border-color 0.22s ease, transform 0.28s ease, box-shadow 0.28s ease;
 }
 
-.mp-card::before {
+.mp-card--glass::before {
   content: "";
   position: absolute;
   inset: auto 0 0 0;
diff --git a/src/partials/projects-section-mp.en.html b/src/partials/projects-section-mp.en.html
index b86ddec..f9f61a2 100644
--- a/src/partials/projects-section-mp.en.html
+++ b/src/partials/projects-section-mp.en.html
@@ -3,7 +3,7 @@
           <h2 class="section__title">Portfolio</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="ai-platform-primo-rpa">
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}ai-platform-primo-rpa/" aria-label="AI platform — open case">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}ai-platform-primo-rpa/" aria-label="AI platform — open case">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
@@ -26,7 +26,7 @@
               </a>
             </li>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="lunacy">
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}lunacy/" aria-label="Graphics editor Lunacy — open case">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}lunacy/" aria-label="Graphics editor Lunacy — open case">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
@@ -49,7 +49,7 @@
               </a>
             </li>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="manu-game-maker" hidden>
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}manu-game-maker/" aria-label="MANU game engine — open case">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}manu-game-maker/" aria-label="MANU game engine — open case">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
@@ -72,7 +72,7 @@
               </a>
             </li>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="mobile-clinic-app" hidden>
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}mobile-clinic-app/" aria-label="Mobile app for a clinic network — open case">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}mobile-clinic-app/" aria-label="Mobile app for a clinic network — open case">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
@@ -95,7 +95,7 @@
               </a>
             </li>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="orc-automation-panel">
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}orc-automation-panel/" aria-label="Web panel for automation orchestration — open case">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}orc-automation-panel/" aria-label="Web panel for automation orchestration — open case">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
@@ -117,7 +117,7 @@
               </a>
             </li>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="task-distribution-concept" hidden>
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}task-distribution-concept/" aria-label="Task distribution service concept — open case">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}task-distribution-concept/" aria-label="Task distribution service concept — open case">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
@@ -140,7 +140,7 @@
               </a>
             </li>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="task-tracker" hidden>
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}task-tracker/" aria-label="Task tracker for a back-office system — open case">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}task-tracker/" aria-label="Task tracker for a back-office system — open case">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
diff --git a/src/partials/projects-section-mp.html b/src/partials/projects-section-mp.html
index e825cf3..7bb2630 100644
--- a/src/partials/projects-section-mp.html
+++ b/src/partials/projects-section-mp.html
@@ -3,7 +3,7 @@
           <h2 class="section__title">Портфолио</h2>
           <ol class="mini-projects-grid" data-mini-projects-list>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="ai-platform-primo-rpa">
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
@@ -26,7 +26,7 @@
               </a>
             </li>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="lunacy">
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
@@ -49,7 +49,7 @@
               </a>
             </li>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="manu-game-maker" hidden>
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
@@ -72,7 +72,7 @@
               </a>
             </li>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="mobile-clinic-app" hidden>
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
@@ -95,7 +95,7 @@
               </a>
             </li>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="orc-automation-panel">
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
@@ -117,7 +117,7 @@
               </a>
             </li>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="task-distribution-concept" hidden>
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
@@ -140,7 +140,7 @@
               </a>
             </li>
             <li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="task-tracker" hidden>
-              <a class="mp-card mp-card--link mp-card--stack-bottom" href="{{casesPrefix}}task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
+              <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="{{casesPrefix}}task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"