From 336f9b57073d29ddc5a6ecb1eb0db98e0956820a Mon Sep 17 00:00:00 2001
From: Hermes <hermes@local>
Date: Wed, 16 Sep 2026 15:25:53 +0200
Subject: [PATCH] feat(portfolio): add portfolio-card--bleed variant, use in
 Portfolio block + design-system

- new .portfolio-card--bleed: image pinned bottom-right, no padding,
  corner rounded by card (overflow:hidden)
- design-system catalog: add bleed specimen (ru/en)
- projects-section (ru/en): portfolio cards now use --bleed
---
 .../cases/ai-platform-primo-rpa-2/index.html  | 16 ++++++------
 .../cases/ai-platform-primo-rpa-v2/index.html | 16 ++++++------
 public/cases/ai-platform-primo-rpa/index.html | 16 ++++++------
 public/cases/design-system/index.html         | 25 +++++++++++++++++++
 public/cases/lunacy/index.html                | 16 ++++++------
 public/cases/manu-game-maker/index.html       | 16 ++++++------
 public/cases/mobile-clinic-app/index.html     | 16 ++++++------
 .../obsidian-plugin-columns-view/index.html   | 16 ++++++------
 public/cases/orc-automation-panel/index.html  | 16 ++++++------
 .../task-distribution-concept/index.html      | 16 ++++++------
 public/cases/task-tracker/index.html          | 16 ++++++------
 .../cases/template-elements-demo/index.html   | 16 ++++++------
 public/css/main.css                           | 25 +++++++++++++++++++
 .../cases/ai-platform-primo-rpa-2/index.html  | 16 ++++++------
 .../cases/ai-platform-primo-rpa-v2/index.html | 16 ++++++------
 .../en/cases/ai-platform-primo-rpa/index.html | 16 ++++++------
 public/en/cases/design-system/index.html      | 25 +++++++++++++++++++
 public/en/cases/lunacy/index.html             | 16 ++++++------
 public/en/cases/manu-game-maker/index.html    | 16 ++++++------
 public/en/cases/mobile-clinic-app/index.html  | 16 ++++++------
 .../obsidian-plugin-columns-view/index.html   | 16 ++++++------
 .../en/cases/orc-automation-panel/index.html  | 16 ++++++------
 .../task-distribution-concept/index.html      | 16 ++++++------
 public/en/cases/task-tracker/index.html       | 16 ++++++------
 .../cases/template-elements-demo/index.html   | 16 ++++++------
 public/en/index.html                          | 16 ++++++------
 public/index.html                             | 16 ++++++------
 src/pages/cases/design-system.en.html         | 25 +++++++++++++++++++
 src/pages/cases/design-system.html            | 25 +++++++++++++++++++
 src/partials/projects-section.en.html         | 16 ++++++------
 src/partials/projects-section.html            | 16 ++++++------
 31 files changed, 333 insertions(+), 208 deletions(-)

diff --git a/public/cases/ai-platform-primo-rpa-2/index.html b/public/cases/ai-platform-primo-rpa-2/index.html
index 341dae2..dddbc0c 100644
--- a/public/cases/ai-platform-primo-rpa-2/index.html
+++ b/public/cases/ai-platform-primo-rpa-2/index.html
@@ -785,7 +785,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -811,7 +811,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -837,7 +837,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -863,7 +863,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -889,7 +889,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -915,7 +915,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -941,7 +941,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -967,7 +967,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/cases/ai-platform-primo-rpa-v2/index.html b/public/cases/ai-platform-primo-rpa-v2/index.html
index 0b5d338..254511b 100644
--- a/public/cases/ai-platform-primo-rpa-v2/index.html
+++ b/public/cases/ai-platform-primo-rpa-v2/index.html
@@ -915,7 +915,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -941,7 +941,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -967,7 +967,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -993,7 +993,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -1019,7 +1019,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -1045,7 +1045,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -1071,7 +1071,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -1097,7 +1097,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/cases/ai-platform-primo-rpa/index.html b/public/cases/ai-platform-primo-rpa/index.html
index ba30dff..9c64243 100644
--- a/public/cases/ai-platform-primo-rpa/index.html
+++ b/public/cases/ai-platform-primo-rpa/index.html
@@ -949,7 +949,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -975,7 +975,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -1001,7 +1001,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -1027,7 +1027,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -1053,7 +1053,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -1079,7 +1079,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -1105,7 +1105,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -1131,7 +1131,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/cases/design-system/index.html b/public/cases/design-system/index.html
index e220853..9758ee3 100644
--- a/public/cases/design-system/index.html
+++ b/public/cases/design-system/index.html
@@ -937,6 +937,31 @@
         </div>
         <p class="sg-label">.portfolio-card и дочерние BEM-классы</p>
 
+        <h3>Карточка портфолио — bleed</h3>
+        <div class="sg-portfolio-wrap">
+          <a class="portfolio-card portfolio-card--bleed" href="#components" tabindex="-1" aria-hidden="true">
+            <div class="portfolio-card__body">
+              <h3 class="portfolio-card__title">portfolio-card--bleed</h3>
+              <p class="portfolio-card__summary">Изображение прижато к нижнему правому углу без отступов; угол скругляется по карточке.</p>
+              <ul class="portfolio-card__tags" aria-label="Теги">
+                <li class="portfolio-card__tag">Демо</li>
+                <li class="portfolio-card__tag">UI</li>
+              </ul>
+            </div>
+            <div class="portfolio-card__cover" aria-hidden="true">
+              <img
+                class="portfolio-card__image"
+                src="../../assets/shared/placeholder.webp"
+                alt=""
+                width="400"
+                height="225"
+                decoding="async"
+              />
+            </div>
+          </a>
+        </div>
+        <p class="sg-label">.portfolio-card--bleed — изображение bleed внизу справа</p>
+
         <h3>Заглушка при загрузке изображений</h3>
         <p class="section__prose">
           Пока <code>img</code> ещё не загрузился, <code>initImageLoadPlaceholder</code> вешает
diff --git a/public/cases/lunacy/index.html b/public/cases/lunacy/index.html
index 7bc5535..b5b68bf 100644
--- a/public/cases/lunacy/index.html
+++ b/public/cases/lunacy/index.html
@@ -737,7 +737,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -763,7 +763,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -789,7 +789,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -815,7 +815,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -841,7 +841,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -867,7 +867,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -893,7 +893,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -919,7 +919,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/cases/manu-game-maker/index.html b/public/cases/manu-game-maker/index.html
index e430dcc..c836908 100644
--- a/public/cases/manu-game-maker/index.html
+++ b/public/cases/manu-game-maker/index.html
@@ -479,7 +479,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -505,7 +505,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -531,7 +531,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -557,7 +557,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -583,7 +583,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -609,7 +609,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -635,7 +635,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -661,7 +661,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/cases/mobile-clinic-app/index.html b/public/cases/mobile-clinic-app/index.html
index c2477a8..2d9c204 100644
--- a/public/cases/mobile-clinic-app/index.html
+++ b/public/cases/mobile-clinic-app/index.html
@@ -479,7 +479,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -505,7 +505,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -531,7 +531,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -557,7 +557,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -583,7 +583,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -609,7 +609,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -635,7 +635,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -661,7 +661,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/cases/obsidian-plugin-columns-view/index.html b/public/cases/obsidian-plugin-columns-view/index.html
index a7df252..b1266fb 100644
--- a/public/cases/obsidian-plugin-columns-view/index.html
+++ b/public/cases/obsidian-plugin-columns-view/index.html
@@ -513,7 +513,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -539,7 +539,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -565,7 +565,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -591,7 +591,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -617,7 +617,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -643,7 +643,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -669,7 +669,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -695,7 +695,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/cases/orc-automation-panel/index.html b/public/cases/orc-automation-panel/index.html
index d28c88f..62913ca 100644
--- a/public/cases/orc-automation-panel/index.html
+++ b/public/cases/orc-automation-panel/index.html
@@ -618,7 +618,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -644,7 +644,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -670,7 +670,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -696,7 +696,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -722,7 +722,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -748,7 +748,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -774,7 +774,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -800,7 +800,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/cases/task-distribution-concept/index.html b/public/cases/task-distribution-concept/index.html
index 8c33d8b..5fd8571 100644
--- a/public/cases/task-distribution-concept/index.html
+++ b/public/cases/task-distribution-concept/index.html
@@ -479,7 +479,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -505,7 +505,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -531,7 +531,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -557,7 +557,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -583,7 +583,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -609,7 +609,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -635,7 +635,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -661,7 +661,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/cases/task-tracker/index.html b/public/cases/task-tracker/index.html
index 2992470..775c49b 100644
--- a/public/cases/task-tracker/index.html
+++ b/public/cases/task-tracker/index.html
@@ -907,7 +907,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -933,7 +933,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -959,7 +959,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -985,7 +985,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -1011,7 +1011,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -1037,7 +1037,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -1063,7 +1063,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -1089,7 +1089,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/cases/template-elements-demo/index.html b/public/cases/template-elements-demo/index.html
index 53fb2a9..b3a3a93 100644
--- a/public/cases/template-elements-demo/index.html
+++ b/public/cases/template-elements-demo/index.html
@@ -871,7 +871,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -897,7 +897,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -923,7 +923,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -949,7 +949,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -975,7 +975,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -1001,7 +1001,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -1027,7 +1027,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -1053,7 +1053,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/css/main.css b/public/css/main.css
index 630fc75..322394c 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -3792,6 +3792,24 @@ html[data-font="mono"] .portfolio-card__title {
   margin-left: 0;
 }
 
+/* Вариант: изображение прижато к нижнему правому углу карточки без отступов;
+   скругление угла задаёт сама карточка (overflow:hidden + border-radius). */
+.portfolio-card--bleed .portfolio-card__cover {
+  align-self: flex-end;
+  width: 60%;
+  aspect-ratio: 4 / 3;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border-radius: 0;
+}
+.portfolio-card--bleed .portfolio-card__image {
+  width: 100%;
+  height: 100%;
+  border: 0;
+  border-radius: 0;
+}
+
 .portfolio-card:hover .portfolio-card__title,
 .portfolio-card:focus-visible .portfolio-card__title {
   color: var(--accent-text);
@@ -3832,6 +3850,13 @@ html[data-font="mono"] .portfolio-card__title {
     height: 100%;
     object-position: center;
   }
+
+  .portfolio-card--bleed .portfolio-card__cover {
+    width: 100%;
+    align-self: stretch;
+    aspect-ratio: 16 / 9;
+    padding: 0;
+  }
 }
 
 .skills-intro {
diff --git a/public/en/cases/ai-platform-primo-rpa-2/index.html b/public/en/cases/ai-platform-primo-rpa-2/index.html
index 8732a1f..0a8b3f9 100644
--- a/public/en/cases/ai-platform-primo-rpa-2/index.html
+++ b/public/en/cases/ai-platform-primo-rpa-2/index.html
@@ -785,7 +785,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -810,7 +810,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -835,7 +835,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -860,7 +860,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -885,7 +885,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -910,7 +910,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -935,7 +935,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -960,7 +960,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/en/cases/ai-platform-primo-rpa-v2/index.html b/public/en/cases/ai-platform-primo-rpa-v2/index.html
index 11330d2..aa61927 100644
--- a/public/en/cases/ai-platform-primo-rpa-v2/index.html
+++ b/public/en/cases/ai-platform-primo-rpa-v2/index.html
@@ -915,7 +915,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -940,7 +940,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -965,7 +965,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -990,7 +990,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -1015,7 +1015,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -1040,7 +1040,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -1065,7 +1065,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -1090,7 +1090,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/en/cases/ai-platform-primo-rpa/index.html b/public/en/cases/ai-platform-primo-rpa/index.html
index c373262..8081060 100644
--- a/public/en/cases/ai-platform-primo-rpa/index.html
+++ b/public/en/cases/ai-platform-primo-rpa/index.html
@@ -949,7 +949,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -974,7 +974,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -999,7 +999,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -1024,7 +1024,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -1049,7 +1049,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -1074,7 +1074,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -1099,7 +1099,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -1124,7 +1124,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/en/cases/design-system/index.html b/public/en/cases/design-system/index.html
index 0b1de5c..5c99503 100644
--- a/public/en/cases/design-system/index.html
+++ b/public/en/cases/design-system/index.html
@@ -936,6 +936,31 @@
         </div>
         <p class="sg-label">.portfolio-card and child BEM classes</p>
 
+        <h3>Portfolio Card — bleed</h3>
+        <div class="sg-portfolio-wrap">
+          <a class="portfolio-card portfolio-card--bleed" href="#components" tabindex="-1" aria-hidden="true">
+            <div class="portfolio-card__body">
+              <h3 class="portfolio-card__title">portfolio-card--bleed</h3>
+              <p class="portfolio-card__summary">Image pinned to the bottom-right corner with no padding; the corner is rounded by the card.</p>
+              <ul class="portfolio-card__tags" aria-label="Tags">
+                <li class="portfolio-card__tag">Demo</li>
+                <li class="portfolio-card__tag">UI</li>
+              </ul>
+            </div>
+            <div class="portfolio-card__cover" aria-hidden="true">
+              <img
+                class="portfolio-card__image"
+                src="../../../assets/shared/placeholder.webp"
+                alt=""
+                width="400"
+                height="225"
+                decoding="async"
+              />
+            </div>
+          </a>
+        </div>
+        <p class="sg-label">.portfolio-card--bleed — image bleeds bottom-right</p>
+
         <h3>Placeholder while images are loading</h3>
         <p class="section__prose">
           While <code>img</code> hasn&#x27;t loaded yet, <code>initImageLoadPlaceholder</code> it
diff --git a/public/en/cases/lunacy/index.html b/public/en/cases/lunacy/index.html
index a601eae..8491d38 100644
--- a/public/en/cases/lunacy/index.html
+++ b/public/en/cases/lunacy/index.html
@@ -737,7 +737,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -762,7 +762,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -787,7 +787,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -812,7 +812,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -837,7 +837,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -862,7 +862,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -887,7 +887,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -912,7 +912,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/en/cases/manu-game-maker/index.html b/public/en/cases/manu-game-maker/index.html
index 425ddf6..cd8ab7e 100644
--- a/public/en/cases/manu-game-maker/index.html
+++ b/public/en/cases/manu-game-maker/index.html
@@ -479,7 +479,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -504,7 +504,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -529,7 +529,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -554,7 +554,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -579,7 +579,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -604,7 +604,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -629,7 +629,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -654,7 +654,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/en/cases/mobile-clinic-app/index.html b/public/en/cases/mobile-clinic-app/index.html
index f8c7dd0..f74c294 100644
--- a/public/en/cases/mobile-clinic-app/index.html
+++ b/public/en/cases/mobile-clinic-app/index.html
@@ -479,7 +479,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -504,7 +504,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -529,7 +529,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -554,7 +554,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -579,7 +579,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -604,7 +604,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -629,7 +629,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -654,7 +654,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/en/cases/obsidian-plugin-columns-view/index.html b/public/en/cases/obsidian-plugin-columns-view/index.html
index 986a0ab..1394fad 100644
--- a/public/en/cases/obsidian-plugin-columns-view/index.html
+++ b/public/en/cases/obsidian-plugin-columns-view/index.html
@@ -513,7 +513,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -538,7 +538,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -563,7 +563,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -588,7 +588,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -613,7 +613,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -638,7 +638,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -663,7 +663,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -688,7 +688,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/en/cases/orc-automation-panel/index.html b/public/en/cases/orc-automation-panel/index.html
index a1ca989..2dff765 100644
--- a/public/en/cases/orc-automation-panel/index.html
+++ b/public/en/cases/orc-automation-panel/index.html
@@ -618,7 +618,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -643,7 +643,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -668,7 +668,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -693,7 +693,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -718,7 +718,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -743,7 +743,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -768,7 +768,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -793,7 +793,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/en/cases/task-distribution-concept/index.html b/public/en/cases/task-distribution-concept/index.html
index 3bffe9e..5c52b4e 100644
--- a/public/en/cases/task-distribution-concept/index.html
+++ b/public/en/cases/task-distribution-concept/index.html
@@ -479,7 +479,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -504,7 +504,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -529,7 +529,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -554,7 +554,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -579,7 +579,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -604,7 +604,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -629,7 +629,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -654,7 +654,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/en/cases/task-tracker/index.html b/public/en/cases/task-tracker/index.html
index 279b554..9f71288 100644
--- a/public/en/cases/task-tracker/index.html
+++ b/public/en/cases/task-tracker/index.html
@@ -947,7 +947,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -972,7 +972,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -997,7 +997,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -1022,7 +1022,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -1047,7 +1047,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -1072,7 +1072,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -1097,7 +1097,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -1122,7 +1122,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/en/cases/template-elements-demo/index.html b/public/en/cases/template-elements-demo/index.html
index 0565238..4608e5c 100644
--- a/public/en/cases/template-elements-demo/index.html
+++ b/public/en/cases/template-elements-demo/index.html
@@ -872,7 +872,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -897,7 +897,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -922,7 +922,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -947,7 +947,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -972,7 +972,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -997,7 +997,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -1022,7 +1022,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -1047,7 +1047,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="../obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/en/index.html b/public/en/index.html
index 0945068..1c464b2 100644
--- a/public/en/index.html
+++ b/public/en/index.html
@@ -483,7 +483,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -508,7 +508,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -533,7 +533,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -558,7 +558,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -583,7 +583,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -608,7 +608,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -633,7 +633,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -658,7 +658,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/public/index.html b/public/index.html
index dd1dda9..4cb36ef 100644
--- a/public/index.html
+++ b/public/index.html
@@ -482,7 +482,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -508,7 +508,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -534,7 +534,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -560,7 +560,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -586,7 +586,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -612,7 +612,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -638,7 +638,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -664,7 +664,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="cases/obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="cases/obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/src/pages/cases/design-system.en.html b/src/pages/cases/design-system.en.html
index 1c94f4d..7f6ef30 100644
--- a/src/pages/cases/design-system.en.html
+++ b/src/pages/cases/design-system.en.html
@@ -748,6 +748,31 @@
         </div>
         <p class="sg-label">.portfolio-card and child BEM classes</p>
 
+        <h3>Portfolio Card — bleed</h3>
+        <div class="sg-portfolio-wrap">
+          <a class="portfolio-card portfolio-card--bleed" href="#components" tabindex="-1" aria-hidden="true">
+            <div class="portfolio-card__body">
+              <h3 class="portfolio-card__title">portfolio-card--bleed</h3>
+              <p class="portfolio-card__summary">Image pinned to the bottom-right corner with no padding; the corner is rounded by the card.</p>
+              <ul class="portfolio-card__tags" aria-label="Tags">
+                <li class="portfolio-card__tag">Demo</li>
+                <li class="portfolio-card__tag">UI</li>
+              </ul>
+            </div>
+            <div class="portfolio-card__cover" aria-hidden="true">
+              <img
+                class="portfolio-card__image"
+                src="{{assetPrefix}}assets/shared/placeholder.webp"
+                alt=""
+                width="400"
+                height="225"
+                decoding="async"
+              />
+            </div>
+          </a>
+        </div>
+        <p class="sg-label">.portfolio-card--bleed — image bleeds bottom-right</p>
+
         <h3>Placeholder while images are loading</h3>
         <p class="section__prose">
           While <code>img</code> hasn&#x27;t loaded yet, <code>initImageLoadPlaceholder</code> it
diff --git a/src/pages/cases/design-system.html b/src/pages/cases/design-system.html
index feedfd3..1a97c4d 100644
--- a/src/pages/cases/design-system.html
+++ b/src/pages/cases/design-system.html
@@ -749,6 +749,31 @@
         </div>
         <p class="sg-label">.portfolio-card и дочерние BEM-классы</p>
 
+        <h3>Карточка портфолио — bleed</h3>
+        <div class="sg-portfolio-wrap">
+          <a class="portfolio-card portfolio-card--bleed" href="#components" tabindex="-1" aria-hidden="true">
+            <div class="portfolio-card__body">
+              <h3 class="portfolio-card__title">portfolio-card--bleed</h3>
+              <p class="portfolio-card__summary">Изображение прижато к нижнему правому углу без отступов; угол скругляется по карточке.</p>
+              <ul class="portfolio-card__tags" aria-label="Теги">
+                <li class="portfolio-card__tag">Демо</li>
+                <li class="portfolio-card__tag">UI</li>
+              </ul>
+            </div>
+            <div class="portfolio-card__cover" aria-hidden="true">
+              <img
+                class="portfolio-card__image"
+                src="{{assetPrefix}}assets/shared/placeholder.webp"
+                alt=""
+                width="400"
+                height="225"
+                decoding="async"
+              />
+            </div>
+          </a>
+        </div>
+        <p class="sg-label">.portfolio-card--bleed — изображение bleed внизу справа</p>
+
         <h3>Заглушка при загрузке изображений</h3>
         <p class="section__prose">
           Пока <code>img</code> ещё не загрузился, <code>initImageLoadPlaceholder</code> вешает
diff --git a/src/partials/projects-section.en.html b/src/partials/projects-section.en.html
index a53e9d1..205bf34 100644
--- a/src/partials/projects-section.en.html
+++ b/src/partials/projects-section.en.html
@@ -16,7 +16,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
                       <p class="portfolio-card__summary">
@@ -41,7 +41,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Platform for working with AI</h3>
                       <p class="portfolio-card__summary">
@@ -66,7 +66,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
                       <p class="portfolio-card__summary">
@@ -91,7 +91,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">MANU game engine</h3>
                       <p class="portfolio-card__summary">
@@ -116,7 +116,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -141,7 +141,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
                       <p class="portfolio-card__summary">
@@ -166,7 +166,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Task distribution service concept</h3>
                       <p class="portfolio-card__summary">
@@ -191,7 +191,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
                       <p class="portfolio-card__summary">
diff --git a/src/partials/projects-section.html b/src/partials/projects-section.html
index 6fbb806..95670e0 100644
--- a/src/partials/projects-section.html
+++ b/src/partials/projects-section.html
@@ -16,7 +16,7 @@
               <div class="projects-carousel__track">
                 <div class="projects-carousel__spacer" aria-hidden="true"></div>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}orc-automation-panel/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}orc-automation-panel/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
                       <p class="portfolio-card__summary">
@@ -42,7 +42,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}ai-platform-primo-rpa/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}ai-platform-primo-rpa/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Платформа для работы с AI</h3>
                       <p class="portfolio-card__summary">
@@ -68,7 +68,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}task-tracker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}task-tracker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
                       <p class="portfolio-card__summary">
@@ -94,7 +94,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}manu-game-maker/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}manu-game-maker/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Игровой движок MANU</h3>
                       <p class="portfolio-card__summary">
@@ -120,7 +120,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}lunacy/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}lunacy/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
                       <p class="portfolio-card__summary">
@@ -146,7 +146,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}mobile-clinic-app/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}mobile-clinic-app/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
                       <p class="portfolio-card__summary">
@@ -172,7 +172,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}task-distribution-concept/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}task-distribution-concept/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
                       <p class="portfolio-card__summary">
@@ -198,7 +198,7 @@
                   </a>
                 </article>
                 <article class="projects-carousel__item">
-                  <a class="portfolio-card" href="{{casesPrefix}}obsidian-plugin-columns-view/">
+                  <a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}obsidian-plugin-columns-view/">
                     <div class="portfolio-card__body">
                       <h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
                       <p class="portfolio-card__summary">