/* Portfolio: every project, written from content/projects.json by tools/build-pages.py.
   Reads every value from tokens.css; the eyebrow, statement, tiles and captions come from
   components.css, so a tile here is the home's Selected works tile (its KOBU hover, its
   one-line caption).

   Luke 10/9: a grid of every project to click into, built to keep adding to. Every tile the
   same: a 3:2 landscape (the tile's own shape), two to a row (.tile-grid), each
   project's best overview shot as its cover. One column on phones. Static: no scroll reveals
   (Luke 9/30). */

.portfolio {
  /* No bottom padding: the closing follows (css/cta.css .cta--page brings the space) */
  padding: calc(var(--header-height, 88px) + var(--space-page-top)) var(--gutter) 0;
  background: var(--paper);
  color: var(--ink);
}

/* The head is the shared .page-head (components.css): the eyebrow, then the statement */

/* The grid is the shared .tile-grid (components.css) */