final polish

style.css

@@ -39,6 +39,32 @@ body {
   font-size: 15px;
   line-height: 1.7;
   overflow-x: hidden;
+  position: relative;
+}
+
+body::before,
+body::after {
+  content: '';
+  position: fixed;
+  width: 36rem;
+  height: 36rem;
+  border-radius: 50%;
+  pointer-events: none;
+  z-index: -1;
+  filter: blur(70px);
+  opacity: 0.12;
+}
+
+body::before {
+  top: -10rem;
+  right: -10rem;
+  background: radial-gradient(circle, var(--mauve), transparent 65%);
+}
+
+body::after {
+  bottom: -14rem;
+  left: -12rem;
+  background: radial-gradient(circle, var(--blue), transparent 65%);
 }
 
 ::selection { background: var(--mauve); color: var(--crust); }
@@ -252,6 +278,7 @@ section.full-width {
 .btn-primary {
   background: var(--mauve);
   color: var(--crust);
+  box-shadow: 0 0 0 1px rgba(203,166,247,0.25), 0 10px 26px rgba(17,17,27,0.4);
 }
 .btn-primary:hover { background: var(--lavender); transform: translateY(-2px); }
 
@@ -309,7 +336,6 @@ section.full-width {
 }
 
 .about-block:last-child { border-bottom: none; }
-.about-block:hover { background: var(--surface0); }
 
 .about-block-tag {
   flex-shrink: 0;
@@ -469,8 +495,6 @@ section.full-width {
   transition: background 0.2s;
 }
 
-.skill-card:hover { background: var(--surface0); }
-
 .skill-card-icon {
   font-size: 1.5rem;
   margin-bottom: 1rem;
@@ -527,7 +551,11 @@ section.full-width {
   margin-bottom: 0.75rem;
 }
 
-.section-heading em { font-style: italic; color: var(--mauve); }
+.section-heading em {
+  font-style: italic;
+  color: var(--mauve);
+  text-shadow: 0 0 16px rgba(203,166,247,0.25);
+}
 
 .section-intro {
   color: var(--subtext0);
@@ -556,7 +584,7 @@ section.full-width {
 }
 
 #project-grid {
-  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 
 #project-grid .card {
@@ -602,6 +630,35 @@ section.full-width {
   display: none;
 }
 
+.card.is-collapsed {
+  display: none;
+}
+
+.projects-more-row {
+  margin-top: 1rem;
+  display: flex;
+  justify-content: center;
+}
+
+.projects-more-btn {
+  border: 1px solid var(--surface1);
+  background: var(--mantle);
+  color: var(--subtext0);
+  border-radius: 999px;
+  padding: 0.42rem 1rem;
+  font-size: 0.72rem;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  font-family: 'JetBrains Mono', monospace;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.projects-more-btn:hover {
+  border-color: var(--mauve);
+  color: var(--text);
+}
+
 /* ─── Card grid ────────────────────────────────────────── */
 .card-grid {
   display: grid;
@@ -638,7 +695,10 @@ section.full-width {
   transition: transform 0.25s;
 }
 
-.card:hover { background: var(--surface0); }
+.card:hover {
+  background: var(--surface0);
+  transform: translateY(-1px);
+}
 .card:hover::before { transform: scaleY(1); }
 
 .card-date {
@@ -793,6 +853,7 @@ footer a:hover { color: var(--mauve); }
   .nav-links { gap: 1.2rem; }
   section { padding: 6rem 1.5rem 4rem; }
   .card-grid.card-grid--featured { grid-template-columns: 1fr; }
+  #project-grid { grid-template-columns: 1fr; }
   .about-columns { grid-template-columns: 1fr; }
   .about-block-tag { width: 4rem; }
   .skills-grid { grid-template-columns: 1fr; }