/* More work: six small cards, each a real picture or a plain drawing with one line. */
.more-work { padding-top: clamp(80px, 8vw, 116px); } /* space after the panels */
.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } /* three across on desktop */
.work-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--ink-line); border-radius: 16px; background: var(--ink-raised); } /* one card */
.work-card-visual { position: relative; overflow: hidden; aspect-ratio: 16 / 9; background: var(--world-background, #2a2621); color: var(--world-on-color, var(--paper)); } /* picture area in the card's own colour */
.work-card-visual img, .work-card-visual video, .work-card-visual svg { width: 100%; height: 100%; object-fit: cover; } /* fills the picture area */
.work-card-body { display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 20px 22px 22px; } /* text under the picture */
.work-card h3 { font: 700 21px/1.18 var(--display); letter-spacing: -0.01em; } /* project name */
.work-card p { color: var(--paper-soft); font-size: 15.5px; line-height: 1.5; } /* the one line */
.work-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 8px; color: var(--paper-faint); font: 500 12px var(--mono); letter-spacing: 0.03em; } /* status and link */
.work-card-foot a { color: var(--paper); font: 600 14px var(--body); text-underline-offset: 4px; white-space: nowrap; } /* the card's link */
.work-card-foot .no-wrap { white-space: nowrap; } /* "Internal tool, 2025–2026" stays on one line */
.work-card.world-msc { border-color: transparent; background: var(--world-background); color: var(--world-on-color); } /* the M.Sc. card is green all over, never mistaken for the GPT-2 work */
.work-card.world-msc p, .work-card.world-msc .work-card-foot { color: rgb(242 255 248 / 0.8); } /* softer text on green */
.work-card.world-msc .work-card-foot a { color: var(--world-on-color); } /* its link */