#gallery-root{padding-block:var(--gap-lg)}.art-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap-lg) var(--gap)}.art-card{display:grid;gap:10px}.art-tile{display:block;padding:0;border:0;background:none;cursor:pointer;width:100%}.art-tile__frame{display:block;position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--cream-2);border:var(--edge) solid var(--brown);box-shadow:var(--hard);outline:2px solid var(--cream-2);outline-offset:-5px;transition:transform 80ms steps(2),box-shadow 80ms steps(2)}.art-tile:hover .art-tile__frame,.art-tile:focus-visible .art-tile__frame{transform:translate3d(-2px,-2px,0);box-shadow:6px 6px 0 var(--brown)}.art-tile__img{width:100%;height:100%;object-fit:cover;display:block}.art-tile__img--placeholder,.lightbox__placeholder{image-rendering:pixelated}.art-tile__ribbon{position:absolute;left:0;right:0;bottom:12%;padding:7px 8px;background:var(--brown);color:var(--cream);font-family:var(--font-pixel);font-size:var(--fs-px-xs);line-height:1.5;letter-spacing:.05em;text-align:center}.art-card__meta{display:grid;gap:2px}.art-card__title{margin:0;font-family:var(--font-pixel);font-size:var(--fs-px-md);line-height:1.7;color:var(--brown)}.art-card__by{margin:0;font-size:12.5px;color:var(--brown-2)}.art-card__likes{margin:0;font-size:12px;color:var(--brown-3)}.lightbox{border:var(--edge) solid var(--brown);background:var(--cream-2);box-shadow:var(--hard);padding:0;max-width:min(94vw,1000px);max-height:92dvh;color:var(--ink);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.lightbox:not([open]){display:none}.lightbox::backdrop{background:#1c1410db}.lightbox__fig{margin:0;padding:var(--gap);display:grid;gap:12px;min-width:0}.lightbox__stage{position:relative;display:grid;place-items:center;background:var(--cream);border:2px solid var(--brown);min-height:40dvh}.lightbox__stage img{max-width:100%;max-height:66dvh;width:auto;height:auto}.lightbox__placeholder{width:100%;height:40dvh;object-fit:cover}.lightbox__cap{display:grid;gap:4px;font-size:13px;color:var(--brown-2)}.lightbox__cap strong{font-family:var(--font-pixel);font-size:11px;font-weight:400;color:var(--brown);line-height:1.6}.lightbox__blurb{font-style:italic}.lightbox__medium,.lightbox__likes{font-size:12px;color:var(--brown-3)}.lightbox__close,.lightbox__nav{font-family:var(--font-pixel);background:var(--cream-2);border:0;color:var(--brown);cursor:pointer;padding:16px 12px;font-size:14px;line-height:1}.lightbox__nav:hover,.lightbox__close:hover{background:var(--peach)}.lightbox__close{position:absolute;top:0;right:0;border-left:2px solid var(--brown);border-bottom:2px solid var(--brown);font-size:12px;z-index:2}@media (max-width: 640px){.lightbox{grid-template-columns:1fr}.lightbox__nav{padding:12px}.lightbox__nav--prev{grid-row:3;justify-self:start}.lightbox__nav--next{grid-row:3;justify-self:end}.lightbox__fig{grid-row:2}.art-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}