/* Inventory: white paper, serif + mono, strict 3-column 3:4 grid, header on top. */
.theme-inventory {
  --bg: #fbfbfa; --ink: #161616; --ink-2: #5c5c58; --rule: #d9d9d4; --tile: #ecece9; --field: #fff;
  --body: "Libre Caslon Text", "Iowan Old Style", Georgia, serif;
  --ui: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;
}
.theme-inventory .site-hdr { max-width: 1280px; margin-inline: auto; padding: 22px 20px 18px; border-bottom: 1px solid var(--ink); }
.theme-inventory .site-hdr .langs { margin-left: 10px; border-left: 1px solid var(--rule); padding-left: 16px; }
.theme-inventory main { max-width: 1280px; margin-inline: auto; padding-inline: 20px; }
.theme-inventory .bio { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; padding-block: 48px; border-bottom: 1px solid var(--rule); }
.theme-inventory .bio-text > .label { display: none; }
.theme-inventory .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 24px; padding-bottom: 60px; }
.theme-inventory .tile img { aspect-ratio: 3 / 4; object-fit: cover; }
.theme-inventory .tile:hover img { outline: 1px solid var(--ink); outline-offset: 3px; }
.theme-inventory .tile .cap { display: grid; grid-template-columns: 1fr auto; font-family: var(--ui); font-size: 12px; }
.theme-inventory .tile .cap .t { font-family: var(--body); font-size: 16px; }
.theme-inventory .tile .cap .t i { font-family: var(--ui); font-style: normal; display: block; margin: 0; font-size: 12px; }
.theme-inventory .tile .cap em { font-family: var(--body); font-style: italic; }
.theme-inventory .spec { font-family: var(--ui); font-size: 12px; }
@media (max-width: 760px) {
  .theme-inventory .bio { grid-template-columns: 1fr; gap: 20px; padding-block: 30px; }
  .theme-inventory main { padding-inline: 0; }
  .theme-inventory .bio, .theme-inventory .work, .theme-inventory .inq, .theme-inventory .done, .theme-inventory .gal-head, .theme-inventory .flash { margin-inline: 20px; }
  .theme-inventory .grid { grid-template-columns: 1fr; gap: 28px; }
  .theme-inventory .tile img { aspect-ratio: auto; object-fit: contain; }
  .theme-inventory .tile .cap { padding-inline: 20px; }
  .theme-inventory .tile:hover img { outline: none; }
}