Refine stacked metric layout

Author: tandede

app/globals.css

@@ -278,12 +278,13 @@ html.is-at-top .nav-contact:hover, html.is-at-top .nav-contact:focus-visible { b
 .project-copy strong { display: block; margin-bottom: 4px; color: var(--ink); font-size: 10px; }
 .metric-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-left: 1px solid var(--line); }
 .metric-grid > div { display: grid; gap: 7px; align-content: center; min-height: 76px; padding: 10px 14px; border-right: 1px solid var(--line); }
+.metric-grid-split { row-gap: 10px; }
 .metric-grid-split > div { min-height: 58px; padding-block: 8px; }
 .metric-grid-split > div:nth-child(1) { grid-column: 1; grid-row: 1; }
-.metric-grid-split > div:nth-child(2) { grid-column: 1; grid-row: 2; border-top: 1px solid var(--line); }
+.metric-grid-split > div:nth-child(2) { grid-column: 1; grid-row: 2; }
 .metric-grid-split > div:nth-child(3) { grid-column: 2; grid-row: 1; }
-.metric-grid-split > div:nth-child(4) { grid-column: 2; grid-row: 2; border-top: 1px solid var(--line); }
-.metric-grid-split > div:nth-child(5) { grid-column: 3; grid-row: 1 / span 2; }
+.metric-grid-split > div:nth-child(4) { grid-column: 2; grid-row: 2; }
+.metric-grid-split > div:nth-child(5) { grid-column: 3; grid-row: 1; }
 .metric-grid span { color: var(--muted); font-size: 8px; line-height: 1.4; }
 .metric-grid strong { color: var(--ink); font-family: var(--font-geist-mono), monospace; font-size: 16px; }
 .project-arrow { position: absolute; top: 35px; right: 14px; color: var(--blue); transition: transform 180ms ease; }