.photo-gallery{width:100%;padding:var(--space-4)}.masonry-grid{column-count:1;column-gap:var(--space-4);column-fill:balance}@media (width>=480px){.masonry-grid{column-count:2;column-gap:var(--space-5)}}@media (width>=768px){.masonry-grid{column-count:3;column-gap:var(--space-6)}}@media (width>=1024px){.masonry-grid{column-count:4;column-gap:var(--space-6)}}@media (width>=1440px){.masonry-grid{column-count:5;column-gap:var(--space-8)}}.masonry-item{width:100%;margin-bottom:var(--space-4);break-inside:avoid;cursor:pointer;transition:transform var(--transition-base);display:inline-block}.masonry-item:hover{transform:translateY(-2px)}@media (width>=480px){.masonry-item{margin-bottom:var(--space-5)}}@media (width>=768px){.masonry-item{margin-bottom:var(--space-6)}}.image-container{border-radius:var(--radius-lg);background-color:var(--color-background-alt);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base);position:relative;overflow:hidden}.image-container:hover{box-shadow:var(--shadow-lg)}.gallery-image{width:100%;height:auto;transition:opacity var(--transition-base), transform var(--transition-base);opacity:0;background-color:var(--color-background-alt);display:block}.image-container .placeholder-image,.gallery-placeholder{border:none;border-radius:0;width:100%;min-height:250px;display:block;opacity:1!important}.gallery-image.loading{opacity:.5;background-image:linear-gradient(90deg,#0000,#fff6,#0000);background-repeat:no-repeat;background-size:200px 100%;animation:1.5s infinite shimmer}.gallery-image.loaded{opacity:1}.gallery-image.error{opacity:.3;background-color:var(--color-background-alt)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.image-overlay{opacity:0;transition:opacity var(--transition-base);padding:var(--space-4);color:#fff;background:linear-gradient(#0000 0%,#0000001a 50%,#000c 100%);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.masonry-item:hover .image-overlay{opacity:1}.expand-icon{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:32px;height:32px;transition:background-color var(--transition-base);background-color:#fff3;justify-content:center;align-self:flex-end;align-items:center;display:flex}.expand-icon:hover{background-color:#ffffff4d}.image-info{margin-top:auto}.image-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight);text-align:center}.image-description{font-size:var(--font-size-sm);opacity:.9;line-height:var(--line-height-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.photo-gallery-loading{padding:var(--space-16);color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid var(--color-background-alt);border-top:3px solid var(--color-accent);width:40px;height:40px;margin-bottom:var(--space-4);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.photo-gallery-error{padding:var(--space-16);color:var(--color-error);text-align:center;justify-content:center;align-items:center;display:flex}.photo-gallery-empty{padding:var(--space-16);text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{margin-bottom:var(--space-4);opacity:.5;font-size:4rem}.photo-gallery-empty h3{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0 0 var(--space-2) 0;color:var(--color-text-primary)}.photo-gallery-empty p{font-size:var(--font-size-base);margin:0}.lightbox-overlay{z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000f2;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-container{flex-direction:column;width:100%;max-width:1200px;height:100%;max-height:800px;display:flex;position:relative}.lightbox-close{top:var(--space-4);right:var(--space-4);z-index:10;border-radius:var(--radius-full);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;border:2px solid #fff3;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 4px 12px #0000004d}.lightbox-close:hover{color:var(--color-text-primary);background-color:#ffffffe6;border-color:#0000001a;transform:scale(1.05)}.lightbox-close:focus{outline:2px solid var(--color-focus-outline);outline-offset:2px}.lightbox-nav{z-index:10;border-radius:var(--radius-full);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;border:2px solid #fff3;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000004d}.lightbox-nav:hover{color:var(--color-text-primary);background-color:#ffffffe6;border-color:#0000001a;transform:translateY(-50%)scale(1.05)}.lightbox-nav:focus{outline:2px solid var(--color-focus-outline);outline-offset:2px}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}.lightbox-content{gap:var(--space-4);flex-direction:column;height:100%;display:flex}.lightbox-stage{border-radius:var(--radius-lg);touch-action:none;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.lightbox-image{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%;display:block}.lightbox-zoom-controls{top:var(--space-4);left:var(--space-4);z-index:10;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff26;align-items:center;gap:2px;padding:2px;display:flex;position:absolute}.lightbox-zoom-btn{min-width:36px;height:36px;padding:0 var(--space-2);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.lightbox-zoom-btn:hover:not(:disabled){background:#ffffff2e}.lightbox-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.lightbox-zoom-btn:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}.lightbox-zoom-level{min-width:52px;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.lightbox-info{padding:var(--space-4);border-radius:var(--radius-lg);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3}.lightbox-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight)}.lightbox-description{font-size:var(--font-size-base);margin:0 0 var(--space-3) 0;line-height:var(--line-height-normal);opacity:.9}.lightbox-meta{font-size:var(--font-size-sm);opacity:.7;justify-content:space-between;align-items:center;display:flex}.image-counter{font-weight:var(--font-weight-medium)}.image-date{font-family:var(--font-mono)}@media (width<=767px){.photo-gallery{padding:var(--space-3)}.lightbox-overlay{padding:var(--space-2)}.lightbox-close{top:var(--space-2);right:var(--space-2);width:40px;height:40px}.lightbox-nav{width:40px;height:40px}.lightbox-prev{left:var(--space-2)}.lightbox-next{right:var(--space-2)}.lightbox-info{padding:var(--space-3)}.lightbox-title{font-size:var(--font-size-lg)}.lightbox-description{font-size:var(--font-size-sm)}.lightbox-meta{align-items:flex-start;gap:var(--space-1);flex-direction:column}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.gallery-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){.masonry-item,.image-container,.gallery-image,.image-overlay,.expand-icon,.lightbox-close,.lightbox-nav{transition:none}.loading-spinner,.lightbox-overlay,.gallery-image.loading{animation:none}}.masonry-item:focus{outline:2px solid var(--color-focus-outline);outline-offset:2px;border-radius:var(--radius-lg)}.masonry-item:focus .image-overlay{opacity:1}@media print{.photo-gallery{display:none}}