Полный перенос дизайна и текстов из макета: oklch-палитра, Google Fonts

Заменил приблизительную hex-палитру на настоящие oklch()-цвета из
макета, подключил JetBrains Mono через Google Fonts (обновил CSP:
style-src/font-src для fonts.googleapis.com/fonts.gstatic.com).
Секция "обо мне" резюме — без term-window, плоские абзацы; опыт работы
в формате период/роль/компания·город + буллеты с тире; контакты в виде
label+value, как в макете. Карточки проектов — без бара с точками,
header-строка "drwxr-xr-x {name}" + ссылка справа, как в Projects.dc.html.
matrix-rain.js переписан по алгоритму из макета (shadowBlur на "голове"
капли, katakana-набор символов, накопительное падение). Градиент
глубины поверх дождя взял по факту темнее, чем в инлайн-стилях макета
(0.72–0.96 давал почти невидимый дождь) — подобрал по референс-скриншоту
макета (0.35–0.6), а не по сырым числам.

frontend/css/projects.css

@@ -3,81 +3,51 @@
   font-weight: 700;
   color: var(--color-accent);
   margin: 0 0 0.4rem;
-  text-shadow: 0 0 20px var(--color-accent-dim);
+  text-shadow: 0 0 24px oklch(55% 0.19 142 / 0.4);
 }
 
 .page-subheading {
   color: var(--color-silver);
   font-size: 0.9rem;
-  margin: 0 0 2rem;
+  margin: 0 0 2.5rem;
 }
 
 .project-grid {
   list-style: none;
   margin: 0;
   padding: 0;
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-  gap: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
 }
 
 .project-card {
   border: var(--border);
-  background: var(--color-bg-raised);
-  display: flex;
-  flex-direction: column;
+  padding: 1.5rem;
 }
 
-.project-card__bar {
+.project-card__header {
   display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border-bottom: var(--border);
-  color: var(--color-silver);
-  font-size: 0.8rem;
-  white-space: nowrap;
-  overflow-x: auto;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+  margin-bottom: 0.6rem;
 }
 
-.project-card__bar span {
-  width: 9px;
-  height: 9px;
-  border-radius: 50%;
-  background: var(--color-accent-dim);
-  opacity: 0.6;
-  flex-shrink: 0;
+.project-card__name {
+  font-size: 1.05rem;
+  font-weight: 600;
+  color: var(--color-fg-dim);
 }
 
 .project-card__perms {
-  color: var(--color-accent-dim);
-}
-
-.project-card__body {
-  padding: 1.25rem 1.5rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  flex: 1;
-}
-
-.project-card__title {
-  margin: 0;
-  color: var(--color-accent);
-  font-size: 1.05rem;
+  color: var(--color-accent-mid);
 }
 
 .project-card__desc {
-  margin: 0;
-  color: var(--color-fg);
+  margin: 0 0 0.75rem;
+  color: var(--color-fg-dim);
   font-size: 0.9rem;
-}
-
-.project-card__link {
-  margin-top: auto;
-}
-
-.project-card__link::before {
-  content: '$ ';
-  color: var(--color-accent-dim);
+  line-height: 1.6;
 }