.masonry-gallery{--columns: 5;display:flex;gap:var(--gallery-gap);width:100%;min-height:400px;box-sizing:border-box;background:var(--color-pure);padding:0;position:relative;z-index:10}@media (max-width: 31.9375rem){.masonry-gallery{--columns: 1}.masonry-gallery .masonry-column{gap:var(--space-md)!important}}@media (min-width: 32rem) and (max-width: 47.9375rem){.masonry-gallery{--columns: 2}}@media (min-width: 48rem) and (max-width: 55.9375rem){.masonry-gallery{--columns: 3}}@media (min-width: 56rem) and (max-width: 79.9375rem){.masonry-gallery{--columns: 4}}@media (min-width: 80rem){.masonry-gallery{--columns: 5}}.masonry-column{display:flex;flex-direction:column;gap:var(--gallery-gap);flex:1}.portfolio-image{width:100%;box-sizing:border-box;padding:0}.portfolio-image>div{width:100%;background:var(--color-accent);overflow:hidden;position:relative;border-radius:var(--border-radius);cursor:pointer;aspect-ratio:var(--image-aspect-ratio, auto)}[data-theme=dark] .portfolio-image>div{background:#0a0a0a}.portfolio-image picture{display:block;width:100%;height:100%;position:relative;z-index:2}.portfolio-image picture img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-image [data-placeholder]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;transition:opacity var(--transition-medium)}.portfolio-image [data-placeholder][data-lqip-type=blur]{filter:blur(5px);transform:scale(1.1)}.gallery-image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-secondary);font-family:var(--font-caption);font-size:var(--text-sm);text-align:center;padding:var(--space-md)}.gallery-image-error-icon{margin-bottom:var(--space-sm)}.gallery-error-message{padding:var(--space-xl);text-align:center;color:var(--color-secondary)}.gallery-error-icon{font-size:var(--text-3xl);margin-bottom:var(--space-md)}.portfolio-image.loaded [data-placeholder]{opacity:0;pointer-events:none}.portfolio-image>div.loaded{background:transparent}.portfolio-image img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-image>div:not(.loaded){background:var(--color-accent);position:relative}.portfolio-image>div:not(.loaded):before{content:"";position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;margin:-.75rem 0 0 -.75rem;border:.125rem solid var(--color-secondary);border-top-color:transparent;border-radius:50%;animation:gallery-loading 1s linear infinite}@keyframes gallery-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio-image .error-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-secondary);font-family:var(--font-caption);font-size:var(--text-sm);text-align:center;padding:var(--space-md)}.portfolio-image .error-fallback .icon{margin-bottom:var(--space-xs);font-size:var(--text-2xl)}.masonry-gallery.loading{opacity:.8}.masonry-gallery.error{border-color:var(--color-warning)}.gallery-spinner{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-interactive)}.gallery-spinner svg{animation:gallery-spin 1s linear infinite}@keyframes gallery-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.gallery-spinner svg{animation:none;opacity:.5}}@media (max-width: 47.9375rem){.masonry-gallery{min-height:200px}.portfolio-image>div:hover{transform:none;box-shadow:none}.portfolio-image>div:hover img{transform:none}}@media (min-width: 52.5rem){.masonry-gallery{min-height:300px}}@media (min-width: 75rem){.masonry-gallery{min-height:400px}}.portfolio-image>div:focus{outline:.125rem solid var(--color-interactive);outline-offset:.125rem}.portfolio-image>div:focus-visible{outline:.125rem solid var(--color-interactive);outline-offset:.125rem}@media (prefers-reduced-motion: reduce){.masonry-column{transition:none}.portfolio-image>div{transition:none}.portfolio-image img{transition:none}.portfolio-image>div:hover{transform:none}.portfolio-image>div:hover img{transform:none}.portfolio-image>div:not(.loaded):before{animation:none}}@media (prefers-contrast: high){.masonry-gallery{border-color:currentColor}.portfolio-image>div{border:.0625rem solid currentColor}.portfolio-image>div:focus{outline-width:.1875rem}}@media print{.masonry-gallery{border:none;background:transparent}.portfolio-image>div{break-inside:avoid;border:.0625rem solid var(--color-primary)}.portfolio-image>div:hover{transform:none;box-shadow:none}}.image-viewer{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:var(--background-color, var(--color-pure, #ffffff));color:var(--text-color, var(--color-dark, #000000));transition:opacity var(--transition-medium)}.image-viewer[data-state=inactive]{display:none;opacity:0;pointer-events:none}.image-viewer[data-state=active]{display:flex;opacity:1;pointer-events:all}.viewer__close{position:fixed;top:var(--space-md);right:var(--space-md);z-index:20;background:#ffffff4d;border:1px solid rgba(0,0,0,.1);color:#0009;cursor:pointer;padding:var(--space-sm);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.viewer__close:hover{background:#fff9;border-color:var(--color-interactive);color:var(--color-interactive);opacity:1}[data-theme=dark] .viewer__close{background:#0000004d;border-color:#ffffff1a;color:#fff9}[data-theme=dark] .viewer__close:hover{background:#0009;border-color:var(--color-interactive);color:var(--color-interactive)}.viewer__close:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px}.viewer__counter{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);z-index:20;background:#ffffff4d;border:1px solid var(--color-interactive);color:var(--color-interactive);padding:var(--space-sm) var(--space-md);border-radius:1.5rem;font-size:var(--text-sm);font-weight:var(--weight-regular);user-select:none;opacity:1;transition:opacity .2s ease}.viewer__counter:hover{opacity:1}[data-theme=dark] .viewer__counter{background:#0000004d;border:1px solid var(--color-interactive);color:var(--color-interactive)}[data-theme=dark] .viewer__counter:hover{opacity:1}.viewer__content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0}.viewer__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:none;align-items:center;justify-content:center;color:var(--color-interactive);opacity:.7}.viewer__loading[data-state=active]{display:flex}.viewer__spinner{animation:viewer-spin 1s linear infinite}@keyframes viewer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.viewer__image-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.viewer__image-container picture{display:block;width:100%;height:100%}.viewer__image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:opacity .2s ease-in-out}.viewer__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffff4d;border:1px solid rgba(0,0,0,.1);color:#0009;cursor:pointer;padding:.5rem;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}@media (hover: none) and (pointer: coarse){.viewer__nav{display:none}}.viewer__nav--prev{left:var(--space-md)}.viewer__nav--next{right:var(--space-md)}.viewer__nav:hover:not(:disabled){background:#fff9;border-color:var(--color-interactive);color:var(--color-interactive);opacity:1}[data-theme=dark] .viewer__nav{background:#0000004d;border-color:#ffffff1a;color:#fff9}[data-theme=dark] .viewer__nav:hover:not(:disabled){background:#0009;border-color:var(--color-interactive);color:var(--color-interactive)}.viewer__nav:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px}.viewer__nav:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.viewer__nav[aria-disabled=true]{opacity:.3;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.image-viewer,.viewer__image,.viewer__nav,.viewer__close{transition-duration:0ms}.viewer__image{transition:opacity .1s ease-out}}.viewer__image:not([src]){opacity:0}.viewer__close:focus-visible,.viewer__nav:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px}@media (max-width: 767px){.viewer__counter{font-size:var(--text-xs);padding:.375rem .75rem;bottom:1rem}.viewer__close,.viewer__nav{width:2rem;height:2rem;padding:.375rem}}.uniform-gallery{display:flex;flex-wrap:wrap;gap:var(--gallery-gap);width:100%;box-sizing:border-box;background:var(--color-pure);position:relative;z-index:10}.gallery-item{flex-shrink:1;overflow:hidden;cursor:pointer;position:relative;opacity:0;transition:opacity .4s ease-out}.gallery-item.visible{opacity:1}.gallery-spacer{flex-grow:999;flex-basis:0;height:0}@media (max-width: 36rem){.gallery-item{flex-basis:100%;height:auto;aspect-ratio:var(--ar)}.gallery-spacer{display:none}}.gallery-item picture{display:block;width:100%;height:100%;position:relative;z-index:2}.gallery-item picture img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(.92);opacity:0;transform-origin:center center;transition:transform .9s cubic-bezier(.33,1,.68,1) .3s,opacity .5s ease-out .3s}.gallery-item>div.loaded picture img{transform:scale(1);opacity:1}.gallery-item [data-placeholder]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;transition:opacity var(--transition-medium)}.gallery-item [data-placeholder][data-lqip-type=blur]{filter:blur(5px);transform:scale(1.1)}.gallery-item.loaded [data-placeholder]{opacity:0;pointer-events:none}.gallery-item>div.loaded{background:transparent}.gallery-item>div{width:100%;height:100%;position:relative}.gallery-item>div:not(.loaded){background:var(--color-accent)}[data-theme=dark] .gallery-item>div:not(.loaded){background:var(--color-surface)}.gallery-item>div:not(.loaded):before{content:"";position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;margin:-.75rem 0 0 -.75rem;border:.125rem solid var(--color-secondary);border-top-color:transparent;border-radius:50%;animation:uniform-gallery-loading 1s linear infinite}@keyframes uniform-gallery-loading{to{transform:rotate(360deg)}}.uniform-gallery-error{padding:var(--space-xl);text-align:center;color:var(--color-secondary);width:100%}.gallery-item:focus{outline:none}.gallery-item:focus-visible{outline:.125rem solid var(--color-interactive);outline-offset:.125rem}@media (prefers-reduced-motion: reduce){.gallery-item{opacity:1;transition:none}.gallery-item>div:not(.loaded):before{animation:none}.gallery-item [data-placeholder]{transition:none}.gallery-item picture img{transform:none;opacity:1;transition:none}}@media (prefers-contrast: high){.gallery-item{border:.0625rem solid currentColor}.gallery-item:focus{outline-width:.1875rem}}@media print{.uniform-gallery{background:transparent}.gallery-item{break-inside:avoid;opacity:1}.gallery-item>div:not(.loaded):before{display:none}.gallery-item picture img{transform:none;opacity:1}}