.__grid--masonry{display:grid;grid-template-columns:repeat(auto-fit,var(--col-width));grid-template-rows:masonry;justify-content:center;grid-gap:var(--grid-gap);padding:var(--grid-gap)}.__grid--masonry>*{align-self:start}.__grid--masonry.__stretch-first>*:first-child{grid-column:1/ -1}.thumbnail-grid.svelte-1kalsid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem;margin-left:.5rem;margin-right:.5rem}.project-thumbnail.svelte-1kalsid{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;transition:all .5s ease-in-out}.project-thumbnail.svelte-1kalsid:hover{transform:scale(1.02);cursor:pointer}.color-overlay.svelte-1kalsid{position:relative;overflow:hidden}.color-overlay.svelte-1kalsid:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f000;transition:background .3s ease;pointer-events:none}.color-overlay.svelte-1kalsid:hover:after{background:#00fc}.overlay-text.svelte-1kalsid{position:absolute;top:.5rem;left:.5rem;right:.5rem;color:#fff;font-size:.9rem;line-height:1.1;z-index:2;opacity:0;transform:translateY(-4px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.color-overlay.svelte-1kalsid:hover .overlay-text:where(.svelte-1kalsid){opacity:1;transform:translateY(0)}.project-title.svelte-1kalsid,.project-date.svelte-1kalsid{margin:0;font-size:1.1rem;font-weight:400}.placeholder-image.svelte-1kalsid{background:#eee;display:flex;align-items:center;justify-content:center;color:#666;text-align:center;aspect-ratio:3/4;cursor:pointer}.tags-container.svelte-1kalsid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;position:sticky;top:3rem;z-index:5}.selected.svelte-1kalsid{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.selected.svelte-1kalsid:hover{border-color:var(--primary-color-accent)}@media (hover: none){.color-overlay.svelte-1kalsid:hover:after{background:#f000}.color-overlay.svelte-1kalsid:hover .overlay-text:where(.svelte-1kalsid){opacity:0;transform:translateY(-4px)}}@media (pointer: coarse){.project-thumbnail.svelte-1kalsid{aspect-ratio:3/4}}@media (max-width: 400px){.thumbnail-grid.svelte-1kalsid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tags-container.svelte-1kalsid{gap:.2rem;top:4.3rem;padding-bottom:1.5rem}.bonny-button.svelte-1kalsid{font-size:.6rem;margin:0rem}}@media (min-width: 401px) and (max-width: 850px){.thumbnail-grid.svelte-1kalsid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tags-container.svelte-1kalsid{gap:.2rem;top:4.2rem;padding-bottom:1.5rem}.bonny-button.svelte-1kalsid{font-size:.9rem;margin:0rem}}