/* Public Craft adapts the retained Craft gallery recipe in gallery.css.
   Original captures and studies stay private; this page loads only public art. */
.craft-page { padding-bottom: 96px; }
.craft-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.craft-column { min-width: 0; }
.craft-study.eighty-card {
  padding: 4px;
  border-radius: 12px;
  border-color: var(--colors-gray5);
  background: var(--card-bg);
  color: var(--colors-gray12);
  box-shadow: none;
}
.craft-study .eighty-cover {
  height: auto;
  aspect-ratio: 4 / 3;
  border-radius: 8px;
  --card-width: 43px;
  --card-gap: 8px;
}
.craft-study .eighty-caption { padding: 10px 8px 8px; gap: 12px; }
.craft-study .eighty-caption-copy { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 12px; }
.craft-study .eighty-caption strong { font-size: 14px; line-height: 21px; letter-spacing: 0; font-weight: 400; }
.craft-study .eighty-caption small { font-size: 13px; line-height: 21px; color: var(--colors-gray11); white-space: nowrap; }
.craft-study .eighty-arrow { display: none; }
.craft-study [data-fake-button] { transition: background 180ms; }
.craft-study:hover [data-fake-button], .craft-study:focus-visible [data-fake-button] { background: var(--colors-gray4); }
.craft-study:focus-visible { outline: 2px solid var(--colors-gray11); outline-offset: 3px; }
.craft-source { margin: 20px 8px 0; color: var(--colors-gray11); font-size: 12px; line-height: 1.8; }
.craft-source a { text-decoration: underline; text-underline-offset: 3px; color: var(--colors-gray12); }
.craft-source code { font: inherit; }
@media (max-width: 960px) { .craft-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .craft-grid { grid-template-columns: minmax(0, 1fr); } }