removed numbers + card redesign

frontend/src/styles/global.css

@@ -553,46 +553,56 @@ code, pre, kbd, samp {
   filter: saturate(1.05) contrast(1.04);
 }
 .plate .plate-caption {
-  padding: 12px 4px 14px 4px;
+  padding: 14px 6px 16px 6px;
+  margin-top: 2px;
+  border-top: 1px solid color-mix(in srgb, var(--surface2) 50%, transparent);
   display: flex;
-  align-items: flex-end;
-  justify-content: space-between;
-  gap: 1rem;
+  flex-direction: column;
+  gap: 0.4rem;
 }
 .plate .plate-caption-title {
   font-family: var(--font-display);
   font-style: italic;
   font-weight: 500;
-  font-size: 1.05rem;
-  line-height: 1.2;
+  font-size: 1.18rem;
+  line-height: 1.18;
   color: var(--text);
   letter-spacing: -0.005em;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  transition: color 0.25s ease;
+}
+.plate:hover .plate-caption-title {
+  color: var(--mauve);
+}
+.plate .plate-caption-summary {
+  font-family: var(--font-sans);
+  font-style: italic;
+  font-size: 0.82rem;
+  line-height: 1.4;
+  color: var(--subtext0);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 .plate .plate-caption-meta {
   font-family: var(--font-sans);
-  font-size: 0.72rem;
+  font-size: 0.68rem;
   text-transform: uppercase;
-  letter-spacing: 0.18em;
+  letter-spacing: 0.22em;
   color: var(--subtext0);
   white-space: nowrap;
-  align-self: flex-start;
-  padding-top: 0.35rem;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding-top: 0.25rem;
 }
-
-/* The little exhibit number stuck to the corner of a plate */
-.plate-tag {
-  position: absolute;
-  top: -10px;
-  left: 14px;
-  background: var(--mauve);
-  color: var(--rosewater);
-  font-family: var(--font-display);
-  font-size: 0.7rem;
-  font-weight: 600;
-  letter-spacing: 0.18em;
-  padding: 4px 8px;
-  text-transform: uppercase;
-  box-shadow: 0 2px 6px -2px rgba(20, 16, 12, 0.45);
+.plate .plate-caption-sep {
+  color: var(--mauve);
+  opacity: 0.55;
 }
 .plate-tag-mini {
   position: absolute;