.masonry.svelte-16h6p05{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:200px;gap:1rem}.tile.svelte-16h6p05{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-muted);padding:0;cursor:zoom-in;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.tile.svelte-16h6p05:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-md)}.tile.svelte-16h6p05 img:where(.svelte-16h6p05){width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.tile.svelte-16h6p05:hover img:where(.svelte-16h6p05){transform:scale(1.08)}.tile-0.svelte-16h6p05{grid-row:span 2}.tile-3.svelte-16h6p05{grid-row:span 2;grid-column:span 2}.tile-7.svelte-16h6p05{grid-row:span 2}.ovl.svelte-16h6p05{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;background:linear-gradient(180deg,transparent 50%,rgba(15,23,42,.85));opacity:0;transition:opacity .3s var(--ease)}.tile.svelte-16h6p05:hover .ovl:where(.svelte-16h6p05){opacity:1}.zoom.svelte-16h6p05{align-self:flex-end;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#fff;color:var(--brand-700);margin-bottom:auto}.caption.svelte-16h6p05{color:#fff;font-size:.9rem;font-weight:500}@media (max-width: 600px){.masonry.svelte-16h6p05{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}.tile-3.svelte-16h6p05{grid-column:span 2}}