.grid-viewport.svelte-opzp8k{touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .4s;position:fixed;inset:0;overflow:hidden}.grid-viewport.light.svelte-opzp8k .grid-item:where(.svelte-opzp8k) span:where(.svelte-opzp8k){color:#080808}.grid-item.svelte-opzp8k{text-align:left;position:absolute}.grid-item.entering.svelte-opzp8k{animation:.7s both svelte-opzp8k-gallery-enter;animation-delay:var(--delay)}.grid-image.svelte-opzp8k{will-change:transform;background:#1b1b1b;width:100%;height:100%;transition:transform .35s;overflow:hidden}.grid-item.svelte-opzp8k:hover .grid-image:where(.svelte-opzp8k),.grid-item.svelte-opzp8k:focus-visible .grid-image:where(.svelte-opzp8k){transform:scale(1.05)}.grid-item.source-hidden.svelte-opzp8k .grid-image:where(.svelte-opzp8k){visibility:hidden}.grid-viewport.inactive.svelte-opzp8k{pointer-events:none;opacity:0}.grid-item.svelte-opzp8k img:where(.svelte-opzp8k),.grid-item.svelte-opzp8k video:where(.svelte-opzp8k){object-fit:cover;pointer-events:none;width:100%;height:100%}.grid-item.svelte-opzp8k span:where(.svelte-opzp8k){color:#fff;font-family:var(--font-mono);opacity:0;padding-top:.6rem;font-size:.75rem;transition:opacity .3s;position:absolute;top:100%;left:0;right:0}.grid-item.svelte-opzp8k:hover span:where(.svelte-opzp8k),.grid-item.svelte-opzp8k:focus-visible span:where(.svelte-opzp8k){opacity:1}@keyframes svelte-opzp8k-gallery-enter{0%{opacity:0}to{opacity:1}}.viewer.svelte-opzp8k{color:#fff;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(80px,120px);gap:7%;padding:6.5rem 7% 3rem 4.7%;display:grid;position:fixed;inset:0}.viewer-backdrop.svelte-opzp8k{position:absolute;inset:0}.viewer.light.svelte-opzp8k{color:#080808}.feature.svelte-opzp8k{align-self:start;min-width:0;position:relative}.feature-media.svelte-opzp8k{width:min(100%, calc((100svh - 12rem) * var(--ratio)));aspect-ratio:var(--ratio);touch-action:none;position:relative;overflow:hidden}.feature-media[data-zoomed]{z-index:5;overflow:visible}.feature-media.svelte-opzp8k img:where(.svelte-opzp8k),.feature-media.svelte-opzp8k video:where(.svelte-opzp8k){object-fit:cover;width:100%;height:100%;display:block}.mute.svelte-opzp8k{color:inherit;font-family:var(--font-mono);font-size:.7rem;position:absolute;top:-1.75rem;left:0}.viewer-content.svelte-opzp8k{width:min(100%, calc((100svh - 12rem) * var(--ratio)));flex-wrap:wrap;gap:0 1rem;display:flex}.caption.svelte-opzp8k{font-family:var(--font-mono);text-transform:uppercase;flex:9rem;margin-top:.6rem;font-size:.65rem}.project-link.svelte-opzp8k{font-family:var(--font-mono);white-space:nowrap;margin:.6rem 0 0 auto;font-size:.65rem}.rail.svelte-opzp8k{flex-direction:column;min-height:0;display:flex;position:relative}.thumbnails.svelte-opzp8k{overscroll-behavior:contain;overflow-anchor:none;flex-direction:column;flex:1 1 0;gap:.4rem;min-height:0;display:flex;overflow-y:auto}.thumbnails.svelte-opzp8k button:where(.svelte-opzp8k),.rail-spacer.svelte-opzp8k{flex:none}.thumbnails.svelte-opzp8k button:where(.svelte-opzp8k){width:100%;height:var(--row-h);opacity:.7;overflow:hidden}.thumbnails.moving.svelte-opzp8k{pointer-events:none}.thumbnails.horizontal.svelte-opzp8k{flex-direction:row;overflow:auto hidden}.thumbnails.horizontal.svelte-opzp8k button:where(.svelte-opzp8k){width:var(--row-h);height:100%}.thumbnails.moving.svelte-opzp8k button:where(.svelte-opzp8k):not(.rail-animating){visibility:hidden}.thumbnails.svelte-opzp8k button:where(.svelte-opzp8k):hover,.thumbnails.svelte-opzp8k button:where(.svelte-opzp8k):focus-visible,.thumbnails.svelte-opzp8k button.selected:where(.svelte-opzp8k){opacity:1}.thumbnails.svelte-opzp8k img:where(.svelte-opzp8k),.thumbnails.svelte-opzp8k video:where(.svelte-opzp8k){object-fit:cover;pointer-events:none;width:100%;height:100%}.empty.svelte-opzp8k{color:#fff;padding:8rem 1rem}@media (width<=767px){.viewer.svelte-opzp8k{grid-template-rows:minmax(0,1fr) 3.5rem;grid-template-columns:minmax(0,1fr);gap:1rem;padding:5rem 1rem 7.5rem}.feature.svelte-opzp8k{align-self:center}.feature-media.svelte-opzp8k,.viewer-content.svelte-opzp8k{width:min(100%, calc((100svh - 17rem) * var(--ratio)));margin-inline:auto}.rail.svelte-opzp8k{height:3.5rem}.thumbnails.svelte-opzp8k{align-content:start}}@media (prefers-reduced-motion:reduce){.grid-item.entering.svelte-opzp8k{animation:none}.grid-image.svelte-opzp8k,.grid-item.svelte-opzp8k span:where(.svelte-opzp8k){transition:none}}