feat(portfolio): add mp-card--bleed variant, use in Portfolio block + design-system

public/css/main.css

@@ -3409,6 +3409,31 @@ html[data-theme="light"] .hero__portrait-shell {
   aspect-ratio: 16 / 9;
 }
 
+/* Вариант: текст сверху (заголовок → описание → теги),
+   изображение прижато к нижнему правому углу без отступов;
+   угол скругляется самой карточкой (overflow:hidden + border-radius). */
+.mp-card--bleed {
+  flex-direction: column-reverse;
+}
+.mp-card--bleed .mp-card__media {
+  width: 60%;
+  align-self: flex-end;
+  aspect-ratio: 4 / 3;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+.mp-card--bleed .mp-card__image {
+  width: 100%;
+  height: 100%;
+  border: 0;
+  border-radius: 0;
+  object-fit: cover;
+}
+.mp-card--bleed .mp-card__title { order: 0; }
+.mp-card--bleed .mp-card__desc { order: 1; }
+.mp-card--bleed .mp-card__tags { order: 2; }
+
 .mp-card--horizontal {
   flex-direction: row;
   align-items: stretch;