.gallery{gap:var(--gap-columns);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.gallery__tile{aspect-ratio:3/4;border-radius:var(--radius-card);background:var(--color-paper-3);outline:var(--rule-hair) solid var(--color-rule);outline-offset:calc(-1 * var(--rule-hair));display:block;overflow:hidden}.gallery__tile img{object-fit:cover;width:100%;height:100%;transition:opacity var(--dur-short) var(--ease-out)}.gallery__tile:hover img{opacity:.86}.gallery__tile:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (max-width:60rem){.gallery{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:40rem){.gallery{gap:var(--space-xs)}.gallery__tile{border-radius:var(--radius-control)}}.lightbox{width:min(100% - 2 * var(--space-md), 64rem);max-width:none;max-height:calc(100dvh - 2 * var(--space-md));padding:var(--space-md);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:var(--color-paper);color:var(--color-ink);border:0}.lightbox::backdrop{background:color-mix(in oklab, var(--color-ink) 85%, transparent)}.lightbox__inner{gap:var(--space-md);display:grid}.lightbox__figure{border-radius:var(--radius-control);background:var(--color-paper-3);place-items:center;margin:0;display:grid;overflow:hidden}.lightbox__figure img{width:auto;max-width:100%;max-height:calc(100dvh - 2 * var(--space-md) - 2 * var(--space-md) - var(--space-3xl) - var(--space-xl));object-fit:contain}.lightbox__bar{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.lightbox__bar p{font-weight:600;font-size:var(--text-lg);font-variant-numeric:tabular-nums}@media (max-width:40rem){.lightbox__bar .actions{gap:var(--space-xs);width:100%}.lightbox__bar .btn{padding-inline:var(--space-sm);flex:1 1 0}}@media (prefers-reduced-motion:reduce){.gallery__tile img{transition:none}}