.portfolio.gallery{margin:0 0 18px}.gallery.cover{aspect-ratio:5/2;border:1px solid var(--line);background:var(--ink);cursor:zoom-in;border-radius:8px;width:100%;margin:0 0 8px;padding:0;display:block;position:relative;overflow:hidden}.gallery.cover img{object-fit:cover;width:100%;height:100%;display:block}.gallery.zoom{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:inline-flex;position:absolute;top:12px;right:12px}.gallery.count{color:#fff;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:4px;padding:5px 10px;font-size:11px;position:absolute;top:12px;left:12px}.gallery.caption{color:#fff;text-shadow:0 1px 4px #0009;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;position:absolute;bottom:14px;left:16px;right:16px;overflow:hidden}.gallery.caption:empty{display:none}.gallery.thumbs{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}@media (width<=700px){.gallery.thumbs{grid-template-columns:repeat(3,1fr)}}.gallery.thumb{cursor:pointer;aspect-ratio:5/2;background:0 0;background:var(--ink);border:2px solid #0000;border-radius:6px;padding:0;transition:border-color .12s;overflow:hidden}.gallery.thumb img{object-fit:cover;width:100%;height:100%;display:block}.gallery.thumb:hover{border-color:var(--line-2)}.gallery.thumb.is-active{border-color:var(--warm)}